@thelacanians/vue-native-runtime 0.3.0 → 0.4.0

package/dist/index.js

@@ -280,6 +280,17 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
           ));
         }
       }, timeoutMs);
+      if (this.pendingCallbacks.size >= _NativeBridgeImpl.MAX_PENDING_CALLBACKS) {
+        const oldestKey = this.pendingCallbacks.keys().next().value;
+        if (oldestKey !== void 0) {
+          const oldest = this.pendingCallbacks.get(oldestKey);
+          if (oldest) {
+            clearTimeout(oldest.timeoutId);
+            oldest.reject(new Error("Callback queue full, evicting oldest pending callback"));
+            this.pendingCallbacks.delete(oldestKey);
+          }
+        }
+      }
       this.pendingCallbacks.set(callbackId, { resolve, reject, timeoutId });
       this.enqueue("invokeNativeModule", [moduleName, methodName, args, callbackId]);
     });
@@ -299,11 +310,9 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
   resolveCallback(callbackId, result, error) {
     const pending = this.pendingCallbacks.get(callbackId);
     if (!pending) {
-      if (__DEV__) {
-        console.warn(
-          `[VueNative] Received callback for unknown callbackId: ${callbackId}`
-        );
-      }
+      console.warn(
+        `[VueNative] Received callback for unknown callbackId: ${callbackId}. This likely means the callback already timed out or was evicted. The late response has been discarded.`
+      );
       return;
     }
     clearTimeout(pending.timeoutId);
@@ -368,6 +377,8 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
 };
 /** Maximum callback ID before wraparound (safe for 32-bit signed int) */
 _NativeBridgeImpl.MAX_CALLBACK_ID = 2147483647;
+/** Maximum number of pending callbacks before evicting the oldest */
+_NativeBridgeImpl.MAX_PENDING_CALLBACKS = 1e3;
 var NativeBridgeImpl = _NativeBridgeImpl;
 if (typeof globalThis.__DEV__ === "undefined") {
   ;
@@ -640,7 +651,7 @@ var VButton = defineComponent3({
 });
 
 // src/components/VInput.ts
-import { defineComponent as defineComponent4, h as h4 } from "@vue/runtime-core";
+import { defineComponent as defineComponent4, h as h4, ref } from "@vue/runtime-core";
 var VInput = defineComponent4({
   name: "VInput",
   props: {
@@ -682,7 +693,17 @@ var VInput = defineComponent4({
   },
   emits: ["update:modelValue", "focus", "blur", "submit"],
   setup(props, { emit }) {
+    const isComposing = ref(false);
+    const onCompositionstart = () => {
+      isComposing.value = true;
+    };
+    const onCompositionend = (payload) => {
+      isComposing.value = false;
+      const text = typeof payload === "string" ? payload : payload?.text ?? "";
+      emit("update:modelValue", text);
+    };
     const onChangetext = (payload) => {
+      if (isComposing.value) return;
       const text = typeof payload === "string" ? payload : payload?.text ?? "";
       emit("update:modelValue", text);
     };
@@ -711,6 +732,8 @@ var VInput = defineComponent4({
       accessibilityHint: props.accessibilityHint,
       accessibilityState: props.accessibilityState,
       onChangetext,
+      onCompositionstart,
+      onCompositionend,
       onFocus,
       onBlur,
       onSubmit
@@ -823,6 +846,11 @@ var VScrollView = defineComponent7({
       default: false
     },
     contentContainerStyle: Object,
+    /** Minimum interval in ms between scroll event emissions. Default: 16 (~60fps) */
+    scrollEventThrottle: {
+      type: Number,
+      default: 16
+    },
     /** Whether the pull-to-refresh indicator is active */
     refreshing: {
       type: Boolean,
@@ -836,8 +864,13 @@ var VScrollView = defineComponent7({
   },
   emits: ["scroll", "refresh"],
   setup(props, { slots, emit }) {
+    let lastScrollEmit = 0;
     const onScroll = (payload) => {
-      emit("scroll", payload);
+      const now = Date.now();
+      if (now - lastScrollEmit >= props.scrollEventThrottle) {
+        lastScrollEmit = now;
+        emit("scroll", payload);
+      }
     };
     const onRefresh = () => {
       emit("refresh");
@@ -867,7 +900,7 @@ var VScrollView = defineComponent7({
 });
 
 // src/components/VImage.ts
-import { defineComponent as defineComponent8, h as h8 } from "@vue/runtime-core";
+import { defineComponent as defineComponent8, h as h8, ref as ref2, watch } from "@vue/runtime-core";
 var VImage = defineComponent8({
   name: "VImage",
   props: {
@@ -884,13 +917,29 @@ var VImage = defineComponent8({
     accessibilityState: Object
   },
   emits: ["load", "error"],
-  setup(props, { emit }) {
+  setup(props, { emit, expose }) {
+    const loading = ref2(true);
+    watch(
+      () => props.source?.uri,
+      () => {
+        loading.value = true;
+      }
+    );
+    const onLoad = () => {
+      loading.value = false;
+      emit("load");
+    };
+    const onError = (e) => {
+      loading.value = false;
+      emit("error", e);
+    };
+    expose({ loading });
     return () => h8(
       "VImage",
       {
         ...props,
-        onLoad: () => emit("load"),
-        onError: (e) => emit("error", e)
+        onLoad,
+        onError
       }
     );
   }
@@ -996,8 +1045,29 @@ var VList = defineComponent12({
   },
   emits: ["scroll", "endReached"],
   setup(props, { slots, emit }) {
+    let lastScrollEmit = 0;
+    const onScroll = (e) => {
+      const now = Date.now();
+      if (now - lastScrollEmit >= 16) {
+        lastScrollEmit = now;
+        emit("scroll", e);
+      }
+    };
     return () => {
       const items = props.data ?? [];
+      if (typeof __DEV__ !== "undefined" && __DEV__ && items.length > 0) {
+        const keys = /* @__PURE__ */ new Set();
+        for (let index = 0; index < items.length; index++) {
+          const key = props.keyExtractor(items[index], index);
+          if (keys.has(key)) {
+            console.warn(
+              `[VueNative] VList: Duplicate key "${key}" at index ${index}. Each item must have a unique key for correct reconciliation.`
+            );
+            break;
+          }
+          keys.add(key);
+        }
+      }
       const children = [];
       if (slots.header) {
         children.push(
@@ -1035,7 +1105,7 @@ var VList = defineComponent12({
           showsScrollIndicator: props.showsScrollIndicator,
           bounces: props.bounces,
           horizontal: props.horizontal,
-          onScroll: (e) => emit("scroll", e),
+          onScroll,
           onEndReached: () => emit("endReached")
         },
         children
@@ -1045,7 +1115,7 @@ var VList = defineComponent12({
 });
 
 // src/components/VModal.ts
-import { defineComponent as defineComponent13, h as h13 } from "@vue/runtime-core";
+import { defineComponent as defineComponent13, h as h13, ref as ref3, watch as watch2, onUnmounted } from "@vue/runtime-core";
 var VModal = defineComponent13({
   name: "VModal",
   props: {
@@ -1060,10 +1130,24 @@ var VModal = defineComponent13({
   },
   emits: ["dismiss"],
   setup(props, { slots, emit }) {
+    const debouncedVisible = ref3(props.visible);
+    let visibleTimer;
+    watch2(
+      () => props.visible,
+      (val) => {
+        if (visibleTimer) clearTimeout(visibleTimer);
+        visibleTimer = setTimeout(() => {
+          debouncedVisible.value = val;
+        }, 50);
+      }
+    );
+    onUnmounted(() => {
+      if (visibleTimer) clearTimeout(visibleTimer);
+    });
     return () => h13(
       "VModal",
       {
-        visible: props.visible,
+        visible: debouncedVisible.value,
         style: props.style,
         onDismiss: () => emit("dismiss")
       },
@@ -1073,7 +1157,7 @@ var VModal = defineComponent13({
 });
 
 // src/components/VAlertDialog.ts
-import { defineComponent as defineComponent14, h as h14 } from "@vue/runtime-core";
+import { defineComponent as defineComponent14, h as h14, ref as ref4, watch as watch3, onUnmounted as onUnmounted2 } from "@vue/runtime-core";
 var VAlertDialog = defineComponent14({
   name: "VAlertDialog",
   props: {
@@ -1084,8 +1168,22 @@ var VAlertDialog = defineComponent14({
   },
   emits: ["confirm", "cancel", "action"],
   setup(props, { emit }) {
+    const debouncedVisible = ref4(props.visible);
+    let visibleTimer;
+    watch3(
+      () => props.visible,
+      (val) => {
+        if (visibleTimer) clearTimeout(visibleTimer);
+        visibleTimer = setTimeout(() => {
+          debouncedVisible.value = val;
+        }, 50);
+      }
+    );
+    onUnmounted2(() => {
+      if (visibleTimer) clearTimeout(visibleTimer);
+    });
     return () => h14("VAlertDialog", {
-      visible: props.visible,
+      visible: debouncedVisible.value,
       title: props.title,
       message: props.message,
       buttons: props.buttons,
@@ -1115,7 +1213,7 @@ var VStatusBar = defineComponent15({
 });
 
 // src/components/VWebView.ts
-import { defineComponent as defineComponent16, h as h16 } from "@vue/runtime-core";
+import { computed, defineComponent as defineComponent16, h as h16 } from "@vue/runtime-core";
 var VWebView = defineComponent16({
   name: "VWebView",
   props: {
@@ -1125,8 +1223,18 @@ var VWebView = defineComponent16({
   },
   emits: ["load", "error", "message"],
   setup(props, { emit }) {
+    const sanitizedSource = computed(() => {
+      const source = props.source;
+      if (!source?.uri) return source;
+      const lower = source.uri.toLowerCase().trim();
+      if (lower.startsWith("javascript:") || lower.startsWith("data:text/html")) {
+        console.warn("[VueNative] VWebView: Blocked potentially unsafe URI scheme");
+        return { ...source, uri: void 0 };
+      }
+      return source;
+    });
     return () => h16("VWebView", {
-      source: props.source,
+      source: sanitizedSource.value,
       style: props.style,
       javaScriptEnabled: props.javaScriptEnabled,
       onLoad: (e) => emit("load", e),
@@ -1590,7 +1698,7 @@ var vShow = {
 };
 
 // src/errorBoundary.ts
-import { defineComponent as defineComponent28, ref, watch, onErrorCaptured } from "@vue/runtime-core";
+import { defineComponent as defineComponent28, ref as ref5, watch as watch4, onErrorCaptured } from "@vue/runtime-core";
 var ErrorBoundary = defineComponent28({
   name: "ErrorBoundary",
   props: {
@@ -1601,8 +1709,8 @@ var ErrorBoundary = defineComponent28({
     }
   },
   setup(props, { slots }) {
-    const error = ref(null);
-    const errorInfo = ref("");
+    const error = ref5(null);
+    const errorInfo = ref5("");
     onErrorCaptured((err, _instance, info) => {
       const normalizedError = err instanceof Error ? err : new Error(String(err));
       error.value = normalizedError;
@@ -1616,7 +1724,7 @@ var ErrorBoundary = defineComponent28({
       error.value = null;
       errorInfo.value = "";
     }
-    watch(
+    watch4(
       () => props.resetKeys,
       () => {
         if (error.value) {
@@ -1772,15 +1880,33 @@ function useHaptics() {
 }
 
 // src/composables/useAsyncStorage.ts
+var writeQueues = /* @__PURE__ */ new Map();
+function queueWrite(key, fn) {
+  const prev = writeQueues.get(key) ?? Promise.resolve();
+  const next = prev.then(fn, fn);
+  writeQueues.set(key, next);
+  next.then(() => {
+    if (writeQueues.get(key) === next) {
+      writeQueues.delete(key);
+    }
+  });
+  return next;
+}
 function useAsyncStorage() {
   function getItem(key) {
     return NativeBridge.invokeNativeModule("AsyncStorage", "getItem", [key]);
   }
   function setItem(key, value) {
-    return NativeBridge.invokeNativeModule("AsyncStorage", "setItem", [key, value]).then(() => void 0);
+    return queueWrite(
+      key,
+      () => NativeBridge.invokeNativeModule("AsyncStorage", "setItem", [key, value]).then(() => void 0)
+    );
   }
   function removeItem(key) {
-    return NativeBridge.invokeNativeModule("AsyncStorage", "removeItem", [key]).then(() => void 0);
+    return queueWrite(
+      key,
+      () => NativeBridge.invokeNativeModule("AsyncStorage", "removeItem", [key]).then(() => void 0)
+    );
   }
   function getAllKeys() {
     return NativeBridge.invokeNativeModule("AsyncStorage", "getAllKeys", []);
@@ -1792,9 +1918,9 @@ function useAsyncStorage() {
 }
 
 // src/composables/useClipboard.ts
-import { ref as ref2 } from "@vue/runtime-core";
+import { ref as ref6 } from "@vue/runtime-core";
 function useClipboard() {
-  const content = ref2("");
+  const content = ref6("");
   function copy(text) {
     return NativeBridge.invokeNativeModule("Clipboard", "copy", [text]).then(() => void 0);
   }
@@ -1808,16 +1934,16 @@ function useClipboard() {
 }
 
 // src/composables/useDeviceInfo.ts
-import { ref as ref3, onMounted } from "@vue/runtime-core";
+import { ref as ref7, onMounted } from "@vue/runtime-core";
 function useDeviceInfo() {
-  const model = ref3("");
-  const systemVersion = ref3("");
-  const systemName = ref3("");
-  const name = ref3("");
-  const screenWidth = ref3(0);
-  const screenHeight = ref3(0);
-  const scale = ref3(1);
-  const isLoaded = ref3(false);
+  const model = ref7("");
+  const systemVersion = ref7("");
+  const systemName = ref7("");
+  const name = ref7("");
+  const screenWidth = ref7(0);
+  const screenHeight = ref7(0);
+  const scale = ref7(1);
+  const isLoaded = ref7(false);
   async function fetchInfo() {
     const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
     model.value = info.model ?? "";
@@ -1846,10 +1972,10 @@ function useDeviceInfo() {
 }
 
 // src/composables/useKeyboard.ts
-import { ref as ref4 } from "@vue/runtime-core";
+import { ref as ref8 } from "@vue/runtime-core";
 function useKeyboard() {
-  const isVisible = ref4(false);
-  const height = ref4(0);
+  const isVisible = ref8(false);
+  const height = ref8(0);
   function dismiss() {
     return NativeBridge.invokeNativeModule("Keyboard", "dismiss", []).then(() => void 0);
   }
@@ -1913,27 +2039,32 @@ function useAnimation() {
 }
 
 // src/composables/useNetwork.ts
-import { ref as ref5, onUnmounted } from "@vue/runtime-core";
+import { ref as ref9, onUnmounted as onUnmounted3 } from "@vue/runtime-core";
 function useNetwork() {
-  const isConnected = ref5(true);
-  const connectionType = ref5("unknown");
-  NativeBridge.invokeNativeModule("Network", "getStatus").then((status) => {
-    isConnected.value = status.isConnected;
-    connectionType.value = status.connectionType;
-  }).catch(() => {
-  });
+  const isConnected = ref9(true);
+  const connectionType = ref9("unknown");
+  let lastEventTime = 0;
   const unsubscribe = NativeBridge.onGlobalEvent("network:change", (payload) => {
+    lastEventTime = Date.now();
     isConnected.value = payload.isConnected;
     connectionType.value = payload.connectionType;
   });
-  onUnmounted(unsubscribe);
+  const initTime = Date.now();
+  NativeBridge.invokeNativeModule("Network", "getStatus").then((status) => {
+    if (lastEventTime <= initTime) {
+      isConnected.value = status.isConnected;
+      connectionType.value = status.connectionType;
+    }
+  }).catch(() => {
+  });
+  onUnmounted3(unsubscribe);
   return { isConnected, connectionType };
 }
 
 // src/composables/useAppState.ts
-import { ref as ref6, onUnmounted as onUnmounted2 } from "@vue/runtime-core";
+import { ref as ref10, onUnmounted as onUnmounted4 } from "@vue/runtime-core";
 function useAppState() {
-  const state = ref6("active");
+  const state = ref10("active");
   NativeBridge.invokeNativeModule("AppState", "getState").then((s) => {
     state.value = s;
   }).catch(() => {
@@ -1941,7 +2072,7 @@ function useAppState() {
   const unsubscribe = NativeBridge.onGlobalEvent("appState:change", (payload) => {
     state.value = payload.state;
   });
-  onUnmounted2(unsubscribe);
+  onUnmounted4(unsubscribe);
   return { state };
 }
 
@@ -1976,27 +2107,45 @@ function usePermissions() {
 }
 
 // src/composables/useGeolocation.ts
-import { ref as ref7, onUnmounted as onUnmounted3 } from "@vue/runtime-core";
+import { ref as ref11, onUnmounted as onUnmounted5 } from "@vue/runtime-core";
 function useGeolocation() {
-  const coords = ref7(null);
-  const error = ref7(null);
+  const coords = ref11(null);
+  const error = ref11(null);
   let watchId = null;
   async function getCurrentPosition() {
-    const result = await NativeBridge.invokeNativeModule("Geolocation", "getCurrentPosition");
-    coords.value = result;
-    return result;
+    try {
+      error.value = null;
+      const result = await NativeBridge.invokeNativeModule("Geolocation", "getCurrentPosition");
+      coords.value = result;
+      return result;
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      error.value = msg;
+      throw e;
+    }
   }
   async function watchPosition() {
-    const id = await NativeBridge.invokeNativeModule("Geolocation", "watchPosition");
-    watchId = id;
-    const unsubscribe = NativeBridge.onGlobalEvent("location:update", (payload) => {
-      coords.value = payload;
-    });
-    onUnmounted3(() => {
-      unsubscribe();
-      if (watchId !== null) clearWatch(watchId);
-    });
-    return id;
+    try {
+      error.value = null;
+      const id = await NativeBridge.invokeNativeModule("Geolocation", "watchPosition");
+      watchId = id;
+      const unsubscribe = NativeBridge.onGlobalEvent("location:update", (payload) => {
+        coords.value = payload;
+      });
+      const unsubscribeError = NativeBridge.onGlobalEvent("location:error", (payload) => {
+        error.value = payload.message;
+      });
+      onUnmounted5(() => {
+        unsubscribe();
+        unsubscribeError();
+        if (watchId !== null) clearWatch(watchId);
+      });
+      return id;
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      error.value = msg;
+      throw e;
+    }
   }
   async function clearWatch(id) {
     await NativeBridge.invokeNativeModule("Geolocation", "clearWatch", [id]);
@@ -2006,7 +2155,7 @@ function useGeolocation() {
 }
 
 // src/composables/useCamera.ts
-import { onUnmounted as onUnmounted4 } from "@vue/runtime-core";
+import { onUnmounted as onUnmounted6 } from "@vue/runtime-core";
 function useCamera() {
   const qrCleanups = [];
   async function launchCamera(options = {}) {
@@ -2029,7 +2178,7 @@ function useCamera() {
     qrCleanups.push(unsubscribe);
     return unsubscribe;
   }
-  onUnmounted4(() => {
+  onUnmounted6(() => {
     NativeBridge.invokeNativeModule("Camera", "stopQRScan").catch(() => {
     });
     qrCleanups.forEach((fn) => fn());
@@ -2039,10 +2188,10 @@ function useCamera() {
 }
 
 // src/composables/useNotifications.ts
-import { ref as ref8, onUnmounted as onUnmounted5 } from "@vue/runtime-core";
+import { ref as ref12, onUnmounted as onUnmounted7 } from "@vue/runtime-core";
 function useNotifications() {
-  const isGranted = ref8(false);
-  const pushToken = ref8(null);
+  const isGranted = ref12(false);
+  const pushToken = ref12(null);
   async function requestPermission() {
     const granted = await NativeBridge.invokeNativeModule("Notifications", "requestPermission");
     isGranted.value = granted;
@@ -2062,7 +2211,7 @@ function useNotifications() {
   }
   function onNotification(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("notification:received", handler);
-    onUnmounted5(unsubscribe);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   async function registerForPush() {
@@ -2076,12 +2225,12 @@ function useNotifications() {
       pushToken.value = payload.token;
       handler(payload.token);
     });
-    onUnmounted5(unsubscribe);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   function onPushReceived(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("push:received", handler);
-    onUnmounted5(unsubscribe);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   return {
@@ -2117,7 +2266,7 @@ function useBiometry() {
 }
 
 // src/composables/useHttp.ts
-import { ref as ref9 } from "@vue/runtime-core";
+import { ref as ref13, onUnmounted as onUnmounted8 } from "@vue/runtime-core";
 function useHttp(config = {}) {
   if (config.pins && Object.keys(config.pins).length > 0) {
     const configurePins = globalThis.__VN_configurePins;
@@ -2127,8 +2276,12 @@ function useHttp(config = {}) {
       NativeBridge.invokeNativeModule("Http", "configurePins", [config.pins]);
     }
   }
-  const loading = ref9(false);
-  const error = ref9(null);
+  const loading = ref13(false);
+  const error = ref13(null);
+  let isMounted = true;
+  onUnmounted8(() => {
+    isMounted = false;
+  });
   async function request(method, url, options = {}) {
     const fullUrl = config.baseURL ? `${config.baseURL}${url}` : url;
     loading.value = true;
@@ -2148,6 +2301,9 @@ function useHttp(config = {}) {
       }
       const response = await fetch(fullUrl, fetchOptions);
       const data = await response.json();
+      if (!isMounted) {
+        return { data, status: response.status, ok: response.ok, headers: {} };
+      }
       return {
         data,
         status: response.status,
@@ -2156,10 +2312,14 @@ function useHttp(config = {}) {
       };
     } catch (e) {
       const msg = e instanceof Error ? e.message : String(e);
-      error.value = msg;
+      if (isMounted) {
+        error.value = msg;
+      }
       throw e;
     } finally {
-      loading.value = false;
+      if (isMounted) {
+        loading.value = false;
+      }
     }
   }
   return {
@@ -2174,10 +2334,10 @@ function useHttp(config = {}) {
 }
 
 // src/composables/useColorScheme.ts
-import { ref as ref10, onUnmounted as onUnmounted6 } from "@vue/runtime-core";
+import { ref as ref14, onUnmounted as onUnmounted9 } from "@vue/runtime-core";
 function useColorScheme() {
-  const colorScheme = ref10("light");
-  const isDark = ref10(false);
+  const colorScheme = ref14("light");
+  const isDark = ref14(false);
   const unsubscribe = NativeBridge.onGlobalEvent(
     "colorScheme:change",
     (payload) => {
@@ -2185,20 +2345,24 @@ function useColorScheme() {
       isDark.value = payload.colorScheme === "dark";
     }
   );
-  onUnmounted6(unsubscribe);
+  onUnmounted9(unsubscribe);
   return { colorScheme, isDark };
 }
 
 // src/composables/useBackHandler.ts
-import { onMounted as onMounted2, onUnmounted as onUnmounted7 } from "@vue/runtime-core";
+import { onMounted as onMounted2, onUnmounted as onUnmounted10 } from "@vue/runtime-core";
 function useBackHandler(handler) {
   let unsubscribe = null;
   onMounted2(() => {
     unsubscribe = NativeBridge.onGlobalEvent("hardware:backPress", () => {
-      handler();
+      const handled = handler();
+      if (!handled) {
+        NativeBridge.invokeNativeModule("BackHandler", "exitApp", []).catch(() => {
+        });
+      }
     });
   });
-  onUnmounted7(() => {
+  onUnmounted10(() => {
     unsubscribe?.();
     unsubscribe = null;
   });
@@ -2222,10 +2386,10 @@ function useSecureStorage() {
 }
 
 // src/composables/useI18n.ts
-import { ref as ref11, onMounted as onMounted3 } from "@vue/runtime-core";
+import { ref as ref15, onMounted as onMounted3 } from "@vue/runtime-core";
 function useI18n() {
-  const isRTL = ref11(false);
-  const locale = ref11("en");
+  const isRTL = ref15(false);
+  const locale = ref15("en");
   onMounted3(async () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getDeviceInfo", []);
@@ -2246,11 +2410,11 @@ function usePlatform() {
 }
 
 // src/composables/useDimensions.ts
-import { ref as ref12, onMounted as onMounted4, onUnmounted as onUnmounted8 } from "@vue/runtime-core";
+import { ref as ref16, onMounted as onMounted4, onUnmounted as onUnmounted11 } from "@vue/runtime-core";
 function useDimensions() {
-  const width = ref12(0);
-  const height = ref12(0);
-  const scale = ref12(1);
+  const width = ref16(0);
+  const height = ref16(0);
+  const scale = ref16(1);
   onMounted4(async () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
@@ -2265,12 +2429,12 @@ function useDimensions() {
     if (payload.height != null) height.value = payload.height;
     if (payload.scale != null) scale.value = payload.scale;
   });
-  onUnmounted8(cleanup);
+  onUnmounted11(cleanup);
   return { width, height, scale };
 }
 
 // src/composables/useWebSocket.ts
-import { ref as ref13, onUnmounted as onUnmounted9 } from "@vue/runtime-core";
+import { ref as ref17, onUnmounted as onUnmounted12 } from "@vue/runtime-core";
 var connectionCounter = 0;
 function useWebSocket(url, options = {}) {
   const {
@@ -2280,11 +2444,13 @@ function useWebSocket(url, options = {}) {
     reconnectInterval = 1e3
   } = options;
   const connectionId = `ws_${++connectionCounter}_${Date.now()}`;
-  const status = ref13("CLOSED");
-  const lastMessage = ref13(null);
-  const error = ref13(null);
+  const status = ref17("CLOSED");
+  const lastMessage = ref17(null);
+  const error = ref17(null);
   let reconnectAttempts = 0;
   let reconnectTimer = null;
+  const MAX_PENDING_MESSAGES = 100;
+  const pendingMessages = [];
   const unsubscribers = [];
   unsubscribers.push(
     NativeBridge.onGlobalEvent("websocket:open", (payload) => {
@@ -2292,6 +2458,12 @@ function useWebSocket(url, options = {}) {
       status.value = "OPEN";
       error.value = null;
       reconnectAttempts = 0;
+      while (pendingMessages.length > 0) {
+        const msg = pendingMessages.shift();
+        NativeBridge.invokeNativeModule("WebSocket", "send", [connectionId, msg]).catch((err) => {
+          error.value = err.message;
+        });
+      }
     })
   );
   unsubscribers.push(
@@ -2306,9 +2478,10 @@ function useWebSocket(url, options = {}) {
       status.value = "CLOSED";
       if (autoReconnect && reconnectAttempts < maxReconnectAttempts && payload.code !== 1e3) {
         reconnectAttempts++;
+        const backoffMs = reconnectInterval * Math.pow(2, reconnectAttempts - 1);
         reconnectTimer = setTimeout(() => {
           open();
-        }, reconnectInterval);
+        }, backoffMs);
       }
     })
   );
@@ -2328,8 +2501,17 @@ function useWebSocket(url, options = {}) {
     });
   }
   function send(data) {
-    if (status.value !== "OPEN") return;
     const message = typeof data === "string" ? data : JSON.stringify(data);
+    if (status.value !== "OPEN") {
+      if (pendingMessages.length >= MAX_PENDING_MESSAGES) {
+        pendingMessages.shift();
+        if (__DEV__) {
+          console.warn("[VueNative] WebSocket pending message queue full, dropping oldest message");
+        }
+      }
+      pendingMessages.push(message);
+      return;
+    }
     NativeBridge.invokeNativeModule("WebSocket", "send", [connectionId, message]).catch((err) => {
       error.value = err.message;
     });
@@ -2349,7 +2531,7 @@ function useWebSocket(url, options = {}) {
   if (autoConnect) {
     open();
   }
-  onUnmounted9(() => {
+  onUnmounted12(() => {
     if (reconnectTimer) {
       clearTimeout(reconnectTimer);
     }
@@ -2418,12 +2600,12 @@ function useFileSystem() {
 }
 
 // src/composables/useSensors.ts
-import { ref as ref14, onUnmounted as onUnmounted10 } from "@vue/runtime-core";
+import { ref as ref18, onUnmounted as onUnmounted13 } from "@vue/runtime-core";
 function useAccelerometer(options = {}) {
-  const x = ref14(0);
-  const y = ref14(0);
-  const z = ref14(0);
-  const isAvailable = ref14(false);
+  const x = ref18(0);
+  const y = ref18(0);
+  const z = ref18(0);
+  const isAvailable = ref18(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["accelerometer"]).then((result) => {
@@ -2451,16 +2633,16 @@ function useAccelerometer(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopAccelerometer").catch(() => {
     });
   }
-  onUnmounted10(() => {
+  onUnmounted13(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 function useGyroscope(options = {}) {
-  const x = ref14(0);
-  const y = ref14(0);
-  const z = ref14(0);
-  const isAvailable = ref14(false);
+  const x = ref18(0);
+  const y = ref18(0);
+  const z = ref18(0);
+  const isAvailable = ref18(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["gyroscope"]).then((result) => {
@@ -2488,20 +2670,20 @@ function useGyroscope(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopGyroscope").catch(() => {
     });
   }
-  onUnmounted10(() => {
+  onUnmounted13(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 
 // src/composables/useAudio.ts
-import { ref as ref15, onUnmounted as onUnmounted11 } from "@vue/runtime-core";
+import { ref as ref19, onUnmounted as onUnmounted14 } from "@vue/runtime-core";
 function useAudio() {
-  const duration = ref15(0);
-  const position = ref15(0);
-  const isPlaying = ref15(false);
-  const isRecording = ref15(false);
-  const error = ref15(null);
+  const duration = ref19(0);
+  const position = ref19(0);
+  const isPlaying = ref19(false);
+  const isRecording = ref19(false);
+  const error = ref19(null);
   const unsubProgress = NativeBridge.onGlobalEvent("audio:progress", (payload) => {
     position.value = payload.currentTime ?? 0;
     duration.value = payload.duration ?? 0;
@@ -2514,7 +2696,7 @@ function useAudio() {
     error.value = payload.message ?? "Unknown audio error";
     isPlaying.value = false;
   });
-  onUnmounted11(() => {
+  onUnmounted14(() => {
     unsubProgress();
     unsubComplete();
     unsubError();
@@ -2593,9 +2775,9 @@ function useAudio() {
 }
 
 // src/composables/useDatabase.ts
-import { ref as ref16, onUnmounted as onUnmounted12 } from "@vue/runtime-core";
+import { ref as ref20, onUnmounted as onUnmounted15 } from "@vue/runtime-core";
 function useDatabase(name = "default") {
-  const isOpen = ref16(false);
+  const isOpen = ref20(false);
   let opened = false;
   async function ensureOpen() {
     if (opened) return;
@@ -2613,22 +2795,22 @@ function useDatabase(name = "default") {
   }
   async function transaction(callback) {
     await ensureOpen();
-    const statements = [];
-    const ctx = {
-      execute: async (sql, params) => {
-        statements.push({ sql, params: params ?? [] });
-        return { rowsAffected: 0 };
-      },
-      query: async (sql, params) => {
-        if (statements.length > 0) {
-          await NativeBridge.invokeNativeModule("Database", "executeTransaction", [name, statements.splice(0)]);
+    await NativeBridge.invokeNativeModule("Database", "execute", [name, "BEGIN TRANSACTION", []]);
+    try {
+      const ctx = {
+        execute: async (sql, params) => {
+          return NativeBridge.invokeNativeModule("Database", "execute", [name, sql, params ?? []]);
+        },
+        query: async (sql, params) => {
+          return NativeBridge.invokeNativeModule("Database", "query", [name, sql, params ?? []]);
         }
-        return NativeBridge.invokeNativeModule("Database", "query", [name, sql, params ?? []]);
-      }
-    };
-    await callback(ctx);
-    if (statements.length > 0) {
-      await NativeBridge.invokeNativeModule("Database", "executeTransaction", [name, statements]);
+      };
+      await callback(ctx);
+      await NativeBridge.invokeNativeModule("Database", "execute", [name, "COMMIT", []]);
+    } catch (err) {
+      await NativeBridge.invokeNativeModule("Database", "execute", [name, "ROLLBACK", []]).catch(() => {
+      });
+      throw err;
     }
   }
   async function close() {
@@ -2637,7 +2819,7 @@ function useDatabase(name = "default") {
     opened = false;
     isOpen.value = false;
   }
-  onUnmounted12(() => {
+  onUnmounted15(() => {
     if (opened) {
       NativeBridge.invokeNativeModule("Database", "close", [name]).catch(() => {
       });
@@ -2649,12 +2831,12 @@ function useDatabase(name = "default") {
 }
 
 // src/composables/usePerformance.ts
-import { ref as ref17, onUnmounted as onUnmounted13 } from "@vue/runtime-core";
+import { ref as ref21, onUnmounted as onUnmounted16 } from "@vue/runtime-core";
 function usePerformance() {
-  const isProfiling = ref17(false);
-  const fps = ref17(0);
-  const memoryMB = ref17(0);
-  const bridgeOps = ref17(0);
+  const isProfiling = ref21(false);
+  const fps = ref21(0);
+  const memoryMB = ref21(0);
+  const bridgeOps = ref21(0);
   let unsubscribe = null;
   function handleMetrics(payload) {
     fps.value = payload.fps ?? 0;
@@ -2679,7 +2861,7 @@ function usePerformance() {
   async function getMetrics() {
     return NativeBridge.invokeNativeModule("Performance", "getMetrics", []);
   }
-  onUnmounted13(() => {
+  onUnmounted16(() => {
     if (isProfiling.value) {
       NativeBridge.invokeNativeModule("Performance", "stopProfiling", []).catch(() => {
       });
@@ -2702,10 +2884,10 @@ function usePerformance() {
 }
 
 // src/composables/useSharedElementTransition.ts
-import { ref as ref18, onUnmounted as onUnmounted14 } from "@vue/runtime-core";
+import { ref as ref22, onUnmounted as onUnmounted17 } from "@vue/runtime-core";
 var sharedElementRegistry = /* @__PURE__ */ new Map();
 function useSharedElementTransition(elementId) {
-  const viewId = ref18(null);
+  const viewId = ref22(null);
   function register(nativeViewId) {
     viewId.value = nativeViewId;
     sharedElementRegistry.set(elementId, nativeViewId);
@@ -2714,7 +2896,7 @@ function useSharedElementTransition(elementId) {
     viewId.value = null;
     sharedElementRegistry.delete(elementId);
   }
-  onUnmounted14(() => {
+  onUnmounted17(() => {
     unregister();
   });
   return {
@@ -2738,11 +2920,11 @@ function clearSharedElementRegistry() {
 }
 
 // src/composables/useIAP.ts
-import { ref as ref19, onUnmounted as onUnmounted15 } from "@vue/runtime-core";
+import { ref as ref23, onUnmounted as onUnmounted18 } from "@vue/runtime-core";
 function useIAP() {
-  const products = ref19([]);
-  const isReady = ref19(false);
-  const error = ref19(null);
+  const products = ref23([]);
+  const isReady = ref23(false);
+  const error = ref23(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("iap:transactionUpdate", (payload) => {
     if (payload.state === "failed" && payload.error) {
@@ -2799,7 +2981,7 @@ function useIAP() {
     cleanups.push(unsub);
     return unsub;
   }
-  onUnmounted15(() => {
+  onUnmounted18(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -2816,11 +2998,11 @@ function useIAP() {
 }
 
 // src/composables/useAppleSignIn.ts
-import { ref as ref20, onUnmounted as onUnmounted16 } from "@vue/runtime-core";
+import { ref as ref24, onUnmounted as onUnmounted19 } from "@vue/runtime-core";
 function useAppleSignIn() {
-  const user = ref20(null);
-  const isAuthenticated = ref20(false);
-  const error = ref20(null);
+  const user = ref24(null);
+  const isAuthenticated = ref24(false);
+  const error = ref24(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("auth:appleCredentialRevoked", () => {
     user.value = null;
@@ -2858,7 +3040,7 @@ function useAppleSignIn() {
       error.value = String(err);
     }
   }
-  onUnmounted16(() => {
+  onUnmounted19(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -2866,11 +3048,11 @@ function useAppleSignIn() {
 }
 
 // src/composables/useGoogleSignIn.ts
-import { ref as ref21, onUnmounted as onUnmounted17 } from "@vue/runtime-core";
+import { ref as ref25, onUnmounted as onUnmounted20 } from "@vue/runtime-core";
 function useGoogleSignIn(clientId) {
-  const user = ref21(null);
-  const isAuthenticated = ref21(false);
-  const error = ref21(null);
+  const user = ref25(null);
+  const isAuthenticated = ref25(false);
+  const error = ref25(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["google"]).then((result) => {
     if (result && result.userId) {
@@ -2903,7 +3085,7 @@ function useGoogleSignIn(clientId) {
       error.value = String(err);
     }
   }
-  onUnmounted17(() => {
+  onUnmounted20(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -2911,17 +3093,17 @@ function useGoogleSignIn(clientId) {
 }
 
 // src/composables/useBackgroundTask.ts
-import { ref as ref22, onUnmounted as onUnmounted18 } from "@vue/runtime-core";
+import { ref as ref26, onUnmounted as onUnmounted21 } from "@vue/runtime-core";
 function useBackgroundTask() {
   const taskHandlers = /* @__PURE__ */ new Map();
-  const defaultHandler = ref22(null);
+  const defaultHandler = ref26(null);
   const unsubscribe = NativeBridge.onGlobalEvent("background:taskExecute", (payload) => {
     const handler = taskHandlers.get(payload.taskId) || defaultHandler.value;
     if (handler) {
       handler(payload.taskId);
     }
   });
-  onUnmounted18(unsubscribe);
+  onUnmounted21(unsubscribe);
   function registerTask(taskId) {
     return NativeBridge.invokeNativeModule("BackgroundTask", "registerTask", [taskId]).then(() => void 0);
   }
@@ -2960,20 +3142,20 @@ function useBackgroundTask() {
 }
 
 // src/composables/useOTAUpdate.ts
-import { ref as ref23, onUnmounted as onUnmounted19 } from "@vue/runtime-core";
+import { ref as ref27, onUnmounted as onUnmounted22 } from "@vue/runtime-core";
 function useOTAUpdate(serverUrl) {
-  const currentVersion = ref23("embedded");
-  const availableVersion = ref23(null);
-  const downloadProgress = ref23(0);
-  const isChecking = ref23(false);
-  const isDownloading = ref23(false);
-  const status = ref23("idle");
-  const error = ref23(null);
+  const currentVersion = ref27("embedded");
+  const availableVersion = ref27(null);
+  const downloadProgress = ref27(0);
+  const isChecking = ref27(false);
+  const isDownloading = ref27(false);
+  const status = ref27("idle");
+  const error = ref27(null);
   let lastUpdateInfo = null;
   const unsubscribe = NativeBridge.onGlobalEvent("ota:downloadProgress", (payload) => {
     downloadProgress.value = payload.progress;
   });
-  onUnmounted19(unsubscribe);
+  onUnmounted22(unsubscribe);
   NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []).then((info) => {
     currentVersion.value = info.version;
   }).catch(() => {
@@ -3017,6 +3199,8 @@ function useOTAUpdate(serverUrl) {
       await NativeBridge.invokeNativeModule("OTA", "downloadUpdate", [downloadUrl, expectedHash || ""]);
       status.value = "ready";
     } catch (err) {
+      await NativeBridge.invokeNativeModule("OTA", "cleanupPartialDownload", []).catch(() => {
+      });
       error.value = err?.message || String(err);
       status.value = "error";
       throw err;
@@ -3025,7 +3209,17 @@ function useOTAUpdate(serverUrl) {
     }
   }
   async function applyUpdate() {
+    if (status.value !== "ready") {
+      throw new Error("No update ready to apply. Call downloadUpdate() first.");
+    }
     error.value = null;
+    try {
+      await NativeBridge.invokeNativeModule("OTA", "verifyBundle", []);
+    } catch (err) {
+      status.value = "error";
+      error.value = "Bundle verification failed: " + (err?.message || String(err));
+      throw err;
+    }
     try {
       await NativeBridge.invokeNativeModule("OTA", "applyUpdate", []);
       const info = await NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []);
@@ -3073,13 +3267,13 @@ function useOTAUpdate(serverUrl) {
 }
 
 // src/composables/useBluetooth.ts
-import { ref as ref24, onUnmounted as onUnmounted20 } from "@vue/runtime-core";
+import { ref as ref28, onUnmounted as onUnmounted23 } from "@vue/runtime-core";
 function useBluetooth() {
-  const devices = ref24([]);
-  const connectedDevice = ref24(null);
-  const isScanning = ref24(false);
-  const isAvailable = ref24(false);
-  const error = ref24(null);
+  const devices = ref28([]);
+  const connectedDevice = ref28(null);
+  const isScanning = ref28(false);
+  const isAvailable = ref28(false);
+  const error = ref28(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("Bluetooth", "getState").then((state) => {
     isAvailable.value = state === "poweredOn";
@@ -3158,7 +3352,7 @@ function useBluetooth() {
       ]);
     };
   }
-  onUnmounted20(() => {
+  onUnmounted23(() => {
     if (isScanning.value) {
       NativeBridge.invokeNativeModule("Bluetooth", "stopScan").catch(() => {
       });
@@ -3183,10 +3377,10 @@ function useBluetooth() {
 }
 
 // src/composables/useCalendar.ts
-import { ref as ref25 } from "@vue/runtime-core";
+import { ref as ref29 } from "@vue/runtime-core";
 function useCalendar() {
-  const hasAccess = ref25(false);
-  const error = ref25(null);
+  const hasAccess = ref29(false);
+  const error = ref29(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Calendar", "requestAccess");
@@ -3219,10 +3413,10 @@ function useCalendar() {
 }
 
 // src/composables/useContacts.ts
-import { ref as ref26 } from "@vue/runtime-core";
+import { ref as ref30 } from "@vue/runtime-core";
 function useContacts() {
-  const hasAccess = ref26(false);
-  const error = ref26(null);
+  const hasAccess = ref30(false);
+  const error = ref30(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Contacts", "requestAccess");