@thelacanians/vue-native-cli 0.4.15 → 0.6.0

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

@@ -0,0 +1,324 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VList — virtualized list component backed by NSTableView.
+/// Uses a single-column, view-based NSTableView inside a VListContainerView.
+/// JS sends child views that are placed into table view cells.
+final class VListFactory: NativeComponentFactory {
+
+    // MARK: - Associated object keys
+
+    nonisolated(unsafe) private static var scrollThrottleKey: UInt8 = 0
+    nonisolated(unsafe) private static var scrollObserverKey: UInt8 = 0
+    nonisolated(unsafe) private static var endReachedHandlerKey: UInt8 = 0
+    nonisolated(unsafe) private static var scrollHandlerKey: UInt8 = 0
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let container = VListContainerView()
+        container.ensureLayoutNode()
+        return container
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        guard let container = view as? VListContainerView else {
+            StyleEngine.apply(key: key, value: value, to: view)
+            return
+        }
+
+        switch key {
+        case "data":
+            if let items = value as? [Any] {
+                container.itemCount = items.count
+            } else if let count = value as? Int {
+                container.itemCount = count
+            }
+            container.tableView.reloadData()
+
+        case "estimatedItemHeight":
+            container.estimatedItemHeight = Self.cgFloat(from: value) ?? 44
+
+        case "scrollEnabled":
+            let enabled = (value as? Bool) ?? true
+            container.scrollView.verticalScrollElasticity = enabled ? .allowed : .none
+            container.scrollView.horizontalScrollElasticity = enabled ? .allowed : .none
+            if container.isHorizontal {
+                container.scrollView.hasHorizontalScroller = enabled && container.showsScrollIndicator
+            } else {
+                container.scrollView.hasVerticalScroller = enabled && container.showsScrollIndicator
+            }
+
+        case "showsScrollIndicator":
+            let show = (value as? Bool) ?? true
+            container.showsScrollIndicator = show
+            if container.isHorizontal {
+                container.scrollView.hasHorizontalScroller = show
+                container.scrollView.hasVerticalScroller = false
+            } else {
+                container.scrollView.hasVerticalScroller = show
+                container.scrollView.hasHorizontalScroller = false
+            }
+
+        case "bounces":
+            let bounces = (value as? Bool) ?? true
+            let elasticity: NSScrollView.Elasticity = bounces ? .allowed : .none
+            container.scrollView.verticalScrollElasticity = elasticity
+            container.scrollView.horizontalScrollElasticity = elasticity
+
+        case "horizontal":
+            let horizontal = (value as? Bool) ?? false
+            container.isHorizontal = horizontal
+            container.scrollView.hasHorizontalScroller = horizontal && container.showsScrollIndicator
+            container.scrollView.hasVerticalScroller = !horizontal && container.showsScrollIndicator
+
+        default:
+            StyleEngine.apply(key: key, value: value, to: view)
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        guard let container = view as? VListContainerView else { return }
+
+        switch event {
+        case "scroll":
+            let throttle = EventThrottle(interval: 0.016) { payload in
+                handler(payload)
+            }
+            objc_setAssociatedObject(
+                view, &VListFactory.scrollThrottleKey,
+                throttle, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+            container.scrollView.contentView.postsBoundsChangedNotifications = true
+            let observer = NotificationCenter.default.addObserver(
+                forName: NSView.boundsDidChangeNotification,
+                object: container.scrollView.contentView,
+                queue: .main
+            ) { [weak container] _ in
+                guard let c = container else { return }
+                let clipBounds = c.scrollView.contentView.bounds
+                let docSize = c.scrollView.documentView?.frame.size ?? .zero
+                let visibleSize = c.scrollView.contentView.bounds.size
+
+                let payload: [String: Any] = [
+                    "x": clipBounds.origin.x,
+                    "y": clipBounds.origin.y,
+                    "contentWidth": docSize.width,
+                    "contentHeight": docSize.height,
+                    "layoutWidth": visibleSize.width,
+                    "layoutHeight": visibleSize.height,
+                ]
+                throttle.fire(payload)
+
+                // Check for endReached
+                let endThreshold: CGFloat = 100
+                let scrolledToBottom = clipBounds.origin.y + visibleSize.height >= docSize.height - endThreshold
+                if scrolledToBottom, let endHandler = objc_getAssociatedObject(
+                    c, &VListFactory.endReachedHandlerKey
+                ) as? HandlerWrapper {
+                    endHandler.handler(nil)
+                }
+            }
+
+            objc_setAssociatedObject(
+                view, &VListFactory.scrollObserverKey,
+                observer, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "endReached":
+            let wrapper = HandlerWrapper(handler: handler)
+            objc_setAssociatedObject(
+                view, &VListFactory.endReachedHandlerKey,
+                wrapper, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        default:
+            break
+        }
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        switch event {
+        case "scroll":
+            if let observer = objc_getAssociatedObject(view, &VListFactory.scrollObserverKey) {
+                NotificationCenter.default.removeObserver(observer)
+                objc_setAssociatedObject(
+                    view, &VListFactory.scrollObserverKey,
+                    nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+                )
+            }
+            objc_setAssociatedObject(
+                view, &VListFactory.scrollThrottleKey,
+                nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "endReached":
+            objc_setAssociatedObject(
+                view, &VListFactory.endReachedHandlerKey,
+                nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        default:
+            break
+        }
+    }
+
+    // MARK: - Child management
+
+    func insertChild(_ child: NSView, into parent: NSView, before anchor: NSView?) {
+        guard let container = parent as? VListContainerView else { return }
+        child.ensureLayoutNode()
+
+        if let anchor = anchor, let idx = container.childViews.firstIndex(where: { $0 === anchor }) {
+            container.childViews.insert(child, at: idx)
+        } else {
+            container.childViews.append(child)
+        }
+        container.itemCount = container.childViews.count
+        container.tableView.reloadData()
+    }
+
+    func removeChild(_ child: NSView, from parent: NSView) {
+        guard let container = parent as? VListContainerView else {
+            child.removeFromSuperview()
+            return
+        }
+        container.childViews.removeAll { $0 === child }
+        child.removeFromSuperview()
+        container.itemCount = container.childViews.count
+        container.tableView.reloadData()
+    }
+}
+
+// MARK: - HandlerWrapper
+
+/// NSObject wrapper for storing closure-based handlers as associated objects.
+private final class HandlerWrapper: NSObject {
+    let handler: (Any?) -> Void
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+        super.init()
+    }
+}
+
+// MARK: - VListContainerView
+
+/// Container view that hosts an NSScrollView + NSTableView for virtualized list rendering.
+/// JS-rendered child views are stored and served as cell contents via the data source.
+final class VListContainerView: FlippedView, NSTableViewDataSource, NSTableViewDelegate {
+
+    // MARK: - Subviews
+
+    let scrollView: NSScrollView
+    let tableView: NSTableView
+
+    // MARK: - State
+
+    var childViews: [NSView] = []
+    var itemCount: Int = 0
+    var estimatedItemHeight: CGFloat = 44
+    var showsScrollIndicator = true
+    var isHorizontal = false
+
+    private static let cellIdentifier = NSUserInterfaceItemIdentifier("VListCell")
+
+    // MARK: - Init
+
+    override init(frame: NSRect) {
+        scrollView = NSScrollView()
+        tableView = NSTableView()
+
+        super.init(frame: frame)
+
+        // Configure table view
+        let column = NSTableColumn(identifier: NSUserInterfaceItemIdentifier("main"))
+        column.isEditable = false
+        tableView.addTableColumn(column)
+        tableView.headerView = nil
+        tableView.style = .plain
+        tableView.selectionHighlightStyle = .none
+        tableView.intercellSpacing = NSSize(width: 0, height: 0)
+        tableView.dataSource = self
+        tableView.delegate = self
+
+        // Configure scroll view
+        scrollView.documentView = tableView
+        scrollView.hasVerticalScroller = true
+        scrollView.autohidesScrollers = true
+        scrollView.drawsBackground = false
+
+        addSubview(scrollView)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override func layout() {
+        super.layout()
+        scrollView.frame = bounds
+    }
+
+    // MARK: - NSTableViewDataSource
+
+    func numberOfRows(in tableView: NSTableView) -> Int {
+        return itemCount
+    }
+
+    // MARK: - NSTableViewDelegate
+
+    func tableView(_ tableView: NSTableView, viewFor tableColumn: NSTableColumn?, row: Int) -> NSView? {
+        // Wrap the child view in a container cell view
+        guard row < childViews.count else { return nil }
+
+        let cellView: NSTableCellView
+        if let reused = tableView.makeView(withIdentifier: VListContainerView.cellIdentifier, owner: nil) as? NSTableCellView {
+            // Remove old content
+            reused.subviews.forEach { $0.removeFromSuperview() }
+            cellView = reused
+        } else {
+            cellView = NSTableCellView()
+            cellView.identifier = VListContainerView.cellIdentifier
+        }
+
+        let child = childViews[row]
+        child.removeFromSuperview()
+        cellView.addSubview(child)
+        child.frame = cellView.bounds
+        child.autoresizingMask = [.width, .height]
+
+        return cellView
+    }
+
+    func tableView(_ tableView: NSTableView, heightOfRow row: Int) -> CGFloat {
+        guard row < childViews.count else { return estimatedItemHeight }
+
+        let child = childViews[row]
+        if let node = child.layoutNode {
+            // Use layout node computed height if available
+            if node.computedFrame.height > 0 {
+                return node.computedFrame.height
+            }
+            // Try resolving the height
+            if let h = node.height.resolve(relativeTo: bounds.height), h > 0 {
+                return h
+            }
+        }
+        // Default row height
+        return estimatedItemHeight
+    }
+}
+
+private extension VListFactory {
+    static func cgFloat(from value: Any?) -> CGFloat? {
+        if let value = value as? CGFloat { return value }
+        if let value = value as? Double { return CGFloat(value) }
+        if let value = value as? Int { return CGFloat(value) }
+        if let value = value as? String, let parsed = Double(value) {
+            return CGFloat(parsed)
+        }
+        return nil
+    }
+}

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

@@ -0,0 +1,231 @@
+import AppKit
+import ObjectiveC
+
+/// Factory for VModal — presents content in a modal panel or sheet.
+/// The view itself is a zero-size hidden placeholder in the native tree.
+/// Its children are moved into an NSPanel when visible=true.
+final class VModalFactory: NativeComponentFactory {
+
+    // MARK: - Associated object keys
+
+    private static var panelKey: UInt8 = 0
+    private static var visibleKey: UInt8 = 1
+    private static var animationTypeKey: UInt8 = 2
+    private static var transparentKey: UInt8 = 3
+    private static var presentationStyleKey: UInt8 = 4
+    private static var onDismissKey: UInt8 = 5
+    private static var onShowKey: UInt8 = 6
+    private static var overlayKey: UInt8 = 7
+
+    // MARK: - NativeComponentFactory
+
+    func createView() -> NSView {
+        let placeholder = FlippedView()
+        placeholder.isHidden = true
+        let node = placeholder.ensureLayoutNode()
+        node.width = .points(0)
+        node.height = .points(0)
+        return placeholder
+    }
+
+    func updateProp(view: NSView, key: String, value: Any?) {
+        switch key {
+        case "visible":
+            let visible = (value as? Bool) ?? ((value as? Int) != nil && (value as! Int) != 0)
+            let wasVisible = objc_getAssociatedObject(view, &VModalFactory.visibleKey) as? Bool ?? false
+            objc_setAssociatedObject(view, &VModalFactory.visibleKey, visible, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+            if visible && !wasVisible {
+                showModal(for: view)
+            } else if !visible && wasVisible {
+                hideModal(for: view)
+            }
+
+        case "animationType":
+            objc_setAssociatedObject(
+                view, &VModalFactory.animationTypeKey,
+                value as? String ?? "none",
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "transparent":
+            let transparent = (value as? Bool) ?? false
+            objc_setAssociatedObject(
+                view, &VModalFactory.transparentKey,
+                transparent,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        case "presentationStyle":
+            objc_setAssociatedObject(
+                view, &VModalFactory.presentationStyleKey,
+                value as? String ?? "modal",
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+        default:
+            break
+        }
+    }
+
+    func addEventListener(view: NSView, event: String, handler: @escaping (Any?) -> Void) {
+        switch event {
+        case "dismiss":
+            objc_setAssociatedObject(
+                view, &VModalFactory.onDismissKey,
+                handler as AnyObject,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+        case "show":
+            objc_setAssociatedObject(
+                view, &VModalFactory.onShowKey,
+                handler as AnyObject,
+                .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+        default:
+            break
+        }
+    }
+
+    func removeEventListener(view: NSView, event: String) {
+        switch event {
+        case "dismiss":
+            objc_setAssociatedObject(view, &VModalFactory.onDismissKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        case "show":
+            objc_setAssociatedObject(view, &VModalFactory.onShowKey, nil, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        default:
+            break
+        }
+    }
+
+    // Custom child management: route children to the overlay container
+    func insertChild(_ child: NSView, into parent: NSView, before anchor: NSView?) {
+        let overlay = getOrCreateOverlay(for: parent)
+        if let anchor = anchor, let idx = overlay.subviews.firstIndex(of: anchor) {
+            overlay.addSubview(child, positioned: .below, relativeTo: anchor)
+        } else {
+            overlay.addSubview(child)
+        }
+        child.ensureLayoutNode()
+    }
+
+    func removeChild(_ child: NSView, from parent: NSView) {
+        child.removeFromSuperview()
+    }
+
+    // MARK: - Private helpers
+
+    private func getOrCreateOverlay(for placeholder: NSView) -> FlippedView {
+        if let existing = objc_getAssociatedObject(placeholder, &VModalFactory.overlayKey) as? FlippedView {
+            return existing
+        }
+        let overlay = FlippedView()
+        overlay.wantsLayer = true
+        let node = overlay.ensureLayoutNode()
+        node.flexGrow = 1
+        objc_setAssociatedObject(
+            placeholder, &VModalFactory.overlayKey,
+            overlay, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+        )
+        return overlay
+    }
+
+    private func showModal(for placeholder: NSView) {
+        let style = objc_getAssociatedObject(placeholder, &VModalFactory.presentationStyleKey) as? String ?? "modal"
+        let transparent = objc_getAssociatedObject(placeholder, &VModalFactory.transparentKey) as? Bool ?? false
+        let animationType = objc_getAssociatedObject(placeholder, &VModalFactory.animationTypeKey) as? String ?? "none"
+
+        let overlay = getOrCreateOverlay(for: placeholder)
+
+        if style == "sheet" {
+            // Present as sheet on the key window
+            guard let parentWindow = NSApplication.shared.keyWindow else { return }
+
+            let sheetWindow = NSWindow(
+                contentRect: NSRect(x: 0, y: 0, width: 400, height: 300),
+                styleMask: [.titled, .closable, .resizable],
+                backing: .buffered,
+                defer: false
+            )
+            sheetWindow.contentView = overlay
+            objc_setAssociatedObject(
+                placeholder, &VModalFactory.panelKey,
+                sheetWindow, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+            parentWindow.beginSheet(sheetWindow) { [weak placeholder] _ in
+                guard let placeholder = placeholder else { return }
+                self.fireEvent(for: placeholder, key: &VModalFactory.onDismissKey)
+            }
+        } else {
+            // Present as floating panel
+            let panel = NSPanel(
+                contentRect: NSRect(x: 0, y: 0, width: 400, height: 300),
+                styleMask: [.titled, .closable, .resizable, .utilityWindow],
+                backing: .buffered,
+                defer: false
+            )
+            panel.isFloatingPanel = true
+
+            if transparent {
+                panel.isOpaque = false
+                panel.backgroundColor = .clear
+            } else {
+                panel.backgroundColor = NSColor(white: 0.95, alpha: 1.0)
+            }
+
+            panel.contentView = overlay
+            objc_setAssociatedObject(
+                placeholder, &VModalFactory.panelKey,
+                panel, .OBJC_ASSOCIATION_RETAIN_NONATOMIC
+            )
+
+            if animationType == "fade" {
+                panel.alphaValue = 0
+                panel.makeKeyAndOrderFront(nil)
+                panel.center()
+                NSAnimationContext.runAnimationGroup { context in
+                    context.duration = 0.25
+                    panel.animator().alphaValue = 1
+                }
+            } else {
+                panel.makeKeyAndOrderFront(nil)
+                panel.center()
+            }
+        }
+
+        fireEvent(for: placeholder, key: &VModalFactory.onShowKey)
+    }
+
+    private func hideModal(for placeholder: NSView) {
+        if let panel = objc_getAssociatedObject(placeholder, &VModalFactory.panelKey) as? NSWindow {
+            if let parentWindow = panel.sheetParent {
+                parentWindow.endSheet(panel)
+            } else {
+                let animationType = objc_getAssociatedObject(placeholder, &VModalFactory.animationTypeKey) as? String ?? "none"
+                if animationType == "fade" {
+                    NSAnimationContext.runAnimationGroup({ context in
+                        context.duration = 0.25
+                        panel.animator().alphaValue = 0
+                    }, completionHandler: {
+                        panel.orderOut(nil)
+                    })
+                } else {
+                    panel.orderOut(nil)
+                }
+            }
+
+            // Move overlay back to placeholder ownership (detach from panel)
+            if let overlay = objc_getAssociatedObject(placeholder, &VModalFactory.overlayKey) as? FlippedView {
+                overlay.removeFromSuperview()
+            }
+
+            fireEvent(for: placeholder, key: &VModalFactory.onDismissKey)
+        }
+    }
+
+    private func fireEvent(for view: NSView, key: inout UInt8) {
+        if let handler = objc_getAssociatedObject(view, &key) as? ((Any?) -> Void) {
+            handler(nil)
+        }
+    }
+}