Allow Toggle in menus

Examples/Sources/WindowingExample/WindowingApp.swift

@@ -162,6 +162,7 @@ struct SheetDemo: View {
 struct WindowingApp: App {
     @State var title = "My window"
     @State var resizable = false
+    @State var toggle = false
 
     var body: some Scene {
         WindowGroup(title) {
@@ -204,13 +205,15 @@ struct WindowingApp: App {
             CommandMenu("Demo menu") {
                 Button("Menu item") {}
 
+                Toggle("Toggle", active: $toggle)
+
                 Menu("Submenu") {
                     Button("Item 1") {}
                     Button("Item 2") {}
                 }
             }
         }
-        #if !os(iOS) && !os(tvOS)
+        #if !(os(iOS) || os(tvOS) || os(Windows))
             WindowGroup("Secondary window") {
                 #hotReloadable {
                     Text("This a secondary window!")

Sources/AppKitBackend/AppKitBackend.swift

@@ -148,6 +148,24 @@ public final class AppKitBackend: AppBackend {
                         renderedItem.action = #selector(wrappedAction.run)
                         renderedItem.target = wrappedAction
                     }
+                    return renderedItem
+                case .toggle(let label, let value, let onChange):
+                    // Custom subclass is used to keep strong reference to action
+                    // wrapper.
+                    let renderedItem = NSCustomMenuItem(
+                        title: label,
+                        action: nil,
+                        keyEquivalent: ""
+                    )
+                    renderedItem.isOn = value
+
+                    let wrappedAction = Action {
+                        onChange(!renderedItem.isOn)
+                    }
+                    renderedItem.actionWrapper = wrappedAction
+                    renderedItem.action = #selector(wrappedAction.run)
+                    renderedItem.target = wrappedAction
+
                     return renderedItem
                 case .submenu(let submenu):
                     return renderSubmenu(submenu)
@@ -1910,6 +1928,11 @@ final class NSCustomMenuItem: NSMenuItem {
     /// This property's only purpose is to keep a strong reference to the wrapped
     /// action so that it sticks around for long enough to be useful.
     var actionWrapper: Action?
+
+    var isOn: Bool {
+        get { state == .on }
+        set { state = newValue ? .on : .off }
+    }
 }
 
 // TODO: Update all controls to use this style of action passing, seems way nicer

Sources/Gtk3Backend/Gtk3Backend.swift

@@ -244,6 +244,9 @@ public final class Gtk3Backend: AppBackend {
                     }
 
                     model.appendItem(label: label, actionName: "\(actionNamespace).\(actionName)")
+                case .toggle(let label, let value, let onChange):
+                    // FIXME: Implement
+                    logger.warning("menu toggles not implemented")
                 case .submenu(let submenu):
                     model.appendSubmenu(
                         label: submenu.label,

Sources/GtkBackend/GtkBackend.swift

@@ -163,7 +163,7 @@
             return 0
         #else
             if window.showMenuBar {
                 // TODO: Don't hardcode this (if possible), because some Gtk
                 //   themes may affect the height of the menu bar.
                 25
             } else {
@@ -179,7 +179,7 @@
     }
 
     public func isWindowProgrammaticallyResizable(_ window: Window) -> Bool {
         // TODO: Detect whether window is fullscreen
         return true
     }
 
@@ -279,6 +279,9 @@
                     }
 
                     model.appendItem(label: label, actionName: "\(actionNamespace).\(actionName)")
+                case .toggle(let label, let value, let onChange):
+                    // FIXME: Implement
+                    logger.warning("menu toggles not implemented")
                 case .submenu(let submenu):
                     model.appendSubmenu(
                         label: submenu.label,
@@ -383,14 +386,14 @@
     }
 
     public func setRootEnvironmentChangeHandler(to action: @escaping () -> Void) {
         // TODO: React to theme changes
     }
 
     public func computeWindowEnvironment(
         window: Window,
         rootEnvironment: EnvironmentValues
     ) -> EnvironmentValues {
         // TODO: Record window scale factor in here
         rootEnvironment
     }
 
@@ -398,7 +401,7 @@
         of window: Window,
         to action: @escaping () -> Void
     ) {
         // TODO: Notify when window scale factor changes
     }
 
     public func setIncomingURLHandler(to action: @escaping (URL) -> Void) {
@@ -683,7 +686,7 @@
 
     // private let tables = Tables()
 
     // TODO: Implement tables
     // public func createTable(rows: Int, columns: Int) -> Widget {
     //     let widget = Grid()
 
@@ -1176,7 +1179,7 @@
                 }
             },
             window: window ?? windows[0]
         ) { result in
             switch result {
                 case .success(let urls):
                     handleResult(.success(urls[0]))
@@ -1209,7 +1212,7 @@
         configure(chooser)
 
         chooser.registerSignals()
         chooser.response = { (_: NativeDialog, response: Int) -> Void in
             // Release our intentional retain cycle which ironically only exists
             // because of this line. The retain cycle keeps the file chooser
             // around long enough for the user to respond (it gets released

Sources/SwiftCrossUI/Backend/ResolvedMenu.swift

@@ -17,6 +17,14 @@ public struct ResolvedMenu {
     public enum Item {
         /// A button. A `nil` action means that the button is disabled.
         case button(_ label: String, _ action: (@MainActor () -> Void)?)
+        /// A toggle that manages boolean state.
+        ///
+        /// Usually appears as a checkbox.
+        /// - Parameters:
+        ///   - label: The toggle's label.
+        ///   - value: The toggle's current state.
+        ///   - onChange: Called whenever the user changes the toggle's state.
+        case toggle(_ label: String, _ value: Bool, onChange: @MainActor (Bool) -> Void)
         /// A named submenu.
         case submenu(Submenu)
     }

Sources/SwiftCrossUI/Builders/MenuItemsBuilder.swift

@@ -13,6 +13,10 @@ public struct MenuItemsBuilder {
         [.text(first)]
     }
 
+    public static func buildPartialBlock(first: Toggle) -> [MenuItem] {
+        [.toggle(first)]
+    }
+
     public static func buildPartialBlock(first: Menu) -> [MenuItem] {
         [.submenu(first)]
     }
@@ -41,6 +45,13 @@ public struct MenuItemsBuilder {
         accumulated + buildPartialBlock(first: next)
     }
 
+    public static func buildPartialBlock(
+        accumulated: [MenuItem],
+        next: Toggle
+    ) -> [MenuItem] {
+        accumulated + buildPartialBlock(first: next)
+    }
+
     public static func buildPartialBlock(
         accumulated: [MenuItem],
         next: Menu

Sources/SwiftCrossUI/Scenes/CommandMenu.swift

@@ -16,6 +16,7 @@ public struct CommandMenu: Sendable {
     }
 
     /// Resolves the menu to a representation used by backends.
+    @MainActor
     func resolve() -> ResolvedMenu.Submenu {
         ResolvedMenu.Submenu(
             label: name,

Sources/SwiftCrossUI/Scenes/Commands.swift

@@ -36,6 +36,7 @@ public struct Commands: Sendable {
     }
 
     /// Resolves the menus to a representation used by backends.
+    @MainActor
     func resolve() -> [ResolvedMenu.Submenu] {
         menus.map { menu in
             menu.resolve()

Sources/SwiftCrossUI/Views/Menu.swift

@@ -14,6 +14,7 @@ public struct Menu: Sendable {
     }
 
     /// Resolves the menu to a representation used by backends.
+    @MainActor
     func resolve() -> ResolvedMenu.Submenu {
         ResolvedMenu.Submenu(
             label: label,
@@ -22,6 +23,7 @@ public struct Menu: Sendable {
     }
 
     /// Resolves the menu's items to a representation used by backends.
+    @MainActor
     static func resolveItems(_ items: [MenuItem]) -> ResolvedMenu {
         ResolvedMenu(
             items: items.map { item in
@@ -30,6 +32,12 @@ public struct Menu: Sendable {
                         .button(button.label, button.action)
                     case .text(let text):
                         .button(text.string, nil)
+                    case .toggle(let toggle):
+                        .toggle(
+                            toggle.label,
+                            toggle.active.wrappedValue,
+                            onChange: { toggle.active.wrappedValue = $0 }
+                        )
                     case .submenu(let submenu):
                         .submenu(submenu.resolve())
                 }

Sources/SwiftCrossUI/Views/MenuItem.swift

@@ -2,5 +2,6 @@
 public enum MenuItem: Sendable {
     case button(Button)
     case text(Text)
+    case toggle(Toggle)
     case submenu(Menu)
 }

Sources/UIKitBackend/UIKitBackend+Menu.swift

@@ -24,6 +24,10 @@ extension UIKitBackend {
                     } else {
                         UIAction(title: label, attributes: .disabled) { _ in }
                     }
+                case .toggle(let label, let value, let onChange):
+                    UIAction(title: label, state: value ? .on : .off) { action in
+                        onChange(!action.state.isOn)
+                    }
                 case .submenu(let submenu):
                     buildMenu(content: submenu.content, label: submenu.label)
             }
@@ -70,3 +74,10 @@ extension UIKitBackend {
         #endif
     }
 }
+
+extension UIMenuElement.State {
+    var isOn: Bool {
+        get { self == .on }
+        set { self = newValue ? .on : .off }
+    }
+}

Sources/WinUIBackend/WinUIBackend.swift

@@ -267,6 +267,15 @@ public final class WinUIBackend: AppBackend {
                         action?()
                     }
                     return widget
+                case .toggle(let label, let value, let onChange):
+                    let widget = ToggleMenuFlyoutItem()
+                    widget.text = label
+                    widget.isChecked = value
+                    widget.click.addHandler { [weak widget] _, _ in
+                        guard let widget else { return }
+                        onChange(widget.isChecked)
+                    }
+                    return widget
                 case .submenu(let submenu):
                     let widget = MenuFlyoutSubItem()
                     widget.text = submenu.label