added missing command attribute to button macro

Author: RandomHashTags

Sources/HTMLKit/HTMLKit.swift

@@ -178,6 +178,7 @@ public macro br<T: ExpressibleByStringLiteral>(
 public macro button<T: ExpressibleByStringLiteral>(
     attributes: [HTMLElementAttribute] = [],
 
+    command: HTMLElementAttribute.Extra.command? = nil,
     disabled: Bool = false,
     form: T? = nil,
     formaction: T? = nil,

Sources/HTMLKitMacros/HTMLElement.swift

@@ -324,7 +324,7 @@ private extension HTMLElement {
         }
         if let function:FunctionCallExprSyntax = expression.functionCall {
             switch key {
-            case "download", "height", "width":
+            case "command", "download", "height", "width":
                 var value:String = "\(function)"
                 value = String(value[value.index(after: value.startIndex)...])
                 value = HTMLElementAttribute.Extra.htmlValue(enumName: enumName(elementType: elementType, key: key), for: value)
@@ -628,6 +628,7 @@ extension StringLiteralExprSyntax {
 extension HTMLElementAttribute.Extra {
     static func htmlValue(enumName: String, for enumCase: String) -> String { // only need to check the ones where the htmlValue is different from the rawValue
         switch enumName {
+        case "command":         return command(rawValue: enumCase)!.htmlValue
         case "contenteditable": return contenteditable(rawValue: enumCase)!.htmlValue
         case "crossorigin":     return crossorigin(rawValue: enumCase)!.htmlValue
         case "download":        return download(rawValue: enumCase)!.htmlValue

Sources/HTMLKitUtilities/HTMLKitUtilities.swift

@@ -160,6 +160,43 @@ public extension HTMLElementAttribute.Extra {
         case user, environment
     }
 
+    enum command {
+        case showModal
+        case close
+        case showPopover
+        case hidePopover
+        case togglePopover
+        case custom(String)
+
+        public init?(rawValue: String) {
+            switch rawValue {
+                case "showModal":     self = .showModal
+                case "close":         self = .close
+                case "showPopover":   self = .showPopover
+                case "hidePopover":   self = .hidePopover
+                case "togglePopover": self = .togglePopover
+                default:
+                    if rawValue.starts(with: "custom(\"") && rawValue.hasSuffix("\")") {
+                        let value:String = String(rawValue[rawValue.index(rawValue.startIndex, offsetBy: 8)..<rawValue.index(rawValue.endIndex, offsetBy: -2)])
+                        self = .custom(value)
+                    } else {
+                        return nil
+                    }
+            }
+        }
+
+        public var htmlValue : String {
+            switch self {
+                case .showModal:          return "show-modal"
+                case .close:              return "close"
+                case .showPopover:        return "show-popover"
+                case .hidePopover:        return "hide-popover"
+                case .togglePopover:      return "toggle-popover"
+                case .custom(let value): return "--" + value
+            }
+        }
+    }
+
     enum contenteditable : String {
         case `true`, `false`
         case plaintextOnly

Tests/HTMLKitTests/ElementTests.swift

@@ -129,9 +129,16 @@ extension ElementTests {
 
         string = #audio(crossorigin: .useCredentials)
         #expect(string == "<audio crossorigin=\"use-credentials\"></audio>")
+
+        string = #audio(disableremoteplayback: true)
+        #expect(string == "<audio disableremoteplayback></audio>")
+
+        string = #audio(preload: .auto)
+        #expect(string == "<audio preload=\"auto\"></audio>")
     }
 
     // MARK: button
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
     @Test func button() {
         var string:StaticString = #button(type: .submit)
         #expect(string == "<button type=\"submit\"></button>")
@@ -144,6 +151,21 @@ extension ElementTests {
 
         string = #button(formenctype: .textPlain, formmethod: .get, type: .reset)
         #expect(string == "<button formenctype=\"text/plain\" formmethod=\"get\" type=\"reset\"></button>")
+
+        string = #button(command: .showModal)
+        #expect(string == "<button command=\"show-modal\"></button>")
+
+        string = #button(command: .showPopover)
+        #expect(string == "<button command=\"show-popover\"></button>")
+
+        string = #button(command: .hidePopover)
+        #expect(string == "<button command=\"hide-popover\"></button>")
+
+        string = #button(command: .togglePopover)
+        #expect(string == "<button command=\"toggle-popover\"></button>")
+
+        string = #button(command: .custom("bingbong"))
+        #expect(string == "<button command=\"--bingbong\"></button>")
     }
 
     // MARK: canvas