@thelacanians/vue-native-cli 0.4.7 → 0.4.9

package/dist/cli.js

@@ -10,7 +10,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { existsSync } from "fs";
 import pc from "picocolors";
-var VERSION = "0.4.7";
+var VERSION = "0.4.9";
 var createCommand = new Command("create").description("Create a new Vue Native project").argument("<name>", "project name").option("-t, --template <template>", "project template (blank, tabs, drawer)", "blank").action(async (name, options) => {
   const template = options.template;
   if (!["blank", "tabs", "drawer"].includes(template)) {

package/native/android/VueNativeCore/build.gradle.kts

@@ -95,7 +95,7 @@ afterEvaluate {
             create<MavenPublication>("release") {
                 groupId = "com.vuenative"
                 artifactId = "core"
-                version = "0.4.7"
+                version = "0.4.9"
                 from(components["release"])
             }
         }

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

@@ -19,6 +19,8 @@ public final class HotReloadManager: NSObject, URLSessionWebSocketDelegate {
     private var session: URLSession?
     private var serverURL: URL?
     private var isConnecting = false
+    private var reconnectAttempts = 0
+    private let maxReconnectAttempts = 10
 
     private override init() {
         super.init()
@@ -29,6 +31,7 @@ public final class HotReloadManager: NSObject, URLSessionWebSocketDelegate {
     /// Connect to the dev server. Safe to call multiple times.
     public func connect(to url: URL) {
         serverURL = url
+        reconnectAttempts = 0
         scheduleConnect(delay: 0)
     }
 
@@ -103,6 +106,7 @@ public final class HotReloadManager: NSObject, URLSessionWebSocketDelegate {
         switch type {
         case "connected":
             isConnecting = false
+            reconnectAttempts = 0
             NSLog("[VueNative HotReload] Connected — hot reload active")
 
         case "bundle":
@@ -126,8 +130,14 @@ public final class HotReloadManager: NSObject, URLSessionWebSocketDelegate {
 
     private func scheduleReconnect() {
         guard serverURL != nil else { return }
+        reconnectAttempts += 1
+        if reconnectAttempts > maxReconnectAttempts {
+            NSLog("[VueNative HotReload] Giving up after %d attempts — start `bun run dev` and relaunch the app", maxReconnectAttempts)
+            disconnect()
+            return
+        }
         isConnecting = false
-        NSLog("[VueNative HotReload] Reconnecting in 2s...")
+        NSLog("[VueNative HotReload] Reconnecting in 2s... (attempt %d/%d)", reconnectAttempts, maxReconnectAttempts)
         scheduleConnect(delay: 2.0)
     }
 

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

@@ -79,6 +79,27 @@ enum JSPolyfills {
         registerTextEncoding(in: context)
         registerURL(in: context)
         registerCrypto(in: context)
+        registerBridgeStubs(in: context)
+    }
+
+    // MARK: - Bridge callback stubs
+
+    /// Register no-op stubs for global functions that the bundle will overwrite.
+    /// Native modules may call dispatchGlobalEvent() before the JS bundle has
+    /// loaded and registered the real handlers — these stubs prevent the
+    /// "JS function 'X' not found" warnings during that window.
+    private static func registerBridgeStubs(in context: JSContext) {
+        context.evaluateScript("""
+            if (typeof __VN_handleGlobalEvent === 'undefined') {
+                globalThis.__VN_handleGlobalEvent = function() {};
+            }
+            if (typeof __VN_handleEvent === 'undefined') {
+                globalThis.__VN_handleEvent = function() {};
+            }
+            if (typeof __VN_resolveCallback === 'undefined') {
+                globalThis.__VN_resolveCallback = function() {};
+            }
+        """)
     }
 
     // MARK: - console.log / warn / error

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

@@ -50,7 +50,10 @@ open class VueNativeViewController: UIViewController {
 
     override open func viewDidLoad() {
         super.viewDidLoad()
-        view.backgroundColor = .systemBackground
+        // Use black as the loading background so any unstyled gap between the
+        // native chrome and the Vue-rendered root view is not visible.
+        // The Vue app sets its own background colour via VSafeArea / VView props.
+        view.backgroundColor = .black
 
         // Initialize JS engine first (creates JSContext, registers polyfills).
         // Bridge init MUST happen inside this callback so the JSContext exists
@@ -69,14 +72,14 @@ open class VueNativeViewController: UIViewController {
     // MARK: - Bundle loading
 
     private func loadBundle() {
+        #if DEBUG
         if let wsURL = devServerURL {
             // Connect hot reload manager; it will also do the initial HTTP fetch
             HotReloadManager.shared.connect(to: wsURL)
-            // Also load from the embedded bundle immediately as a fallback
-            loadEmbeddedBundle()
-        } else {
-            loadEmbeddedBundle()
         }
+        #endif
+        // Always load from the embedded bundle (serves as fallback in dev, sole source in release)
+        loadEmbeddedBundle()
     }
 
     private func loadEmbeddedBundle() {

package/native/ios/VueNativeCore/Sources/VueNativeCore/Components/ComponentRegistry.swift

@@ -166,8 +166,16 @@ final class VRootFactory: NativeComponentFactory {
 
     func createView() -> UIView {
         let view = UIView()
-        // Accessing .flex automatically enables Yoga layout
-        _ = view.flex
+        // Configure the root Yoga node to fill its container and stack children
+        // vertically (column direction matches the default CSS flex behaviour).
+        // grow(1) + width/height 100% ensures the entire safe-area rect is
+        // occupied even if the first child doesn't explicitly set flex: 1.
+        view.flex
+            .direction(.column)
+            .grow(1)
+            .shrink(1)
+            .width(100%)
+            .height(100%)
         return view
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thelacanians/vue-native-cli",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "CLI for creating and running Vue Native apps",
   "license": "MIT",
   "author": "Vue Native Contributors",