@dongmingzhixiu/vuexir 0.3.5 → 0.3.7

package/dist/bundle.js

@@ -13,7 +13,7 @@ import { join } from 'node:path';
 import { buildSync } from 'esbuild';
 import { mkdtempSync, writeFileSync } from 'node:fs';
 import { tmpdir } from 'node:os';
-import { DEXIE_SHIM_SOURCE } from './shims.js';
+import { DEXIE_SHIM_SOURCE, PINIA_SHIM_SOURCE, VUE_SHIM_SOURCE } from './shims.js';
 /** 打包 src/utils 下可独立运行的 util（`@/types` 等纯类型导入会被 esbuild 擦除） */
 export function bundleProjectUtils(projectRoot) {
     const utilsDir = join(projectRoot, 'src', 'utils');
@@ -23,37 +23,51 @@ export function bundleProjectUtils(projectRoot) {
     const shimDir = mkdtempSync(join(tmpdir(), 'vrn-shim-'));
     const dexieShim = join(shimDir, 'dexie-shim.js');
     writeFileSync(dexieShim, DEXIE_SHIM_SOURCE);
+    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 included = [];
     const skipped = [];
     const chunks = [];
-    for (const file of readdirSync(utilsDir)) {
-        if (!/\.(ts|js|mts)$/.test(file) || file.endsWith('.d.ts'))
-            continue;
-        try {
-            const out = buildSync({
-                entryPoints: [join(utilsDir, file)],
-                bundle: true,
-                write: false,
-                format: 'iife',
-                // 每个文件一个独立命名空间，避免后一个 IIFE 覆盖前一个的导出
-                globalName: `__vrnUtils_${included.length}`,
-                platform: 'neutral',
-                target: 'es2019',
-                // 纯类型导入会被擦除；若确实依赖运行期外部包（dexie 等）则整包失败 → 跳过该文件
-                external: [],
-                logLevel: 'silent',
-                alias: { '@': join(projectRoot, 'src'), dexie: dexieShim },
-            });
-            const code = out.outputFiles?.[0]?.text ?? '';
-            if (code) {
-                // 导出提升为全局：模板表达式里是裸调用（countChars(...)），必须能在全局找到
-                chunks.push(code +
-                    `\n;(function(){var m=__vrnUtils_${included.length};if(!m)return;for(var k in m){try{if(typeof globalThis[k]==='undefined')globalThis[k]=m[k];}catch(e){}}})();`);
-                included.push(file);
+    // stores 也一起打：页面/工具里的 useXxxStore 需要真实实现（pinia shim 顶上）
+    const storesDir = join(projectRoot, 'src', 'stores');
+    const dirs = [utilsDir, storesDir].filter((d) => existsSync(d));
+    for (const dir of dirs) {
+        for (const file of readdirSync(dir)) {
+            if (!/\.(ts|js|mts)$/.test(file) || file.endsWith('.d.ts'))
+                continue;
+            try {
+                const out = buildSync({
+                    entryPoints: [join(dir, file)],
+                    bundle: true,
+                    write: false,
+                    format: 'iife',
+                    // 每个文件一个独立命名空间，避免后一个 IIFE 覆盖前一个的导出
+                    globalName: `__vrnUtils_${included.length}`,
+                    platform: 'neutral',
+                    target: 'es2019',
+                    // 纯类型导入会被擦除；若确实依赖运行期外部包（dexie 等）则整包失败 → 跳过该文件
+                    external: [],
+                    logLevel: 'silent',
+                    alias: {
+                        '@': join(projectRoot, 'src'),
+                        dexie: dexieShim,
+                        vue: vueShim,
+                        pinia: piniaShim,
+                    },
+                });
+                const code = out.outputFiles?.[0]?.text ?? '';
+                if (code) {
+                    // 导出提升为全局：模板表达式里是裸调用（countChars(...)），必须能在全局找到
+                    chunks.push(code +
+                        `\n;(function(){var m=__vrnUtils_${included.length};if(!m)return;for(var k in m){try{if(typeof globalThis[k]==='undefined')globalThis[k]=m[k];}catch(e){}}})();`);
+                    included.push(file);
+                }
+            }
+            catch (e) {
+                skipped.push({ file, reason: e.message.split('\n')[0]?.slice(0, 120) ?? '打包失败' });
             }
-        }
-        catch (e) {
-            skipped.push({ file, reason: e.message.split('\n')[0]?.slice(0, 120) ?? '打包失败' });
         }
     }
     return { code: chunks.join('\n'), included, skipped };

package/dist/shims.d.ts

@@ -7,3 +7,19 @@
  *   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";
+/**
+ * R100 P4：`vue` 的最小 shim —— 只是为了让 stores/utils 里的 ref/computed 能在
+ * 原生 JS 运行时（JSC/QuickJS）里跑起来，**不是完整响应式系统**：
+ *   · ref(x)      → { value: x }（读写 .value）
+ *   · computed(f) → 惰性求值 + 依赖收集（简单标记失效）
+ *   · reactive(x) → 原样返回（对象引用语义）
+ *   · 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";
+/**
+ * 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";

package/dist/shims.js

@@ -73,3 +73,113 @@ export default class Dexie {
   version() { return new Version(this); }
 }
 `;
+/**
+ * R100 P4：`vue` 的最小 shim —— 只是为了让 stores/utils 里的 ref/computed 能在
+ * 原生 JS 运行时（JSC/QuickJS）里跑起来，**不是完整响应式系统**：
+ *   · ref(x)      → { value: x }（读写 .value）
+ *   · computed(f) → 惰性求值 + 依赖收集（简单标记失效）
+ *   · reactive(x) → 原样返回（对象引用语义）
+ *   · onMounted   → 收集回调，由宿主在页面挂载后调用
+ *   · watch       → 简单轮询式比较（同一个事件循环 tick 内触发）
+ */
+export const VUE_SHIM_SOURCE = `
+var __vrnMounted = [];
+export function ref(v) {
+  return { __vrnRef: true, value: v };
+}
+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;
+  return {
+    __vrnComputed: true,
+    get value() {
+      if (dirty) { cache = fn(); dirty = false; }
+      return cache;
+    },
+    set value(_v) { dirty = true; },
+    __invalidate: function () { dirty = true; },
+  };
+}
+export function onMounted(fn) { __vrnMounted.push(fn); }
+export function onUnmounted() {}
+export function onBeforeUnmount() {}
+export function watch(source, cb) {
+  var last = typeof source === "function" ? source() : source && source.value;
+  return setInterval(function () {
+    var cur = typeof source === "function" ? source() : source && source.value;
+    if (cur !== last) { var prev = last; last = cur; cb(cur, prev); }
+  }, 16);
+}
+export function nextTick(fn) { return Promise.resolve().then(fn); }
+export function toRefs(obj) {
+  var out = {};
+  Object.keys(obj || {}).forEach(function (k) { out[k] = ref(obj[k]); });
+  return out;
+}
+export function unref(v) { return v && v.__vrnRef ? v.value : v; }
+export function isRef(v) { return !!(v && v.__vrnRef); }
+export function __vrnRunMounted() {
+  var list = __vrnMounted.slice();
+  __vrnMounted.length = 0;
+  list.forEach(function (fn) { try { fn(); } catch (e) {} });
+}
+export default {
+  ref: ref, shallowRef: shallowRef, reactive: reactive, readonly: readonly, computed: computed,
+  onMounted: onMounted, onUnmounted: onUnmounted, onBeforeUnmount: onBeforeUnmount,
+  watch: watch, nextTick: nextTick, toRefs: toRefs, unref: unref, isRef: isRef,
+};
+`;
+/**
+ * R100 P4：`pinia` 的最小 shim —— 让 `stores/*.ts` 的 defineStore 能在运行时可加载。
+ * 支持 options 写法（state/getters/actions）与 setup 写法（函数返回 state 与 action）。
+ * 单例语义：同一 id 只创建一次（与 Pinia 一致），跨页面共享。
+ */
+export const PINIA_SHIM_SOURCE = `
+var __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;
+  });
+}
+export function defineStore(id, def) {
+  return function useStore() {
+    if (__vrnStores[id]) return __vrnStores[id];
+    var store = {};
+    if (typeof def === "function") {
+      var ret = def();
+      __vrnBind(store, ret);
+      Object.keys(ret || {}).forEach(function (k) {
+        if (ret[k] && ret[k].__vrnRef) store[k] = ret[k].value;
+      });
+    } else {
+      var state = typeof def.state === "function" ? def.state() : def.state || {};
+      Object.keys(state).forEach(function (k) { store[k] = state[k]; });
+      Object.keys(def.getters || {}).forEach(function (k) {
+        var g = def.getters[k];
+        Object.defineProperty(store, k, {
+          enumerable: true,
+          get: function () { try { return g.call(store, store); } catch (e) { return undefined; } },
+        });
+      });
+      __vrnBind(store, def.actions);
+    }
+    __vrnStores[id] = store;
+    return store;
+  };
+}
+export function createPinia() { return {}; }
+export function storeToRefs(store) {
+  var out = {};
+  Object.keys(store || {}).forEach(function (k) {
+    var v = store[k];
+    if (typeof v !== "function") out[k] = { __vrnRef: true, get value() { return store[k]; }, set value(x) { store[k] = x; } };
+  });
+  return out;
+}
+export default { defineStore: defineStore, createPinia: createPinia, storeToRefs: storeToRefs };
+`;

package/package.json

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