@thelacanians/vue-native-runtime 0.4.13 → 0.4.15

package/dist/testing.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/testing.ts
+var testing_exports = {};
+__export(testing_exports, {
+  installMockBridge: () => installMockBridge,
+  nextTick: () => nextTick
+});
+module.exports = __toCommonJS(testing_exports);
+function installMockBridge() {
+  const ops = [];
+  globalThis.__VN_flushOperations = (json) => {
+    const parsed = JSON.parse(json);
+    ops.push(...parsed);
+  };
+  globalThis.__VN_handleEvent = (..._args) => {
+  };
+  globalThis.__VN_resolveCallback = (..._args) => {
+  };
+  globalThis.__VN_handleGlobalEvent = (..._args) => {
+  };
+  globalThis.__DEV__ = true;
+  function getOps() {
+    return [...ops];
+  }
+  function getOpsByType(type) {
+    return ops.filter((o) => o.op === type);
+  }
+  function reset() {
+    ops.length = 0;
+  }
+  function flush() {
+    return new Promise((resolve) => setTimeout(resolve, 0));
+  }
+  return { getOps, getOpsByType, reset, flush };
+}
+async function nextTick() {
+  await Promise.resolve();
+  await Promise.resolve();
+  await new Promise((resolve) => setTimeout(resolve, 0));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  installMockBridge,
+  nextTick
+});

package/dist/testing.d.cts

@@ -0,0 +1,42 @@
+/**
+ * @thelacanians/vue-native-runtime/testing
+ *
+ * Test utilities for Vue Native applications. Import from
+ * '@thelacanians/vue-native-runtime/testing' to set up a mock bridge
+ * for unit testing without a native runtime.
+ *
+ * @example
+ * ```ts
+ * import { installMockBridge, nextTick } from '@thelacanians/vue-native-runtime/testing'
+ *
+ * const { getOps, getOpsByType, reset, flush } = installMockBridge()
+ *
+ * // ... create app, interact with components ...
+ *
+ * const createOps = getOpsByType('create')
+ * expect(createOps.length).toBeGreaterThan(0)
+ * ```
+ */
+interface CapturedOperation {
+    op: string;
+    args: any[];
+}
+/**
+ * Install a mock __VN_flushOperations that captures all bridge operations.
+ * Returns helpers to inspect and reset captured operations.
+ *
+ * Call this before creating your Vue Native app in tests.
+ */
+declare function installMockBridge(): {
+    getOps: () => CapturedOperation[];
+    getOpsByType: (type: string) => CapturedOperation[];
+    reset: () => void;
+    flush: () => Promise<void>;
+};
+/**
+ * Wait for the microtask queue and any pending bridge flushes to complete.
+ * Useful after triggering state changes to ensure all bridge operations have fired.
+ */
+declare function nextTick(): Promise<void>;
+
+export { type CapturedOperation, installMockBridge, nextTick };

package/dist/testing.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @thelacanians/vue-native-runtime/testing
+ *
+ * Test utilities for Vue Native applications. Import from
+ * '@thelacanians/vue-native-runtime/testing' to set up a mock bridge
+ * for unit testing without a native runtime.
+ *
+ * @example
+ * ```ts
+ * import { installMockBridge, nextTick } from '@thelacanians/vue-native-runtime/testing'
+ *
+ * const { getOps, getOpsByType, reset, flush } = installMockBridge()
+ *
+ * // ... create app, interact with components ...
+ *
+ * const createOps = getOpsByType('create')
+ * expect(createOps.length).toBeGreaterThan(0)
+ * ```
+ */
+interface CapturedOperation {
+    op: string;
+    args: any[];
+}
+/**
+ * Install a mock __VN_flushOperations that captures all bridge operations.
+ * Returns helpers to inspect and reset captured operations.
+ *
+ * Call this before creating your Vue Native app in tests.
+ */
+declare function installMockBridge(): {
+    getOps: () => CapturedOperation[];
+    getOpsByType: (type: string) => CapturedOperation[];
+    reset: () => void;
+    flush: () => Promise<void>;
+};
+/**
+ * Wait for the microtask queue and any pending bridge flushes to complete.
+ * Useful after triggering state changes to ensure all bridge operations have fired.
+ */
+declare function nextTick(): Promise<void>;
+
+export { type CapturedOperation, installMockBridge, nextTick };

package/dist/testing.js

@@ -0,0 +1,37 @@
+// src/testing.ts
+function installMockBridge() {
+  const ops = [];
+  globalThis.__VN_flushOperations = (json) => {
+    const parsed = JSON.parse(json);
+    ops.push(...parsed);
+  };
+  globalThis.__VN_handleEvent = (..._args) => {
+  };
+  globalThis.__VN_resolveCallback = (..._args) => {
+  };
+  globalThis.__VN_handleGlobalEvent = (..._args) => {
+  };
+  globalThis.__DEV__ = true;
+  function getOps() {
+    return [...ops];
+  }
+  function getOpsByType(type) {
+    return ops.filter((o) => o.op === type);
+  }
+  function reset() {
+    ops.length = 0;
+  }
+  function flush() {
+    return new Promise((resolve) => setTimeout(resolve, 0));
+  }
+  return { getOps, getOpsByType, reset, flush };
+}
+async function nextTick() {
+  await Promise.resolve();
+  await Promise.resolve();
+  await new Promise((resolve) => setTimeout(resolve, 0));
+}
+export {
+  installMockBridge,
+  nextTick
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thelacanians/vue-native-runtime",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "description": "Vue 3 custom renderer for native iOS and Android apps",
   "license": "MIT",
   "author": "Vue Native Contributors",
@@ -21,12 +21,17 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "import": "./dist/testing.js",
+      "require": "./dist/testing.cjs"
     }
   },
   "files": ["dist", "README.md"],
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
+    "build": "tsup src/index.ts src/testing.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts src/testing.ts --format esm,cjs --dts --watch",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",