@thelacanians/vue-native-cli 0.4.14 → 0.6.0

package/native/macos/VueNativeMacOS/Sources/VueNativeMacOS/Components/Factories/VAlertDialogFactory.swift

@@ -0,0 +1,132 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VAlertDialog — presents an NSAlert when `visible=true`.
+/// The view itself is a zero-size, hidden placeholder in the native tree.
+final class VAlertDialogFactory: NativeComponentFactory {
+
+    // MARK: - Associated-object keys
+
+    private static var titleKey: UInt8 = 0
+    private static var messageKey: UInt8 = 1
+    private static var buttonsKey: UInt8 = 2
+    private static var onActionKey: UInt8 = 3
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let view = FlippedView()
+        view.isHidden = true
+        let node = view.ensureLayoutNode()
+        node.width = .points(0)
+        node.height = .points(0)
+        return view
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        switch key {
+        case "visible":
+            let visible = (value as? Bool) ?? ((value as? Int).map { $0 != 0 } ?? false)
+            if visible {
+                presentAlert(for: view)
+            }
+
+        case "title":
+            objc_setAssociatedObject(
+                view, &VAlertDialogFactory.titleKey,
+                value as? String,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "message":
+            objc_setAssociatedObject(
+                view, &VAlertDialogFactory.messageKey,
+                value as? String,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "buttons":
+            objc_setAssociatedObject(
+                view, &VAlertDialogFactory.buttonsKey,
+                value,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        default:
+            break
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        switch event {
+        case "action":
+            objc_setAssociatedObject(
+                view, &VAlertDialogFactory.onActionKey,
+                handler as AnyObject,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+        default:
+            break
+        }
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        switch event {
+        case "action":
+            objc_setAssociatedObject(view, &VAlertDialogFactory.onActionKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        default:
+            break
+        }
+    }
+
+    // MARK: - Alert Presentation
+
+    private func presentAlert(for view: NSView) {
+        let title = objc_getAssociatedObject(view, &VAlertDialogFactory.titleKey) as? String
+        let message = objc_getAssociatedObject(view, &VAlertDialogFactory.messageKey) as? String
+
+        let alert = NSAlert()
+        alert.messageText = title ?? ""
+        alert.informativeText = message ?? ""
+        alert.alertStyle = .informational
+
+        // Parse buttons — supports both [String] and [[String: Any]] formats
+        var buttonLabels: [String] = []
+        if let buttonsArray = objc_getAssociatedObject(view, &VAlertDialogFactory.buttonsKey) as? [String] {
+            buttonLabels = buttonsArray
+        } else if let buttonsArray = objc_getAssociatedObject(view, &VAlertDialogFactory.buttonsKey) as? [[String: Any]] {
+            buttonLabels = buttonsArray.compactMap { $0["label"] as? String }
+        }
+
+        // Add buttons (first is default, last is cancel style if > 1)
+        if buttonLabels.isEmpty {
+            alert.addButton(withTitle: "OK")
+            buttonLabels = ["OK"]
+        } else {
+            for label in buttonLabels {
+                alert.addButton(withTitle: label)
+            }
+        }
+
+        // Present as sheet if we have a key window, otherwise run modal
+        if let window = NSApplication.shared.keyWindow {
+            alert.beginSheetModal(for: window) { [weak view] response in
+                guard let view = view else { return }
+                let index = response.rawValue - NSApplication.ModalResponse.alertFirstButtonReturn.rawValue
+                let label = index < buttonLabels.count ? buttonLabels[index] : ""
+                self.fireAction(for: view, buttonIndex: index, buttonLabel: label)
+            }
+        } else {
+            let response = alert.runModal()
+            let index = response.rawValue - NSApplication.ModalResponse.alertFirstButtonReturn.rawValue
+            let label = index < buttonLabels.count ? buttonLabels[index] : ""
+            fireAction(for: view, buttonIndex: index, buttonLabel: label)
+        }
+    }
+
+    private func fireAction(for view: NSView, buttonIndex: Int, buttonLabel: String) {
+        if let handler = objc_getAssociatedObject(view, &VAlertDialogFactory.onActionKey) as? ((Any?) -> Void) {
+            handler(["buttonIndex": buttonIndex, "buttonLabel": buttonLabel])
+        }
+    }
+}

package/native/macos/VueNativeMacOS/Sources/VueNativeMacOS/Components/Factories/VButtonFactory.swift

@@ -0,0 +1,83 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VButton — the clickable/pressable component.
+/// Maps to a ClickableView (custom NSView subclass) with a LayoutNode.
+/// Supports press and long press events with configurable active opacity.
+final class VButtonFactory: NativeComponentFactory {
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let clickable = ClickableView()
+        // Ensure layout node is attached
+        clickable.ensureLayoutNode()
+        return clickable
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        guard let clickable = view as? ClickableView else {
+            // Fallback to StyleEngine for non-ClickableView
+            StyleEngine.apply(key: key, value: value, to: view)
+            return
+        }
+
+        switch key {
+        case "disabled":
+            if let disabled = value as? Bool {
+                clickable.isDisabled = disabled
+            } else if let disabled = value as? Int {
+                clickable.isDisabled = disabled != 0
+            } else {
+                clickable.isDisabled = false
+            }
+
+        case "activeOpacity":
+            if let opacity = value as? Double {
+                clickable.activeOpacity = CGFloat(opacity)
+            } else if let opacity = value as? Int {
+                clickable.activeOpacity = CGFloat(opacity)
+            } else {
+                clickable.activeOpacity = 0.7
+            }
+
+        default:
+            // Delegate to StyleEngine for layout/visual styling
+            StyleEngine.apply(key: key, value: value, to: view)
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        guard let clickable = view as? ClickableView else { return }
+
+        switch event {
+        case "press":
+            clickable.onPress = {
+                handler(nil)
+            }
+
+        case "longpress":
+            clickable.onLongPress = {
+                handler(nil)
+            }
+
+        default:
+            break
+        }
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        guard let clickable = view as? ClickableView else { return }
+
+        switch event {
+        case "press":
+            clickable.onPress = nil
+
+        case "longpress":
+            clickable.onLongPress = nil
+
+        default:
+            break
+        }
+    }
+}

package/native/macos/VueNativeMacOS/Sources/VueNativeMacOS/Components/Factories/VCheckboxFactory.swift

@@ -0,0 +1,108 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VCheckbox — a checkbox toggle control.
+/// Maps to NSButton with .checkbox style.
+final class VCheckboxFactory: NativeComponentFactory {
+
+    private static var changeHandlerKey: UInt8 = 0
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let button = NSButton()
+        button.setButtonType(.switch) // .switch is the checkbox type in AppKit
+        button.title = ""
+        button.state = .off
+        button.wantsLayer = true
+        button.ensureLayoutNode()
+        return button
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        guard let button = view as? NSButton else {
+            StyleEngine.apply(key: key, value: value, to: view)
+            return
+        }
+
+        switch key {
+        case "checked", "value":
+            let checked: Bool
+            if let val = value as? Bool {
+                checked = val
+            } else if let val = value as? Int {
+                checked = val != 0
+            } else {
+                checked = false
+            }
+            let newState: NSControl.StateValue = checked ? .on : .off
+            if button.state != newState {
+                button.state = newState
+            }
+
+        case "label", "title":
+            if let text = value as? String {
+                button.title = text
+            } else {
+                button.title = ""
+            }
+
+        case "disabled":
+            if let disabled = value as? Bool {
+                button.isEnabled = !disabled
+            } else if let disabled = value as? Int {
+                button.isEnabled = disabled == 0
+            } else {
+                button.isEnabled = true
+            }
+
+        case "tintColor":
+            if let colorStr = value as? String {
+                button.contentTintColor = NSColor.fromHex(colorStr)
+            } else {
+                button.contentTintColor = nil
+            }
+
+        default:
+            StyleEngine.apply(key: key, value: value, to: view)
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        guard let button = view as? NSButton, event == "change" else { return }
+
+        let proxy = CheckboxActionProxy(handler: handler)
+        button.target = proxy
+        button.action = #selector(CheckboxActionProxy.toggled(_:))
+        objc_setAssociatedObject(
+            button,
+            &VCheckboxFactory.changeHandlerKey,
+            proxy,
+            .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+        )
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        guard let button = view as? NSButton, event == "change" else { return }
+
+        button.target = nil
+        button.action = nil
+        objc_setAssociatedObject(button, &VCheckboxFactory.changeHandlerKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+    }
+}
+
+// MARK: - CheckboxActionProxy
+
+/// Target-action proxy that routes NSButton checkbox state changes to a closure handler.
+final class CheckboxActionProxy: NSObject {
+
+    let handler: (Any?) -> Void
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+    }
+
+    @objc func toggled(_ sender: NSButton) {
+        handler(["checked": sender.state == .on])
+    }
+}

package/native/macos/VueNativeMacOS/Sources/VueNativeMacOS/Components/Factories/VDropdownFactory.swift

@@ -0,0 +1,155 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VDropdown — a dropdown selection control.
+/// Maps to NSPopUpButton configured for dropdown selection.
+final class VDropdownFactory: NativeComponentFactory {
+
+    private static var changeHandlerKey: UInt8 = 0
+    nonisolated(unsafe) static var optionsKey: UInt8 = 0
+    nonisolated(unsafe) static var placeholderKey: UInt8 = 0
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let popup = NSPopUpButton()
+        popup.pullsDown = false
+        popup.wantsLayer = true
+        popup.ensureLayoutNode()
+        return popup
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        guard let popup = view as? NSPopUpButton else {
+            StyleEngine.apply(key: key, value: value, to: view)
+            return
+        }
+
+        switch key {
+        case "options":
+            popup.removeAllItems()
+            var storedOptions: [[String: Any]] = []
+
+            // Add placeholder as first disabled item if set
+            let placeholder = objc_getAssociatedObject(popup, &VDropdownFactory.placeholderKey) as? String
+
+            if let options = value as? [[String: Any]] {
+                if let placeholder = placeholder {
+                    popup.addItem(withTitle: placeholder)
+                    popup.item(at: 0)?.isEnabled = false
+                }
+                for option in options {
+                    let label = option["label"] as? String ?? option["value"] as? String ?? ""
+                    popup.addItem(withTitle: label)
+                    storedOptions.append(option)
+                }
+            } else if let strings = value as? [String] {
+                if let placeholder = placeholder {
+                    popup.addItem(withTitle: placeholder)
+                    popup.item(at: 0)?.isEnabled = false
+                }
+                for str in strings {
+                    popup.addItem(withTitle: str)
+                    storedOptions.append(["label": str, "value": str])
+                }
+            }
+            objc_setAssociatedObject(popup, &VDropdownFactory.optionsKey, storedOptions, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+
+        case "selectedValue":
+            if let val = value as? String,
+               let options = objc_getAssociatedObject(popup, &VDropdownFactory.optionsKey) as? [[String: Any]] {
+                let offset = hasPlaceholder(popup) ? 1 : 0
+                if let idx = options.firstIndex(where: { ($0["value"] as? String) == val }) {
+                    popup.selectItem(at: idx + offset)
+                }
+            }
+
+        case "placeholder":
+            objc_setAssociatedObject(popup, &VDropdownFactory.placeholderKey, value as? String, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+            // Rebuild items if options are already set
+            if let options = objc_getAssociatedObject(popup, &VDropdownFactory.optionsKey) as? [[String: Any]], !options.isEmpty {
+                updateProp(view: view, key: "options", value: options)
+            }
+
+        case "disabled":
+            if let disabled = value as? Bool {
+                popup.isEnabled = !disabled
+            } else if let disabled = value as? Int {
+                popup.isEnabled = disabled == 0
+            } else {
+                popup.isEnabled = true
+            }
+
+        case "tintColor":
+            if let colorStr = value as? String {
+                popup.contentTintColor = NSColor.fromHex(colorStr)
+            } else {
+                popup.contentTintColor = nil
+            }
+
+        default:
+            StyleEngine.apply(key: key, value: value, to: view)
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        guard let popup = view as? NSPopUpButton, event == "change" else { return }
+
+        let proxy = DropdownActionProxy(popup: popup, handler: handler)
+        popup.target = proxy
+        popup.action = #selector(DropdownActionProxy.selectionChanged(_:))
+        objc_setAssociatedObject(
+            popup,
+            &VDropdownFactory.changeHandlerKey,
+            proxy,
+            .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+        )
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        guard let popup = view as? NSPopUpButton, event == "change" else { return }
+
+        popup.target = nil
+        popup.action = nil
+        objc_setAssociatedObject(popup, &VDropdownFactory.changeHandlerKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+    }
+
+    // MARK: - Private
+
+    private func hasPlaceholder(_ popup: NSPopUpButton) -> Bool {
+        return objc_getAssociatedObject(popup, &VDropdownFactory.placeholderKey) as? String != nil
+    }
+}
+
+// MARK: - DropdownActionProxy
+
+/// Target-action proxy that routes NSPopUpButton selection changes to a closure handler.
+final class DropdownActionProxy: NSObject {
+
+    private weak var popup: NSPopUpButton?
+    private let handler: (Any?) -> Void
+
+    init(popup: NSPopUpButton, handler: @escaping (Any?) -> Void) {
+        self.popup = popup
+        self.handler = handler
+    }
+
+    @objc func selectionChanged(_ sender: NSPopUpButton) {
+        let options = objc_getAssociatedObject(sender, &VDropdownFactory.optionsKey) as? [[String: Any]] ?? []
+        let hasPlaceholder = objc_getAssociatedObject(sender, &VDropdownFactory.placeholderKey) as? String != nil
+        let rawIndex = sender.indexOfSelectedItem
+        let offset = hasPlaceholder ? 1 : 0
+        let optionIndex = rawIndex - offset
+
+        guard optionIndex >= 0 && optionIndex < options.count else { return }
+
+        let option = options[optionIndex]
+        let label = option["label"] as? String ?? sender.titleOfSelectedItem ?? ""
+        let value = option["value"] as? String ?? label
+
+        handler([
+            "value": value,
+            "label": label
+        ])
+    }
+}