@thelacanians/vue-native-runtime 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -160,7 +160,7 @@ function createCommentNode(_text) {
 }
 
 // src/bridge.ts
-var NativeBridgeImpl = class {
+var _NativeBridgeImpl = class _NativeBridgeImpl {
   constructor() {
     /** Pending operations waiting to be flushed to native */
     this.pendingOps = [];
@@ -170,7 +170,8 @@ var NativeBridgeImpl = class {
     this.eventHandlers = /* @__PURE__ */ new Map();
     /** Pending async callbacks from native module invocations */
     this.pendingCallbacks = /* @__PURE__ */ new Map();
-    /** Auto-incrementing callback ID for async native module calls */
+    /** Auto-incrementing callback ID for async native module calls.
+     *  Wraps around at MAX_SAFE_CALLBACK_ID to prevent overflow. */
     this.nextCallbackId = 1;
     /** Global event listeners: eventName -> Set of callbacks */
     this.globalEventHandlers = /* @__PURE__ */ new Map();
@@ -202,10 +203,14 @@ var NativeBridgeImpl = class {
     const json = JSON.stringify(ops);
     const flushFn = globalThis.__VN_flushOperations;
     if (typeof flushFn === "function") {
-      flushFn(json);
-    } else if (__DEV__) {
+      try {
+        flushFn(json);
+      } catch (err) {
+        console.error("[VueNative] Error in __VN_flushOperations:", err);
+      }
+    } else {
       console.warn(
-        "[VueNative] __VN_flushOperations is not registered. Make sure the Swift runtime has been initialized."
+        "[VueNative] __VN_flushOperations is not registered. Make sure the native runtime has been initialized."
       );
     }
   }
@@ -365,7 +370,12 @@ var NativeBridgeImpl = class {
    */
   invokeNativeModule(moduleName, methodName, args = [], timeoutMs = 3e4) {
     return new Promise((resolve, reject) => {
-      const callbackId = this.nextCallbackId++;
+      const callbackId = this.nextCallbackId;
+      if (this.nextCallbackId >= _NativeBridgeImpl.MAX_CALLBACK_ID) {
+        this.nextCallbackId = 1;
+      } else {
+        this.nextCallbackId++;
+      }
       const timeoutId = setTimeout(() => {
         if (this.pendingCallbacks.has(callbackId)) {
           this.pendingCallbacks.delete(callbackId);
@@ -460,6 +470,9 @@ var NativeBridgeImpl = class {
     this.globalEventHandlers.clear();
   }
 };
+/** Maximum callback ID before wraparound (safe for 32-bit signed int) */
+_NativeBridgeImpl.MAX_CALLBACK_ID = 2147483647;
+var NativeBridgeImpl = _NativeBridgeImpl;
 if (typeof globalThis.__DEV__ === "undefined") {
   ;
   globalThis.__DEV__ = true;
@@ -478,17 +491,21 @@ function toEventName(key) {
   return key.slice(2).toLowerCase();
 }
 function patchStyle(nodeId, prevStyle, nextStyle) {
-  const prev = prevStyle || {};
-  const next = nextStyle || {};
-  for (const key in next) {
-    if (next[key] !== prev[key]) {
-      NativeBridge.updateStyle(nodeId, key, next[key]);
+  try {
+    const prev = prevStyle || {};
+    const next = nextStyle || {};
+    for (const key in next) {
+      if (next[key] !== prev[key]) {
+        NativeBridge.updateStyle(nodeId, key, next[key]);
+      }
     }
-  }
-  for (const key in prev) {
-    if (!(key in next)) {
-      NativeBridge.updateStyle(nodeId, key, null);
+    for (const key in prev) {
+      if (!(key in next)) {
+        NativeBridge.updateStyle(nodeId, key, null);
+      }
     }
+  } catch (err) {
+    console.error(`[VueNative] Error patching style on node ${nodeId}:`, err);
   }
 }
 var nodeOps = {
@@ -541,22 +558,26 @@ var nodeOps = {
    * - all else -> updateProp
    */
   patchProp(el, key, prevValue, nextValue) {
-    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
-      const eventName = toEventName(key);
-      if (prevValue) {
-        NativeBridge.removeEventListener(el.id, eventName);
+    try {
+      if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
+        const eventName = toEventName(key);
+        if (prevValue) {
+          NativeBridge.removeEventListener(el.id, eventName);
+        }
+        if (nextValue) {
+          NativeBridge.addEventListener(el.id, eventName, nextValue);
+        }
+        return;
       }
-      if (nextValue) {
-        NativeBridge.addEventListener(el.id, eventName, nextValue);
+      if (key === "style") {
+        patchStyle(el.id, prevValue, nextValue);
+        return;
       }
-      return;
-    }
-    if (key === "style") {
-      patchStyle(el.id, prevValue, nextValue);
-      return;
+      el.props[key] = nextValue;
+      NativeBridge.updateProp(el.id, key, nextValue);
+    } catch (err) {
+      console.error(`[VueNative] Error patching prop "${key}" on node ${el.id}:`, err);
     }
-    el.props[key] = nextValue;
-    NativeBridge.updateProp(el.id, key, nextValue);
   },
   /**
    * Insert a child node into a parent, optionally before an anchor node.
@@ -571,30 +592,34 @@ var nodeOps = {
       }
     }
     child.parent = parent;
-    if (anchor) {
-      const anchorIdx = parent.children.indexOf(anchor);
-      if (anchorIdx !== -1) {
-        parent.children.splice(anchorIdx, 0, child);
-      } else {
-        parent.children.push(child);
-      }
-      if (child.type !== "__COMMENT__") {
-        if (anchor.type !== "__COMMENT__") {
-          NativeBridge.insertBefore(parent.id, child.id, anchor.id);
+    try {
+      if (anchor) {
+        const anchorIdx = parent.children.indexOf(anchor);
+        if (anchorIdx !== -1) {
+          parent.children.splice(anchorIdx, 0, child);
         } else {
-          const realAnchor = findNextNonComment(parent, anchor);
-          if (realAnchor) {
-            NativeBridge.insertBefore(parent.id, child.id, realAnchor.id);
+          parent.children.push(child);
+        }
+        if (child.type !== "__COMMENT__") {
+          if (anchor.type !== "__COMMENT__") {
+            NativeBridge.insertBefore(parent.id, child.id, anchor.id);
           } else {
-            NativeBridge.appendChild(parent.id, child.id);
+            const realAnchor = findNextNonComment(parent, anchor);
+            if (realAnchor) {
+              NativeBridge.insertBefore(parent.id, child.id, realAnchor.id);
+            } else {
+              NativeBridge.appendChild(parent.id, child.id);
+            }
           }
         }
+      } else {
+        parent.children.push(child);
+        if (child.type !== "__COMMENT__") {
+          NativeBridge.appendChild(parent.id, child.id);
+        }
       }
-    } else {
-      parent.children.push(child);
-      if (child.type !== "__COMMENT__") {
-        NativeBridge.appendChild(parent.id, child.id);
-      }
+    } catch (err) {
+      console.error(`[VueNative] Error inserting node ${child.id} into ${parent.id}:`, err);
     }
   },
   /**
@@ -608,8 +633,12 @@ var nodeOps = {
         parent.children.splice(idx, 1);
       }
       child.parent = null;
-      if (child.type !== "__COMMENT__") {
-        NativeBridge.removeChild(parent.id, child.id);
+      try {
+        if (child.type !== "__COMMENT__") {
+          NativeBridge.removeChild(parent.id, child.id);
+        }
+      } catch (err) {
+        console.error(`[VueNative] Error removing node ${child.id}:`, err);
       }
     }
   },

package/dist/index.d.cts

@@ -3474,8 +3474,11 @@ declare class NativeBridgeImpl {
     private eventHandlers;
     /** Pending async callbacks from native module invocations */
     private pendingCallbacks;
-    /** Auto-incrementing callback ID for async native module calls */
+    /** Auto-incrementing callback ID for async native module calls.
+     *  Wraps around at MAX_SAFE_CALLBACK_ID to prevent overflow. */
     private nextCallbackId;
+    /** Maximum callback ID before wraparound (safe for 32-bit signed int) */
+    private static readonly MAX_CALLBACK_ID;
     /** Global event listeners: eventName -> Set of callbacks */
     private globalEventHandlers;
     /**

package/dist/index.d.ts

@@ -3474,8 +3474,11 @@ declare class NativeBridgeImpl {
     private eventHandlers;
     /** Pending async callbacks from native module invocations */
     private pendingCallbacks;
-    /** Auto-incrementing callback ID for async native module calls */
+    /** Auto-incrementing callback ID for async native module calls.
+     *  Wraps around at MAX_SAFE_CALLBACK_ID to prevent overflow. */
     private nextCallbackId;
+    /** Maximum callback ID before wraparound (safe for 32-bit signed int) */
+    private static readonly MAX_CALLBACK_ID;
     /** Global event listeners: eventName -> Set of callbacks */
     private globalEventHandlers;
     /**

package/dist/index.js

@@ -56,7 +56,7 @@ function createCommentNode(_text) {
 }
 
 // src/bridge.ts
-var NativeBridgeImpl = class {
+var _NativeBridgeImpl = class _NativeBridgeImpl {
   constructor() {
     /** Pending operations waiting to be flushed to native */
     this.pendingOps = [];
@@ -66,7 +66,8 @@ var NativeBridgeImpl = class {
     this.eventHandlers = /* @__PURE__ */ new Map();
     /** Pending async callbacks from native module invocations */
     this.pendingCallbacks = /* @__PURE__ */ new Map();
-    /** Auto-incrementing callback ID for async native module calls */
+    /** Auto-incrementing callback ID for async native module calls.
+     *  Wraps around at MAX_SAFE_CALLBACK_ID to prevent overflow. */
     this.nextCallbackId = 1;
     /** Global event listeners: eventName -> Set of callbacks */
     this.globalEventHandlers = /* @__PURE__ */ new Map();
@@ -98,10 +99,14 @@ var NativeBridgeImpl = class {
     const json = JSON.stringify(ops);
     const flushFn = globalThis.__VN_flushOperations;
     if (typeof flushFn === "function") {
-      flushFn(json);
-    } else if (__DEV__) {
+      try {
+        flushFn(json);
+      } catch (err) {
+        console.error("[VueNative] Error in __VN_flushOperations:", err);
+      }
+    } else {
       console.warn(
-        "[VueNative] __VN_flushOperations is not registered. Make sure the Swift runtime has been initialized."
+        "[VueNative] __VN_flushOperations is not registered. Make sure the native runtime has been initialized."
       );
     }
   }
@@ -261,7 +266,12 @@ var NativeBridgeImpl = class {
    */
   invokeNativeModule(moduleName, methodName, args = [], timeoutMs = 3e4) {
     return new Promise((resolve, reject) => {
-      const callbackId = this.nextCallbackId++;
+      const callbackId = this.nextCallbackId;
+      if (this.nextCallbackId >= _NativeBridgeImpl.MAX_CALLBACK_ID) {
+        this.nextCallbackId = 1;
+      } else {
+        this.nextCallbackId++;
+      }
       const timeoutId = setTimeout(() => {
         if (this.pendingCallbacks.has(callbackId)) {
           this.pendingCallbacks.delete(callbackId);
@@ -356,6 +366,9 @@ var NativeBridgeImpl = class {
     this.globalEventHandlers.clear();
   }
 };
+/** Maximum callback ID before wraparound (safe for 32-bit signed int) */
+_NativeBridgeImpl.MAX_CALLBACK_ID = 2147483647;
+var NativeBridgeImpl = _NativeBridgeImpl;
 if (typeof globalThis.__DEV__ === "undefined") {
   ;
   globalThis.__DEV__ = true;
@@ -374,17 +387,21 @@ function toEventName(key) {
   return key.slice(2).toLowerCase();
 }
 function patchStyle(nodeId, prevStyle, nextStyle) {
-  const prev = prevStyle || {};
-  const next = nextStyle || {};
-  for (const key in next) {
-    if (next[key] !== prev[key]) {
-      NativeBridge.updateStyle(nodeId, key, next[key]);
+  try {
+    const prev = prevStyle || {};
+    const next = nextStyle || {};
+    for (const key in next) {
+      if (next[key] !== prev[key]) {
+        NativeBridge.updateStyle(nodeId, key, next[key]);
+      }
     }
-  }
-  for (const key in prev) {
-    if (!(key in next)) {
-      NativeBridge.updateStyle(nodeId, key, null);
+    for (const key in prev) {
+      if (!(key in next)) {
+        NativeBridge.updateStyle(nodeId, key, null);
+      }
     }
+  } catch (err) {
+    console.error(`[VueNative] Error patching style on node ${nodeId}:`, err);
   }
 }
 var nodeOps = {
@@ -437,22 +454,26 @@ var nodeOps = {
    * - all else -> updateProp
    */
   patchProp(el, key, prevValue, nextValue) {
-    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
-      const eventName = toEventName(key);
-      if (prevValue) {
-        NativeBridge.removeEventListener(el.id, eventName);
+    try {
+      if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
+        const eventName = toEventName(key);
+        if (prevValue) {
+          NativeBridge.removeEventListener(el.id, eventName);
+        }
+        if (nextValue) {
+          NativeBridge.addEventListener(el.id, eventName, nextValue);
+        }
+        return;
       }
-      if (nextValue) {
-        NativeBridge.addEventListener(el.id, eventName, nextValue);
+      if (key === "style") {
+        patchStyle(el.id, prevValue, nextValue);
+        return;
       }
-      return;
-    }
-    if (key === "style") {
-      patchStyle(el.id, prevValue, nextValue);
-      return;
+      el.props[key] = nextValue;
+      NativeBridge.updateProp(el.id, key, nextValue);
+    } catch (err) {
+      console.error(`[VueNative] Error patching prop "${key}" on node ${el.id}:`, err);
     }
-    el.props[key] = nextValue;
-    NativeBridge.updateProp(el.id, key, nextValue);
   },
   /**
    * Insert a child node into a parent, optionally before an anchor node.
@@ -467,30 +488,34 @@ var nodeOps = {
       }
     }
     child.parent = parent;
-    if (anchor) {
-      const anchorIdx = parent.children.indexOf(anchor);
-      if (anchorIdx !== -1) {
-        parent.children.splice(anchorIdx, 0, child);
-      } else {
-        parent.children.push(child);
-      }
-      if (child.type !== "__COMMENT__") {
-        if (anchor.type !== "__COMMENT__") {
-          NativeBridge.insertBefore(parent.id, child.id, anchor.id);
+    try {
+      if (anchor) {
+        const anchorIdx = parent.children.indexOf(anchor);
+        if (anchorIdx !== -1) {
+          parent.children.splice(anchorIdx, 0, child);
         } else {
-          const realAnchor = findNextNonComment(parent, anchor);
-          if (realAnchor) {
-            NativeBridge.insertBefore(parent.id, child.id, realAnchor.id);
+          parent.children.push(child);
+        }
+        if (child.type !== "__COMMENT__") {
+          if (anchor.type !== "__COMMENT__") {
+            NativeBridge.insertBefore(parent.id, child.id, anchor.id);
           } else {
-            NativeBridge.appendChild(parent.id, child.id);
+            const realAnchor = findNextNonComment(parent, anchor);
+            if (realAnchor) {
+              NativeBridge.insertBefore(parent.id, child.id, realAnchor.id);
+            } else {
+              NativeBridge.appendChild(parent.id, child.id);
+            }
           }
         }
+      } else {
+        parent.children.push(child);
+        if (child.type !== "__COMMENT__") {
+          NativeBridge.appendChild(parent.id, child.id);
+        }
       }
-    } else {
-      parent.children.push(child);
-      if (child.type !== "__COMMENT__") {
-        NativeBridge.appendChild(parent.id, child.id);
-      }
+    } catch (err) {
+      console.error(`[VueNative] Error inserting node ${child.id} into ${parent.id}:`, err);
     }
   },
   /**
@@ -504,8 +529,12 @@ var nodeOps = {
         parent.children.splice(idx, 1);
       }
       child.parent = null;
-      if (child.type !== "__COMMENT__") {
-        NativeBridge.removeChild(parent.id, child.id);
+      try {
+        if (child.type !== "__COMMENT__") {
+          NativeBridge.removeChild(parent.id, child.id);
+        }
+      } catch (err) {
+        console.error(`[VueNative] Error removing node ${child.id}:`, err);
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thelacanians/vue-native-runtime",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Vue 3 custom renderer for native iOS and Android apps",
   "license": "MIT",
   "author": "Vue Native Contributors",