@dongmingzhixiu/vuexir 0.4.0 → 0.4.1

package/dist/bundle.d.ts

@@ -11,3 +11,15 @@ export interface BundleResult {
 }
 /** 打包 src/utils 下可独立运行的 util（`@/types` 等纯类型导入会被 esbuild 擦除） */
 export declare function bundleProjectUtils(projectRoot: string): BundleResult;
+/**
+ * R118：把页面 `<script setup>` 打成模块 —— computed / store 别名 / 局部函数
+ * 必须在 JS 侧真实存在，否则模板里的派生值算不出来（这一直是数据为空的根因）。
+ *
+ * 做法：脚本内容写入工程的临时文件（保证相对 import 可解析），末尾追加
+ * `export { <所有顶层绑定> }`，esbuild 打成 IIFE（globalName=__vrnPage），
+ * 运行时即可遍历这些导出并把 ref/computed 的值同步进 stateStore。
+ */
+export declare function bundlePageScript(pageFile: string, projectRoot: string): {
+    code: string;
+    names: string[];
+} | null;

package/dist/bundle.js

@@ -11,9 +11,9 @@
 import { existsSync, readdirSync } from 'node:fs';
 import { join } from 'node:path';
 import { buildSync } from 'esbuild';
-import { mkdtempSync, writeFileSync } from 'node:fs';
+import { mkdtempSync, readFileSync, unlinkSync, writeFileSync } from 'node:fs';
 import { tmpdir } from 'node:os';
-import { DEXIE_SHIM_SOURCE, PINIA_SHIM_SOURCE, VUE_SHIM_SOURCE } from './shims.js';
+import { DEXIE_SHIM_SOURCE, PINIA_SHIM_SOURCE, VUE_ROUTER_SHIM_SOURCE, VUE_SHIM_SOURCE } from './shims.js';
 /** 打包 src/utils 下可独立运行的 util（`@/types` 等纯类型导入会被 esbuild 擦除） */
 export function bundleProjectUtils(projectRoot) {
     const utilsDir = join(projectRoot, 'src', 'utils');
@@ -72,3 +72,68 @@ export function bundleProjectUtils(projectRoot) {
     }
     return { code: chunks.join('\n'), included, skipped };
 }
+/**
+ * R118：把页面 `<script setup>` 打成模块 —— computed / store 别名 / 局部函数
+ * 必须在 JS 侧真实存在，否则模板里的派生值算不出来（这一直是数据为空的根因）。
+ *
+ * 做法：脚本内容写入工程的临时文件（保证相对 import 可解析），末尾追加
+ * `export { <所有顶层绑定> }`，esbuild 打成 IIFE（globalName=__vrnPage），
+ * 运行时即可遍历这些导出并把 ref/computed 的值同步进 stateStore。
+ */
+export function bundlePageScript(pageFile, projectRoot) {
+    const src = readFileSync(pageFile, 'utf-8');
+    const m = src.match(/<script setup[^>]*>([\s\S]*?)<\/script>/);
+    if (!m)
+        return null;
+    const body = m[1];
+    // 顶层绑定名（const/let/function）；导出的就是这些
+    const names = [...new Set([...body.matchAll(/(?:const|let|var|function)\s+([A-Za-z_$][\w$]*)/g)].map((x) => x[1]))];
+    if (names.length === 0)
+        return null;
+    const shimDir = mkdtempSync(join(tmpdir(), 'vrn-page-'));
+    const vueShim = join(shimDir, 'vue-shim.js');
+    writeFileSync(vueShim, VUE_SHIM_SOURCE);
+    const piniaShim = join(shimDir, 'pinia-shim.js');
+    writeFileSync(piniaShim, PINIA_SHIM_SOURCE);
+    const dexieShim = join(shimDir, 'dexie-shim.js');
+    writeFileSync(dexieShim, DEXIE_SHIM_SOURCE);
+    // 入口必须放在工程内，否则 vue/vue-router 等裸导入解析不到 node_modules
+    const entry = join(projectRoot, 'src', `.vrn-page-${Date.now()}.ts`);
+    writeFileSync(entry, `${body}\nexport { ${names.join(', ')} };\n`);
+    const routerShim = join(shimDir, 'vue-router-shim.js');
+    writeFileSync(routerShim, VUE_ROUTER_SHIM_SOURCE);
+    try {
+        const out = buildSync({
+            entryPoints: [entry],
+            bundle: true,
+            write: false,
+            format: 'iife',
+            globalName: '__vrnPage',
+            platform: 'neutral',
+            target: 'es2019',
+            logLevel: 'silent',
+            alias: {
+                '@': join(projectRoot, 'src'),
+                vue: vueShim,
+                'vue-router': routerShim,
+                pinia: piniaShim,
+                dexie: dexieShim,
+            },
+        });
+        const code = out.outputFiles?.[0]?.text ?? '';
+        return code ? { code, names } : null;
+    }
+    catch (e) {
+        if (process.env.VRN_DEBUG_BUNDLE)
+            console.error('[bundle] 页面脚本打包失败:', e.message.split('\n')[0]);
+        return null;
+    }
+    finally {
+        try {
+            unlinkSync(entry);
+        }
+        catch {
+            /* 忽略 */
+        }
+    }
+}

package/dist/gen-ios.js

@@ -15,7 +15,7 @@
 import { readFileSync, writeFileSync, mkdirSync, existsSync, readdirSync, statSync, copyFileSync, rmSync } from 'node:fs';
 import { basename, dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { bundleProjectUtils } from './bundle.js';
+import { bundlePageScript, bundleProjectUtils } from './bundle.js';
 import { TEMPLATE_VERSION, VRN_BRIDGE_SWIFT, projectYml as PROJECT_YML, templateFiles } from '@dongmingzhixiu/vuexir-templates';
 import { parseRouter as parseRouterV2, findProjectRoot } from '@dongmingzhixiu/vuexir-compiler';
 import { validateIr } from '@dongmingzhixiu/vuexir-compiler';
@@ -198,11 +198,24 @@ const RUNTIME_SWIFT = `final class Runtime {
         }
         ctx.setObject(routerBack, forKeyedSubscript: "__routerBack" as NSString)
 
-        let resName = page == "main" ? "runtime" : "runtime_" + page
-        if let path = Bundle.main.path(forResource: resName, ofType: "js") {
+        // R116：页面键既可能是 main（容器）也可能是页面 id → 两个候选都试，
+        // 否则 tab 页会去找 runtime.js 而实际文件是 runtime_<Page>.js（旧版直接不加载脚本）
+        var resName = page == "main" ? "runtime" : "runtime_" + page
+        var found = Bundle.main.path(forResource: resName, ofType: "js")
+        if found == nil {
+            let alt = page == "main" ? "runtime_Home" : "runtime"
+            if let p2 = Bundle.main.path(forResource: alt, ofType: "js") { found = p2; resName = alt }
+        }
+        if let path = found {
             NSLog("[vrn] loading %@", resName)
             if let src = try? String(contentsOfFile: path, encoding: .utf8) {
-                ctx.evaluateScript(src)
+                // R117：JSC 会静默吞掉脚本异常 → 显式检查并打印，否则运行时错误完全不可见
+                var jsErr: JSValue?
+                ctx.evaluateScript(src, withSourceURL: URL(string: "vrn://" + resName + ".js"))
+                if let e = jsErr, !e.isUndefined {
+                    let stack = e.objectForKeyedSubscript("stack")?.toString() ?? ""
+                    NSLog("[vrn] JS 异常(%@): %@ | %@", resName, e.toString() ?? "?", stack)
+                }
             } else { NSLog("[vrn] read %@ failed", resName) }
         } else { NSLog("[vrn] %@ NOT in bundle", resName) }
         let om = ctx.objectForKeyedSubscript("__onMounted")
@@ -714,7 +727,11 @@ function runTabs(appDir, opts = {}) {
         for (const w of genWarnings)
             console.log(`[gen-ios] 生成提示（${tab.id}，tab 页）: ${w}`);
         writeFileSync(join(srcDir, `${pageId}View.swift`), swift);
-        writeFileSync(join(srcDir, `runtime_${pageId}.js`), utilsBundle.code + '\n' + (r.runtime ?? ''));
+        // R118：页面脚本 bundle（computed/store 别名/局部函数）必须排在 utils 之后、runtime 之前
+        const pageBundle = bundlePageScript(tab.file, findProjectRoot(appDir));
+        if (pageBundle)
+            console.log(`[gen-ios] 页面脚本打包：${tab.id}（${pageBundle.names.length} 个绑定）`);
+        writeFileSync(join(srcDir, `runtime_${pageId}.js`), utilsBundle.code + '\n' + (pageBundle?.code ?? '') + '\n' + (r.runtime ?? ''));
         pageFiles.push(`${pageId}View.swift`);
         pageRuntimes.push({ id: pageId, src: r.runtime ?? '' });
         pageStates.push({

package/dist/shims.d.ts

@@ -6,7 +6,7 @@
  * 由运行时 localStorage shim 提供），API 覆盖 app 实际用到的子集：
  *   db.version(n).stores({...}) / table.get / put / bulkPut / toArray / delete / clear / count
  */
-export declare const DEXIE_SHIM_SOURCE = "\nfunction __vrnDbKey(db, table) { return \"vrn.db:\" + db + \":\" + table; }\n\nclass Table {\n  constructor(dbName, name) { this.dbName = dbName; this.name = name; }\n  _read() {\n    try {\n      var raw = localStorage.getItem(__vrnDbKey(this.dbName, this.name));\n      return raw ? JSON.parse(raw) : [];\n    } catch (e) { return []; }\n  }\n  _write(rows) {\n    try { localStorage.setItem(__vrnDbKey(this.dbName, this.name), JSON.stringify(rows)); } catch (e) {}\n  }\n  async toArray() { return this._read(); }\n  async count() { return this._read().length; }\n  async get(key) {\n    var keyName = this.keyPath || \"id\";\n    return this._read().find(function (r) { return r && r[keyName] === key; });\n  }\n  async put(row) {\n    var keyName = this.keyPath || \"id\";\n    var rows = this._read();\n    var i = rows.findIndex(function (r) { return r && r[keyName] === row[keyName]; });\n    if (i >= 0) rows[i] = row; else rows.push(row);\n    this._write(rows);\n    return row[keyName];\n  }\n  async bulkPut(list) {\n    var self = this;\n    var rows = self._read();\n    var keyName = self.keyPath || \"id\";\n    (list || []).forEach(function (row) {\n      var i = rows.findIndex(function (r) { return r && r[keyName] === row[keyName]; });\n      if (i >= 0) rows[i] = row; else rows.push(row);\n    });\n    self._write(rows);\n    return (list || []).length;\n  }\n  async delete(key) {\n    var keyName = this.keyPath || \"id\";\n    this._write(this._read().filter(function (r) { return !r || r[keyName] !== key; }));\n  }\n  async clear() { this._write([]); }\n  where() { throw new Error(\"vrn dexie shim: where() \u6682\u4E0D\u652F\u6301\"); }\n  orderBy() { throw new Error(\"vrn dexie shim: orderBy() \u6682\u4E0D\u652F\u6301\"); }\n}\n\nclass Version {\n  constructor(db) { this._db = db; }\n  stores(spec) {\n    var db = this._db;\n    Object.keys(spec || {}).forEach(function (tableName) {\n      var keyPath = String(spec[tableName]).split(\",\")[0].trim();\n      var t = new Table(db.name, tableName);\n      t.keyPath = keyPath;\n      db[tableName] = t;\n    });\n    return this;\n  }\n}\n\nexport default class Dexie {\n  constructor(name) { this.name = name; }\n  version() { return new Version(this); }\n}\n";
+export declare const DEXIE_SHIM_SOURCE = "\nfunction __vrnDbKey(db, table) { return \"vrn.db:\" + db + \":\" + table; }\n\nclass Table {\n  constructor(dbName, name) { this.dbName = dbName; this.name = name; }\n  _read() {\n    try {\n      var raw = localStorage.getItem(__vrnDbKey(this.dbName, this.name));\n      return raw ? JSON.parse(raw) : [];\n    } catch (e) { return []; }\n  }\n  _write(rows) {\n    try { localStorage.setItem(__vrnDbKey(this.dbName, this.name), JSON.stringify(rows)); } catch (e) {}\n  }\n  async toArray() {\n    var rows = this._read();\n    try { (globalThis.__vrnErrs = globalThis.__vrnErrs || []).push(\"toArray:\" + this.name + \"=\" + rows.length); } catch (e) {}\n    return rows;\n  }\n  async count() { return this._read().length; }\n  async get(key) {\n    var keyName = this.keyPath || \"id\";\n    var hit = this._read().find(function (r) { return r && r[keyName] === key; });\n    try { (globalThis.__vrnErrs = globalThis.__vrnErrs || []).push(\"get:\" + this.name + \".\" + key + \"=\" + (hit ? \"hit\" : \"miss\")); } catch (e) {}\n    return hit;\n  }\n  async put(row) {\n    var keyName = this.keyPath || \"id\";\n    var rows = this._read();\n    var i = rows.findIndex(function (r) { return r && r[keyName] === row[keyName]; });\n    if (i >= 0) rows[i] = row; else rows.push(row);\n    this._write(rows);\n    return row[keyName];\n  }\n  async bulkPut(list) {\n    var self = this;\n    var rows = self._read();\n    var keyName = self.keyPath || \"id\";\n    (list || []).forEach(function (row) {\n      var i = rows.findIndex(function (r) { return r && r[keyName] === row[keyName]; });\n      if (i >= 0) rows[i] = row; else rows.push(row);\n    });\n    self._write(rows);\n    return (list || []).length;\n  }\n  async delete(key) {\n    var keyName = this.keyPath || \"id\";\n    this._write(this._read().filter(function (r) { return !r || r[keyName] !== key; }));\n  }\n  async clear() { this._write([]); }\n  where() { throw new Error(\"vrn dexie shim: where() \u6682\u4E0D\u652F\u6301\"); }\n  orderBy() { throw new Error(\"vrn dexie shim: orderBy() \u6682\u4E0D\u652F\u6301\"); }\n}\n\nclass Version {\n  constructor(db) { this._db = db; }\n  stores(spec) {\n    var db = this._db;\n    Object.keys(spec || {}).forEach(function (tableName) {\n      var keyPath = String(spec[tableName]).split(\",\")[0].trim();\n      var t = new Table(db.name, tableName);\n      t.keyPath = keyPath;\n      db[tableName] = t;\n    });\n    return this;\n  }\n}\n\nexport default class Dexie {\n  constructor(name) { this.name = name; }\n  version() { return new Version(this); }\n}\n";
 /**
  * R100 P4：`vue` 的最小 shim —— 只是为了让 stores/utils 里的 ref/computed 能在
  * 原生 JS 运行时（JSC/QuickJS）里跑起来，**不是完整响应式系统**：
@@ -16,10 +16,12 @@ export declare const DEXIE_SHIM_SOURCE = "\nfunction __vrnDbKey(db, table) { ret
  *   · onMounted   → 收集回调，由宿主在页面挂载后调用
  *   · watch       → 简单轮询式比较（同一个事件循环 tick 内触发）
  */
-export declare const VUE_SHIM_SOURCE = "\nvar __vrnMounted = [];\nexport function ref(v) {\n  return { __vrnRef: true, value: v };\n}\nexport function shallowRef(v) { return ref(v); }\nexport function reactive(obj) { return obj; }\nexport function readonly(obj) { return obj; }\nexport function computed(fn) {\n  var cache;\n  var dirty = true;\n  return {\n    __vrnComputed: true,\n    get value() {\n      if (dirty) { cache = fn(); dirty = false; }\n      return cache;\n    },\n    set value(_v) { dirty = true; },\n    __invalidate: function () { dirty = true; },\n  };\n}\nexport function onMounted(fn) { __vrnMounted.push(fn); }\nexport function onUnmounted() {}\nexport function onBeforeUnmount() {}\nexport function watch(source, cb) {\n  var last = typeof source === \"function\" ? source() : source && source.value;\n  return setInterval(function () {\n    var cur = typeof source === \"function\" ? source() : source && source.value;\n    if (cur !== last) { var prev = last; last = cur; cb(cur, prev); }\n  }, 16);\n}\nexport function nextTick(fn) { return Promise.resolve().then(fn); }\nexport function toRefs(obj) {\n  var out = {};\n  Object.keys(obj || {}).forEach(function (k) { out[k] = ref(obj[k]); });\n  return out;\n}\nexport function unref(v) { return v && v.__vrnRef ? v.value : v; }\nexport function isRef(v) { return !!(v && v.__vrnRef); }\nexport function __vrnRunMounted() {\n  var list = __vrnMounted.slice();\n  __vrnMounted.length = 0;\n  list.forEach(function (fn) { try { fn(); } catch (e) {} });\n}\nexport default {\n  ref: ref, shallowRef: shallowRef, reactive: reactive, readonly: readonly, computed: computed,\n  onMounted: onMounted, onUnmounted: onUnmounted, onBeforeUnmount: onBeforeUnmount,\n  watch: watch, nextTick: nextTick, toRefs: toRefs, unref: unref, isRef: isRef,\n};\n";
+export declare const VUE_SHIM_SOURCE = "\nvar __vrnMounted = [];\nexport function ref(v) {\n  return { __vrnRef: true, value: v };\n}\nexport function shallowRef(v) { return ref(v); }\nexport function reactive(obj) { return obj; }\nexport function readonly(obj) { return obj; }\nexport function computed(fn) {\n  // R120\uFF1A\u4E0D\u505A\u7F13\u5B58\u2014\u2014\u539F\u751F\u7AEF\u6CA1\u6709\u4F9D\u8D56\u8FFD\u8E2A\uFF0Cstore.init() \u662F\u5F02\u6B65\u7684\uFF0C\n  // \u9996\u6B21\u6C42\u503C\uFF08\u6570\u636E\u672A\u5230\uFF09\u4F1A\u88AB\u6C38\u4E45\u7F13\u5B58\u6210\u7A7A\u503C\u3002\u6BCF\u6B21\u8BFB\u90FD\u91CD\u7B97\uFF0C\u914D\u5408 tick \u540C\u6B65\u5373\u53EF\u3002\n  return {\n    __vrnComputed: true,\n    get value() {\n      try {\n        return fn();\n      } catch (e) {\n        return undefined;\n      }\n    },\n    set value(_v) {},\n  };\n}\nexport function onMounted(fn) { __vrnMounted.push(fn); }\nexport function onUnmounted() {}\nexport function onBeforeUnmount() {}\nexport function watch(source, cb) {\n  var last = typeof source === \"function\" ? source() : source && source.value;\n  return setInterval(function () {\n    var cur = typeof source === \"function\" ? source() : source && source.value;\n    if (cur !== last) { var prev = last; last = cur; cb(cur, prev); }\n  }, 16);\n}\nexport function nextTick(fn) { return Promise.resolve().then(fn); }\nexport function toRefs(obj) {\n  var out = {};\n  Object.keys(obj || {}).forEach(function (k) { out[k] = ref(obj[k]); });\n  return out;\n}\nexport function unref(v) { return v && v.__vrnRef ? v.value : v; }\nexport function isRef(v) { return !!(v && v.__vrnRef); }\nexport function __vrnRunMounted() {\n  var list = __vrnMounted.slice();\n  __vrnMounted.length = 0;\n  list.forEach(function (fn) { try { fn(); } catch (e) {} });\n}\nexport default {\n  ref: ref, shallowRef: shallowRef, reactive: reactive, readonly: readonly, computed: computed,\n  onMounted: onMounted, onUnmounted: onUnmounted, onBeforeUnmount: onBeforeUnmount,\n  watch: watch, nextTick: nextTick, toRefs: toRefs, unref: unref, isRef: isRef,\n};\n";
 /**
  * R100 P4：`pinia` 的最小 shim —— 让 `stores/*.ts` 的 defineStore 能在运行时可加载。
  * 支持 options 写法（state/getters/actions）与 setup 写法（函数返回 state 与 action）。
  * 单例语义：同一 id 只创建一次（与 Pinia 一致），跨页面共享。
  */
-export declare const PINIA_SHIM_SOURCE = "\nvar __vrnStores = {};\nfunction __vrnBind(store, obj) {\n  Object.keys(obj || {}).forEach(function (k) {\n    var v = obj[k];\n    if (typeof v === \"function\") store[k] = v.bind(store);\n    else store[k] = v;\n  });\n}\nexport function defineStore(id, def) {\n  return function useStore() {\n    if (__vrnStores[id]) return __vrnStores[id];\n    var store = {};\n    if (typeof def === \"function\") {\n      var ret = def();\n      __vrnBind(store, ret);\n      Object.keys(ret || {}).forEach(function (k) {\n        if (ret[k] && ret[k].__vrnRef) store[k] = ret[k].value;\n      });\n    } else {\n      var state = typeof def.state === \"function\" ? def.state() : def.state || {};\n      Object.keys(state).forEach(function (k) { store[k] = state[k]; });\n      Object.keys(def.getters || {}).forEach(function (k) {\n        var g = def.getters[k];\n        Object.defineProperty(store, k, {\n          enumerable: true,\n          get: function () { try { return g.call(store, store); } catch (e) { return undefined; } },\n        });\n      });\n      __vrnBind(store, def.actions);\n    }\n    __vrnStores[id] = store;\n    return store;\n  };\n}\nexport function createPinia() { return {}; }\nexport function storeToRefs(store) {\n  var out = {};\n  Object.keys(store || {}).forEach(function (k) {\n    var v = store[k];\n    if (typeof v !== \"function\") out[k] = { __vrnRef: true, get value() { return store[k]; }, set value(x) { store[k] = x; } };\n  });\n  return out;\n}\nexport default { defineStore: defineStore, createPinia: createPinia, storeToRefs: storeToRefs };\n";
+export declare const PINIA_SHIM_SOURCE = "\nvar __vrnStores = (typeof globalThis !== \"undefined\" && globalThis.__vrnStores) || (globalThis.__vrnStores = {});\nfunction __vrnBind(store, obj) {\n  Object.keys(obj || {}).forEach(function (k) {\n    var v = obj[k];\n    if (typeof v === \"function\") {\n      // R119\uFF1Aaction \u5185\u90E8\u5F02\u5E38\u5728\u539F\u751F\u7AEF\u5B8C\u5168\u4E0D\u53EF\u89C1 \u2192 \u8BB0\u5F55\u5230\u5168\u5C40\u9519\u8BEF\u8868\u5E76 toast \u51FA\u6765\n      store[k] = function () {\n        var self = this;\n        var rec = function (e) {\n          try {\n            var errs = (globalThis.__vrnErrs = globalThis.__vrnErrs || []);\n            errs.push(k + \": \" + String((e && e.message) || e));\n            if (typeof bridge !== \"undefined\" && bridge && bridge.toast) bridge.toast(\"E(\" + k + \"): \" + String((e && e.message) || e).slice(0, 40));\n          } catch (_) {}\n        };\n        try {\n          var r = v.apply(self, arguments);\n          if (r && typeof r.then === \"function\") r.then(null, rec);\n          return r;\n        } catch (e) {\n          rec(e);\n          throw e;\n        }\n      };\n    } else store[k] = v;\n  });\n}\nexport function defineStore(id, def) {\n  return function useStore() {\n    if (__vrnStores[id]) return __vrnStores[id];\n    var store = {};\n    if (typeof def === \"function\") {\n      var ret = def();\n      __vrnBind(store, ret);\n      Object.keys(ret || {}).forEach(function (k) {\n        if (ret[k] && ret[k].__vrnRef) store[k] = ret[k].value;\n      });\n    } else {\n      var state = typeof def.state === \"function\" ? def.state() : def.state || {};\n      Object.keys(state).forEach(function (k) { store[k] = state[k]; });\n      Object.keys(def.getters || {}).forEach(function (k) {\n        var g = def.getters[k];\n        Object.defineProperty(store, k, {\n          enumerable: true,\n          get: function () { try { return g.call(store, store); } catch (e) { return undefined; } },\n        });\n      });\n      __vrnBind(store, def.actions);\n    }\n    __vrnStores[id] = store;\n    return store;\n  };\n}\nexport function createPinia() { return {}; }\nexport function storeToRefs(store) {\n  var out = {};\n  Object.keys(store || {}).forEach(function (k) {\n    var v = store[k];\n    if (typeof v !== \"function\") out[k] = { __vrnRef: true, get value() { return store[k]; }, set value(x) { store[k] = x; } };\n  });\n  return out;\n}\nexport default { defineStore: defineStore, createPinia: createPinia, storeToRefs: storeToRefs };\n";
+/** R118：vue-router 最小 shim（页面里的 useRoute/useRouter 在原生端由编译器接管导航） */
+export declare const VUE_ROUTER_SHIM_SOURCE = "\nexport function useRoute() {\n  return {\n    params: (typeof globalThis.__vrnRouteParams === \"object\" && globalThis.__vrnRouteParams) || {},\n    query: {},\n    path: (globalThis.__vrnRoutePath || \"/\"),\n    name: \"\",\n  };\n}\nexport function useRouter() {\n  return {\n    push: function (p) { try { if (typeof __routerPush === \"function\") __routerPush(typeof p === \"string\" ? p : (p && (p.name || p.path)) || \"\"); } catch (e) {} },\n    replace: function (p) { return this.push(p); },\n    back: function () { try { if (typeof __routerBack === \"function\") __routerBack(); } catch (e) {} },\n  };\n}\nexport function createRouter(o) { return { options: o, install: function () {} }; }\nexport function createWebHashHistory() { return {}; }\nexport function createWebHistory() { return {}; }\nexport default { useRoute: useRoute, useRouter: useRouter, createRouter: createRouter };\n";

package/dist/shims.js

@@ -20,11 +20,17 @@ class Table {
   _write(rows) {
     try { localStorage.setItem(__vrnDbKey(this.dbName, this.name), JSON.stringify(rows)); } catch (e) {}
   }
-  async toArray() { return this._read(); }
+  async toArray() {
+    var rows = this._read();
+    try { (globalThis.__vrnErrs = globalThis.__vrnErrs || []).push("toArray:" + this.name + "=" + rows.length); } catch (e) {}
+    return rows;
+  }
   async count() { return this._read().length; }
   async get(key) {
     var keyName = this.keyPath || "id";
-    return this._read().find(function (r) { return r && r[keyName] === key; });
+    var hit = this._read().find(function (r) { return r && r[keyName] === key; });
+    try { (globalThis.__vrnErrs = globalThis.__vrnErrs || []).push("get:" + this.name + "." + key + "=" + (hit ? "hit" : "miss")); } catch (e) {}
+    return hit;
   }
   async put(row) {
     var keyName = this.keyPath || "id";
@@ -91,16 +97,18 @@ export function shallowRef(v) { return ref(v); }
 export function reactive(obj) { return obj; }
 export function readonly(obj) { return obj; }
 export function computed(fn) {
-  var cache;
-  var dirty = true;
+  // R120：不做缓存——原生端没有依赖追踪，store.init() 是异步的，
+  // 首次求值（数据未到）会被永久缓存成空值。每次读都重算，配合 tick 同步即可。
   return {
     __vrnComputed: true,
     get value() {
-      if (dirty) { cache = fn(); dirty = false; }
-      return cache;
+      try {
+        return fn();
+      } catch (e) {
+        return undefined;
+      }
     },
-    set value(_v) { dirty = true; },
-    __invalidate: function () { dirty = true; },
+    set value(_v) {},
   };
 }
 export function onMounted(fn) { __vrnMounted.push(fn); }
@@ -138,12 +146,31 @@ export default {
  * 单例语义：同一 id 只创建一次（与 Pinia 一致），跨页面共享。
  */
 export const PINIA_SHIM_SOURCE = `
-var __vrnStores = {};
+var __vrnStores = (typeof globalThis !== "undefined" && globalThis.__vrnStores) || (globalThis.__vrnStores = {});
 function __vrnBind(store, obj) {
   Object.keys(obj || {}).forEach(function (k) {
     var v = obj[k];
-    if (typeof v === "function") store[k] = v.bind(store);
-    else store[k] = v;
+    if (typeof v === "function") {
+      // R119：action 内部异常在原生端完全不可见 → 记录到全局错误表并 toast 出来
+      store[k] = function () {
+        var self = this;
+        var rec = function (e) {
+          try {
+            var errs = (globalThis.__vrnErrs = globalThis.__vrnErrs || []);
+            errs.push(k + ": " + String((e && e.message) || e));
+            if (typeof bridge !== "undefined" && bridge && bridge.toast) bridge.toast("E(" + k + "): " + String((e && e.message) || e).slice(0, 40));
+          } catch (_) {}
+        };
+        try {
+          var r = v.apply(self, arguments);
+          if (r && typeof r.then === "function") r.then(null, rec);
+          return r;
+        } catch (e) {
+          rec(e);
+          throw e;
+        }
+      };
+    } else store[k] = v;
   });
 }
 export function defineStore(id, def) {
@@ -183,3 +210,25 @@ export function storeToRefs(store) {
 }
 export default { defineStore: defineStore, createPinia: createPinia, storeToRefs: storeToRefs };
 `;
+/** R118：vue-router 最小 shim（页面里的 useRoute/useRouter 在原生端由编译器接管导航） */
+export const VUE_ROUTER_SHIM_SOURCE = `
+export function useRoute() {
+  return {
+    params: (typeof globalThis.__vrnRouteParams === "object" && globalThis.__vrnRouteParams) || {},
+    query: {},
+    path: (globalThis.__vrnRoutePath || "/"),
+    name: "",
+  };
+}
+export function useRouter() {
+  return {
+    push: function (p) { try { if (typeof __routerPush === "function") __routerPush(typeof p === "string" ? p : (p && (p.name || p.path)) || ""); } catch (e) {} },
+    replace: function (p) { return this.push(p); },
+    back: function () { try { if (typeof __routerBack === "function") __routerBack(); } catch (e) {} },
+  };
+}
+export function createRouter(o) { return { options: o, install: function () {} }; }
+export function createWebHashHistory() { return {}; }
+export function createWebHistory() { return {}; }
+export default { useRoute: useRoute, useRouter: useRouter, createRouter: createRouter };
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dongmingzhixiu/vuexir",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "vrn 命令行：build ios|android、preview、doctor",
   "type": "module",
   "license": "MIT",
@@ -21,8 +21,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@dongmingzhixiu/vuexir-compiler": "^0.4.0",
-    "@dongmingzhixiu/vuexir-templates": "^0.4.0"
+    "@dongmingzhixiu/vuexir-compiler": "^0.4.1",
+    "@dongmingzhixiu/vuexir-templates": "^0.4.1"
   },
   "engines": {
     "node": ">=18"