@thelacanians/vue-native-cli 0.4.15 → 0.6.2

package/native/ios/VueNativeCore/Sources/VueNativeCore/Bridge/NativeBridge.swift

@@ -61,6 +61,23 @@ public final class NativeBridge {
     /// Reference to the JS runtime.
     private let runtime = JSRuntime.shared
 
+    // MARK: - Teleport Support
+
+    /// Maps teleport marker IDs (start, end) for cleanup
+    private var teleportMarkers: [Int: (start: Int, end: Int)] = [:]
+
+    /// Maps parent node IDs to their teleport containers
+    private var teleportContainers: [Int: UIView] = [:]
+
+    /// Modal container for teleporting modals
+    private lazy var modalContainer: UIView = {
+        let container = UIView()
+        container.backgroundColor = .clear
+        container.isUserInteractionEnabled = true
+        container.translatesAutoresizingMaskIntoConstraints = false
+        return container
+    }()
+
     // MARK: - Initialization
 
     private init() {}
@@ -239,6 +256,12 @@ public final class NativeBridge {
                 handleRemoveEventListener(args: args)
             case "setRootView":
                 handleSetRootView(args: args)
+            case "createTeleport":
+                handleCreateTeleport(args: args)
+            case "removeTeleport":
+                handleRemoveTeleport(args: args)
+            case "teleportTo":
+                handleTeleportTo(args: args)
             case "invokeNativeModule":
                 handleInvokeNativeModule(args: args)
             case "invokeNativeModuleSync":
@@ -425,11 +448,8 @@ public final class NativeBridge {
             factory.insertChild(childView, into: container, before: beforeView)
         } else if let index = container.subviews.firstIndex(of: beforeView) {
             container.insertSubview(childView, at: index)
-            // Rebuild Yoga children to match UIView subview order
-            container.flex.removeAllChildren()
-            for subview in container.subviews {
-                container.flex.addItem(subview)
-            }
+            container.flex.markDirty()
+            container.setNeedsLayout()
         } else {
             container.flex.addItem(childView)
         }
@@ -599,6 +619,124 @@ public final class NativeBridge {
         vc.view.addSubview(traitObserver)
         // Retain the observer for the lifetime of the root view controller's view
         objc_setAssociatedObject(vc.view as UIView, &NativeBridge.traitObserverKey, traitObserver as AnyObject, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+
+        // Add modal container to root view for teleport
+        if rootView != nil {
+            rootView?.addSubview(modalContainer)
+            modalContainer.topAnchor.constraint(equalTo: rootView!.topAnchor).isActive = true
+            modalContainer.leadingAnchor.constraint(equalTo: rootView!.leadingAnchor).isActive = true
+            modalContainer.trailingAnchor.constraint(equalTo: rootView!.trailingAnchor).isActive = true
+            modalContainer.bottomAnchor.constraint(equalTo: rootView!.bottomAnchor).isActive = true
+        }
+    }
+
+    // MARK: - Teleport Handlers
+
+    /// createTeleport: [parentId: Int, startId: Int, endId: Int]
+    private func handleCreateTeleport(args: [Any]) {
+        guard args.count >= 3,
+              let parentId = asInt(args[0]),
+              let startId = asInt(args[1]),
+              let endId = asInt(args[2]) else {
+            NSLog("[VueNative Bridge] Error: Invalid createTeleport args: \(args)")
+            return
+        }
+
+        guard let parentView = viewRegistry[parentId] else {
+            NSLog("[VueNative Bridge] Error: Parent view not found for teleport (id: \(parentId))")
+            return
+        }
+
+        // Store teleport marker IDs
+        teleportMarkers[parentId] = (start: startId, end: endId)
+
+        // Create container for teleported content
+        let container = UIView()
+        container.tag = -parentId  // Negative tag to identify as teleport container
+        container.backgroundColor = .clear
+        container.isUserInteractionEnabled = true
+        container.translatesAutoresizingMaskIntoConstraints = false
+
+        parentView.addSubview(container)
+        teleportContainers[parentId] = container
+
+        #if DEBUG
+        NSLog("[VueNative Bridge] Created teleport container for parent \(parentId)")
+        #endif
+    }
+
+    /// removeTeleport: [parentId: Int, startId: Int, endId: Int]
+    private func handleRemoveTeleport(args: [Any]) {
+        guard args.count >= 1,
+              let parentId = asInt(args[0]) else {
+            NSLog("[VueNative Bridge] Error: Invalid removeTeleport args: \(args)")
+            return
+        }
+
+        // Remove teleport container
+        if let container = teleportContainers.removeValue(forKey: parentId) {
+            container.removeFromSuperview()
+        }
+
+        // Clean up markers
+        teleportMarkers.removeValue(forKey: parentId)
+
+        #if DEBUG
+        NSLog("[VueNative Bridge] Removed teleport container for parent \(parentId)")
+        #endif
+    }
+
+    /// teleportTo: [target: String, nodeId: Int]
+    private func handleTeleportTo(args: [Any]) {
+        guard args.count >= 2,
+              let target = args[0] as? String,
+              let nodeId = asInt(args[1]) else {
+            NSLog("[VueNative Bridge] Error: Invalid teleportTo args: \(args)")
+            return
+        }
+
+        guard let targetView = getTeleportTarget(target) else {
+            NSLog("[VueNative Bridge] Warning: Teleport target '\(target)' not found")
+            return
+        }
+
+        guard let childView = viewRegistry[nodeId] else {
+            NSLog("[VueNative Bridge] Warning: Node view not found for teleport (id: \(nodeId))")
+            return
+        }
+
+        // Move view to teleport target
+        childView.removeFromSuperview()
+        targetView.addSubview(childView)
+
+        // Set up full-size constraints
+        childView.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            childView.topAnchor.constraint(equalTo: targetView.topAnchor),
+            childView.leadingAnchor.constraint(equalTo: targetView.leadingAnchor),
+            childView.trailingAnchor.constraint(equalTo: targetView.trailingAnchor),
+            childView.bottomAnchor.constraint(equalTo: targetView.bottomAnchor),
+        ])
+
+        #if DEBUG
+        NSLog("[VueNative Bridge] Teleported node \(nodeId) to target '\(target)'")
+        #endif
+    }
+
+    /// Get teleport target view by name
+    private func getTeleportTarget(_ target: String) -> UIView? {
+        switch target {
+        case "root":
+            return rootView
+        case "modal":
+            // Ensure modal container is added to root if not already
+            if modalContainer.superview == nil && rootView != nil {
+                rootView?.addSubview(modalContainer)
+            }
+            return modalContainer
+        default:
+            return nil
+        }
     }
 
     // MARK: - Native Module Handlers

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VTextFactory.swift

@@ -40,6 +40,7 @@ final class VTextFactory: NativeComponentFactory {
     private static var fontSizeKey: UInt8 = 0
     private static var fontWeightKey: UInt8 = 0
     private static var fontFamilyKey: UInt8 = 0
+    private static var textChildrenKey: UInt8 = 0
 
     // MARK: - NativeComponentFactory
 
@@ -57,6 +58,7 @@ final class VTextFactory: NativeComponentFactory {
 
         switch key {
         case "text":
+            storeTextChildren([], on: label)
             if let text = value as? String {
                 label.text = text
             } else {
@@ -235,6 +237,31 @@ final class VTextFactory: NativeComponentFactory {
         }
     }
 
+    func insertChild(_ child: UIView, into parent: UIView, before anchor: UIView?) {
+        guard let label = parent as? UILabel else {
+            child.removeFromSuperview()
+            return
+        }
+
+        var children = storedTextChildren(on: label)
+        if let anchor = anchor, let index = children.firstIndex(where: { $0 === anchor }) {
+            children.insert(child, at: index)
+        } else {
+            children.append(child)
+        }
+
+        storeTextChildren(children, on: label)
+        rebuildText(from: children, on: label)
+    }
+
+    func removeChild(_ child: UIView, from parent: UIView) {
+        guard let label = parent as? UILabel else { return }
+        var children = storedTextChildren(on: label)
+        children.removeAll { $0 === child }
+        storeTextChildren(children, on: label)
+        rebuildText(from: children, on: label)
+    }
+
     // MARK: - Font rebuilding
 
     /// Rebuild the UIFont from stored fontSize, fontWeight, and fontFamily.
@@ -286,5 +313,21 @@ final class VTextFactory: NativeComponentFactory {
     private func storedFontFamily(on view: UIView) -> String? {
         return objc_getAssociatedObject(view, &VTextFactory.fontFamilyKey) as? String
     }
+
+    private func storeTextChildren(_ children: [UIView], on view: UIView) {
+        objc_setAssociatedObject(view, &VTextFactory.textChildrenKey, children, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+    }
+
+    private func storedTextChildren(on view: UIView) -> [UIView] {
+        return objc_getAssociatedObject(view, &VTextFactory.textChildrenKey) as? [UIView] ?? []
+    }
+
+    private func rebuildText(from children: [UIView], on label: UILabel) {
+        let text = children.compactMap { child -> String? in
+            (child as? UILabel)?.text
+        }.joined()
+        label.text = text.isEmpty ? nil : text
+        label.flex.markDirty()
+    }
 }
 #endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/Factories/VViewFactory.swift

@@ -87,6 +87,51 @@ final class VViewFactory: NativeComponentFactory {
             view.isUserInteractionEnabled = true
             GestureStorage.storeObject(pinchWrapper, for: view, event: event)
 
+        // MARK: Rotation
+        case "rotate":
+            let rotationWrapper = RotationWrapper(handler: handler)
+            let rotation = UIRotationGestureRecognizer(
+                target: rotationWrapper,
+                action: #selector(RotationWrapper.handle(_:))
+            )
+            view.addGestureRecognizer(rotation)
+            view.isUserInteractionEnabled = true
+            GestureStorage.storeObject(rotationWrapper, for: view, event: event)
+
+        // MARK: Double Tap
+        case "doubleTap":
+            let wrapper = DoubleTapWrapper(handler: handler)
+            let tapRecognizer = UITapGestureRecognizer(
+                target: wrapper,
+                action: #selector(DoubleTapWrapper.handleGesture(_:))
+            )
+            tapRecognizer.numberOfTapsRequired = 2
+            view.addGestureRecognizer(tapRecognizer)
+            view.isUserInteractionEnabled = true
+            GestureStorage.storeObject(wrapper, for: view, event: event)
+
+        // MARK: Force Touch (3D Touch)
+        case "forceTouch":
+            let wrapper = ForceTouchWrapper(handler: handler)
+            // Force touch is handled via touch events, not gesture recognizers
+            // We store the wrapper and will handle it in a custom touch handler
+            GestureStorage.storeObject(wrapper, for: view, event: event)
+            // Enable force touch on the view
+            view.isUserInteractionEnabled = true
+            attachForceTouchHandler(to: view, wrapper: wrapper)
+
+        // MARK: Hover (iOS 13+)
+        case "hover":
+            if #available(iOS 13.0, *) {
+                let hoverWrapper = HoverWrapper(handler: handler)
+                let hover = UIHoverGestureRecognizer(
+                    target: hoverWrapper,
+                    action: #selector(HoverWrapper.handleGesture(_:))
+                )
+                view.addGestureRecognizer(hover)
+                GestureStorage.storeObject(hoverWrapper, for: view, event: event)
+            }
+
         default:
             break
         }
@@ -97,24 +142,91 @@ final class VViewFactory: NativeComponentFactory {
         // Remove matching gesture recognizers
         view.gestureRecognizers?.forEach { recognizer in
             switch event {
-            case "press"      where recognizer is UITapGestureRecognizer:
-                view.removeGestureRecognizer(recognizer)
+            case "press":
+                if let tap = recognizer as? UITapGestureRecognizer, tap.numberOfTapsRequired == 1 {
+                    view.removeGestureRecognizer(recognizer)
+                }
             case "longpress"  where recognizer is UILongPressGestureRecognizer:
                 view.removeGestureRecognizer(recognizer)
             case "pan"        where recognizer is UIPanGestureRecognizer:
                 view.removeGestureRecognizer(recognizer)
-            case "swipeLeft", "swipeRight", "swipeUp", "swipeDown"
-                              where recognizer is UISwipeGestureRecognizer:
+            case "swipeLeft"   where recognizer is UISwipeGestureRecognizer:
+                view.removeGestureRecognizer(recognizer)
+            case "swipeRight"  where recognizer is UISwipeGestureRecognizer:
+                view.removeGestureRecognizer(recognizer)
+            case "swipeUp"     where recognizer is UISwipeGestureRecognizer:
+                view.removeGestureRecognizer(recognizer)
+            case "swipeDown"   where recognizer is UISwipeGestureRecognizer:
                 view.removeGestureRecognizer(recognizer)
             case "pinch"      where recognizer is UIPinchGestureRecognizer:
                 view.removeGestureRecognizer(recognizer)
+            case "rotate"     where recognizer is UIRotationGestureRecognizer:
+                view.removeGestureRecognizer(recognizer)
+            case "doubleTap":
+                if let tap = recognizer as? UITapGestureRecognizer, tap.numberOfTapsRequired == 2 {
+                    view.removeGestureRecognizer(recognizer)
+                }
+            case "hover":
+                if #available(iOS 13.0, *) {
+                    if recognizer is UIHoverGestureRecognizer {
+                        view.removeGestureRecognizer(recognizer)
+                    }
+                }
             default:
                 break
             }
         }
     }
+
+    // MARK: - Force Touch Helper
+
+    private func attachForceTouchHandler(to view: UIView, wrapper: ForceTouchWrapper) {
+        // ForceTouchHandler is attached via associated object
+        let handler = ForceTouchHandlerView(wrapper: wrapper)
+        objc_setAssociatedObject(view, &forceTouchHandlerKey, handler, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
+        handler.attach(to: view)
+    }
 }
 
+// MARK: - ForceTouchHandlerView
+
+/// Custom UIView subclass that monitors force touch events
+private class ForceTouchHandlerView: UIView {
+    private let wrapper: ForceTouchWrapper
+    private weak var targetView: UIView?
+
+    init(wrapper: ForceTouchWrapper) {
+        self.wrapper = wrapper
+        super.init(frame: .zero)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    func attach(to view: UIView) {
+        targetView = view
+    }
+
+    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
+        super.touchesMoved(touches, with: event)
+        guard let touch = touches.first else { return }
+        let force = touch.force
+        let location = touch.location(in: targetView)
+        wrapper.handleTouch(force: force, location: location)
+    }
+
+    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
+        super.touchesBegan(touches, with: event)
+        guard let touch = touches.first else { return }
+        let force = touch.force
+        let location = touch.location(in: targetView)
+        wrapper.handleTouch(force: force, location: location)
+    }
+}
+
+private var forceTouchHandlerKey: UInt8 = 0
+
 // MARK: - GestureStorage
 
 /// Stores gesture wrapper references as associated objects on views to prevent deallocation.

package/native/ios/VueNativeCore/Sources/VueNativeCore/Helpers/GestureWrapper.swift

@@ -104,4 +104,104 @@ import UIKit
         ] as [String: Any])
     }
 }
+
+// MARK: - RotationWrapper
+
+/// ObjC-compatible wrapper for UIRotationGestureRecognizer action handlers.
+@objc final class RotationWrapper: NSObject {
+    private let handler: (Any?) -> Void
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+        super.init()
+    }
+
+    @objc func handle(_ recognizer: UIRotationGestureRecognizer) {
+        let stateStr: String
+        switch recognizer.state {
+        case .began:    stateStr = "began"
+        case .changed:  stateStr = "changed"
+        case .ended:    stateStr = "ended"
+        default:        stateStr = "cancelled"
+        }
+        handler([
+            "rotation": recognizer.rotation,
+            "velocity": recognizer.velocity,
+            "state": stateStr
+        ] as [String: Any])
+    }
+}
+
+// MARK: - ForceTouchWrapper
+
+/// Wrapper for 3D Touch / Force Touch gesture handlers.
+@objc final class ForceTouchWrapper: NSObject {
+    private let handler: (Any?) -> Void
+    private var lastForce: CGFloat = 0
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+        super.init()
+    }
+
+    func handleTouch(force: CGFloat, location: CGPoint) {
+        let payload: [String: Any] = [
+            "force": force,
+            "locationX": location.x,
+            "locationY": location.y
+        ]
+        handler(payload)
+    }
+}
+
+// MARK: - DoubleTapWrapper
+
+/// ObjC-compatible wrapper for double-tap gesture handlers.
+@objc final class DoubleTapWrapper: NSObject {
+    private let handler: (Any?) -> Void
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+        super.init()
+    }
+
+    @objc func handleGesture(_ gesture: UITapGestureRecognizer) {
+        let location = gesture.location(in: gesture.view)
+        let payload: [String: Any] = [
+            "locationX": location.x,
+            "locationY": location.y
+        ]
+        handler(payload)
+    }
+}
+
+// MARK: - HoverWrapper
+
+/// Wrapper for hover gesture handlers (iOS 13+).
+@objc final class HoverWrapper: NSObject {
+    private let handler: (Any?) -> Void
+
+    init(handler: @escaping (Any?) -> Void) {
+        self.handler = handler
+        super.init()
+    }
+
+    @objc func handleGesture(_ gesture: UIHoverGestureRecognizer) {
+        guard let view = gesture.view else { return }
+        let location = gesture.location(in: view)
+        let stateStr: String
+        switch gesture.state {
+        case .began:    stateStr = "began"
+        case .changed:  stateStr = "changed"
+        case .ended:    stateStr = "ended"
+        default:        stateStr = "cancelled"
+        }
+        let payload: [String: Any] = [
+            "locationX": location.x,
+            "locationY": location.y,
+            "state": stateStr
+        ]
+        handler(payload)
+    }
+}
 #endif

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/GeneratedModuleRegistry.swift

@@ -0,0 +1,28 @@
+// ────────────────────────────────────────────────────────────────────────────────
+//  Auto-Generated Module Registration
+// ────────────────────────────────────────────────────────────────────────────────
+//
+//  ⚠️  WARNING: This file is auto-generated. DO NOT EDIT MANUALLY.
+//      Changes will be overwritten by the vue-native-codegen tool.
+//
+//  Generated: {{GENERATED_DATE}}
+//
+//  This file registers all native modules generated from <native> blocks
+//  in Vue SFC files.
+//
+// ────────────────────────────────────────────────────────────────────────────────
+
+import Foundation
+
+@MainActor
+extension NativeModuleRegistry {
+    /// Register all generated native modules from <native> blocks
+    func registerGeneratedModules() {
+        // Generated modules will be registered here
+        // Example:
+        // register(HapticsModule())
+        // register(CameraModule())
+        
+        // This function is called automatically after registerDefaults()
+    }
+}

package/native/ios/VueNativeCore/Sources/VueNativeCore/Modules/NativeModuleRegistry.swift

@@ -55,6 +55,9 @@ final class NativeModuleRegistry {
         register(BluetoothModule(bridge: bridge))
         register(CalendarModule())
         register(ContactsModule())
+        
+        // Register generated modules from <native> blocks
+        registerGeneratedModules()
     }
 
     // MARK: - Invocation