Upgrade Ignite to v0.6.

Makefile

@@ -8,7 +8,7 @@ install:
 	@echo "Installing the Ignite command-line tool...\\n"
 	@mkdir -p $(PREFIX_DIR) 2> /dev/null || ( echo "❌ Unable to create install directory \`$(PREFIX_DIR)\`. You might need to run \`sudo make\`\\n"; exit 126 )
 	@(install .build/release/IgniteCLI $(PREFIX_DIR)/ignite && \
-	  install Sources/IgniteCLI/server.py $(PREFIX_DIR)/ignite-server.py && \
+	  install ./server.py $(PREFIX_DIR)/ignite-server.py && \
 	  chmod +x $(PREFIX_DIR)/ignite && \
 	  (echo \\n✅ Success! Run \`ignite\` to get started.)) || \
 	 (echo \\n❌ Installation failed. You might need to run \`sudo make\` instead.\\n)

Sources/Ignite/Actions/Event Modifiers/EventModifier.swift

@@ -5,14 +5,28 @@
 // See LICENSE for license information.
 //
 
-private extension HTML {
-    func eventModifier(type: EventType, actions: [Action]) -> any HTML {
-        guard !actions.isEmpty else { return self }
-        // Custom elements need to be wrapped in a primitive container to store attributes
-        var copy: any HTML = self.isPrimitive ? self : Section(self)
-        copy.attributes.events.append(Event(name: type.rawValue, actions: actions))
-        return copy
-    }
+@MainActor
+private func eventModifier(
+    _ type: EventType,
+    actions: [Action],
+    content: any HTML
+) -> any HTML {
+    guard !actions.isEmpty else { return content }
+    var copy: any HTML = content.isPrimitive ? content : Section(content)
+    copy.attributes.events.append(Event(name: type.rawValue, actions: actions))
+    return copy
+}
+
+@MainActor
+private func eventModifier(
+    _ type: EventType,
+    actions: [Action],
+    content: any InlineElement
+) -> any InlineElement {
+    guard !actions.isEmpty else { return content }
+    var copy: any InlineElement = content.isPrimitive ? content : Span(content)
+    copy.attributes.events.append(Event(name: type.rawValue, actions: actions))
+    return copy
 }
 
 public extension HTML {
@@ -22,7 +36,7 @@ public extension HTML {
     ///   - actions: Array of actions to execute when the event occurs
     /// - Returns: A modified HTML element with the specified attribute.
     func onEvent(_ type: EventType, _ actions: [Action]) -> some HTML {
-        AnyHTML(eventModifier(type: type, actions: actions))
+        AnyHTML(eventModifier(type, actions: actions, content: self))
     }
 }
 
@@ -33,6 +47,6 @@ public extension InlineElement {
     ///   - actions: Array of actions to execute when the event occurs
     /// - Returns: A modified HTML element with the specified attribute.
     func onEvent(_ type: EventType, _ actions: [Action]) -> some InlineElement {
-        AnyHTML(eventModifier(type: type, actions: actions))
+        AnyInlineElement(eventModifier(type, actions: actions, content: self))
     }
 }

Sources/Ignite/Actions/Event Modifiers/HoverModifier.swift

@@ -5,20 +5,26 @@
 // See LICENSE for license information.
 //
 
-private extension HTML {
-    func hoverModifier(hover: [Action], unhover: [Action]) -> any HTML {
-        self
-            .onEvent(.mouseOver, hover)
-            .onEvent(.mouseOut, unhover)
-    }
+@MainActor
+private func hoverModifier(hover: [Action], unhover: [Action], content: any HTML) -> any HTML {
+    content
+        .onEvent(.mouseOver, hover)
+        .onEvent(.mouseOut, unhover)
+}
+
+@MainActor
+private func hoverModifier(hover: [Action], unhover: [Action], content: any InlineElement) -> any InlineElement {
+    content
+        .onEvent(.mouseOver, hover)
+        .onEvent(.mouseOut, unhover)
 }
 
 public extension HTML {
     /// Adds "onmouseover" and "onmouseout" JavaScript events to this element.
     /// - Parameter actions: A closure that takes a Boolean indicating hover state and returns actions to execute.
     /// - Returns: A modified HTML element with the hover event handlers attached.
     func onHover(@ActionBuilder actions: (_ isHovering: Bool) -> [Action]) -> some HTML {
-        AnyHTML(hoverModifier(hover: actions(true), unhover: actions(false)))
+        AnyHTML(hoverModifier(hover: actions(true), unhover: actions(false), content: self))
     }
 }
 
@@ -27,6 +33,6 @@ public extension InlineElement {
     /// - Parameter actions: A closure that takes a Boolean indicating hover state and returns actions to execute.
     /// - Returns: A modified inline HTML element with the hover event handlers attached.
     func onHover(@ActionBuilder actions: (_ isHovering: Bool) -> [Action]) -> some InlineElement {
-        AnyHTML(hoverModifier(hover: actions(true), unhover: actions(false)))
+        AnyInlineElement(hoverModifier(hover: actions(true), unhover: actions(false), content: self))
     }
 }

Sources/Ignite/Components/FeedLink.swift

@@ -21,7 +21,7 @@ public struct FeedLink: HTML {
                 }
 
                 Link("RSS Feed", target: feedConfig.path)
-                EmptyHTML()
+                EmptyInlineElement()
             }
             .horizontalAlignment(.center)
         }

Sources/Ignite/Elements/Abbreviation.swift

@@ -8,7 +8,7 @@
 /// Renders an abbreviation.
 public struct Abbreviation: InlineElement {
     /// The content and behavior of this HTML.
-    public var body: some HTML { self }
+    public var body: some InlineElement { self }
 
     /// The standard set of control attributes for HTML elements.
     public var attributes = CoreAttributes()
@@ -41,7 +41,8 @@ public struct Abbreviation: InlineElement {
 
     /// Renders this element using publishing context passed in.
     /// - Returns: The HTML for this element.
-    public func render() -> String {
-        "<abbr\(attributes)>\(contents.render())</abbr>"
+    public func markup() -> Markup {
+        let contentHTML = contents.markupString()
+        return Markup("<abbr\(attributes)>\(contentHTML)</abbr>")
     }
 }

Sources/Ignite/Elements/Accordion.swift

@@ -17,6 +17,18 @@ public struct Accordion: HTML {
         case all
     }
 
+    /// The visual style of the accordion.
+    public enum Style: Sendable {
+        /// A style with outer borders and rounded corners.
+        case bordered
+
+        /// Removes outer borders and rounded corners.
+        case plain
+
+        /// The default styling based on context.
+        public static var automatic: Self { .bordered }
+    }
+
     /// The content and behavior of this HTML.
     public var body: some HTML { self }
 
@@ -27,7 +39,7 @@ public struct Accordion: HTML {
     public var isPrimitive: Bool { true }
 
     /// A collection of sections you want to show inside this accordion.
-    var items: [Item]
+    private var items: [Item]
 
     /// Adjusts what happens when a section is opened.
     /// Defaults to `.individual`, meaning that only one
@@ -60,9 +72,69 @@ public struct Accordion: HTML {
         return copy
     }
 
+    /// Sets the visual style of the accordion.
+    /// - Parameter style: The style to apply to the accordion.
+    /// - Returns: A modified copy of this accordion with the new style applied.
+    public func accordionStyle(_ style: Style) -> Self {
+        var copy = self
+        copy.attributes.append(classes: "accordion-flush")
+        return copy
+    }
+
+    /// Sets different background colors for normal and active states of accordion headers.
+    /// - Parameters:
+    ///   - closed: The color to use for normal (inactive) headers.
+    ///   - open: The color to use for active (selected) headers.
+    /// - Returns: A modified copy of this accordion with the new header backgrounds.
+    public func headerBackground(_ closed: Color, open: Color) -> Self {
+        var copy = self
+        copy.attributes.append(styles: .init("--bs-accordion-btn-bg", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-btn-hover-bg", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-btn-active-bg", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-accordion-active-bg", value: open.description))
+        return copy
+    }
+
+    /// Sets the same background color for both normal and active states of accordion headers.
+    /// - Parameter color: The color to use for all header states.
+    /// - Returns: A modified copy of this accordion with the new header background.
+    public func headerBackground(_ color: Color) -> Self {
+        self.headerBackground(color, open: color)
+    }
+
+    /// Sets different text colors for normal and active states of accordion headers.
+    /// - Parameters:
+    ///   - closed: The text color to use for normal (inactive) headers.
+    ///   - open: The text color to use for active (selected) headers.
+    /// - Returns: A modified copy of this accordion with the new header text colors.
+    public func headerForegroundStyle(_ closed: Color, open: Color) -> Self {
+        var copy = self
+        copy.attributes.append(styles: .init("--bs-accordion-btn-color", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-btn-hover-color", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-btn-active-color", value: closed.description))
+        copy.attributes.append(styles: .init("--bs-accordion-active-color", value: open.description))
+        return copy
+    }
+
+    /// Sets the same text color for both normal and active states of accordion headers.
+    /// - Parameter color: The text color to use for all header states.
+    /// - Returns: A modified copy of this accordion with the new header text color.
+    public func headerForegroundStyle(_ color: Color) -> Self {
+        self.headerForegroundStyle(color, open: color)
+    }
+
+    /// Sets the border color for the accordion.
+    /// - Parameter color: The color to use for accordion borders.
+    /// - Returns: A modified copy of this accordion with the new border color.
+    public func borderColor(_ color: Color) -> Self {
+        var copy = self
+        copy.attributes.append(styles: .init("--bs-accordion-border-color", value: color.description))
+        return copy
+    }
+
     /// Renders this element using publishing context passed in.
     /// - Returns: The HTML for this element.
-    public func render() -> String {
+    public func markup() -> Markup {
         // Accordions with an individual open mode must have
         // each element linked back to a unique accordion ID.
         // This is generated below, then passed into individual
@@ -77,6 +149,6 @@ public struct Accordion: HTML {
         .class("accordion")
         .id(accordionID)
 
-        return content.render()
+        return content.markup()
     }
 }

Sources/Ignite/Elements/Alert.swift

@@ -48,10 +48,10 @@ public struct Alert: HTML {
 
     /// Renders this element using publishing context passed in.
     /// - Returns: The HTML for this element.
-    public func render() -> String {
+    public func markup() -> Markup {
         Section(content)
             .class(alertClasses)
             .attributes(attributes)
-            .render()
+            .markup()
     }
 }

Sources/Ignite/Elements/ArticlePreview.swift

@@ -43,17 +43,17 @@ public struct ArticlePreview: HTML {
 
     /// Renders the article preview with either a custom layout or the default card.
     /// - Returns: A rendered string of HTML.
-    public func render() -> String {
+    public func markup() -> Markup {
         // If custom style is provided, use it; otherwise,
         // fallback to default layout.
         if let style {
             style.body(content: article)
                 .attributes(attributes)
-                .render()
+                .markup()
         } else {
             defaultCardLayout()
                 .attributes(attributes)
-                .render()
+                .markup()
         }
     }