@dongmingzhixiu/vuexir-compiler 0.3.0 → 0.3.2

package/dist/codegen/compose.js

@@ -93,6 +93,7 @@ class MainActivity : ComponentActivity() {
         super.onCreate(savedInstanceState)
         Store.init(applicationContext)
         VrnBridge.init(this)
+        VrnJs.init()
         // R-SYSTEMBAR：应用固定深色主题（InkBg/InkBar），与系统明暗设置无关。
         // enableEdgeToEdge() 默认用 SystemBarStyle.auto(...)，会跟随系统明暗切换图标明暗——
         // 系统处于浅色模式时给出深色图标，落在深色顶栏/底栏上不可读（真机反馈：系统栏文字看不清）。
@@ -191,6 +192,75 @@ object Store {
     fun remove(key: String) { prefs?.edit()?.remove(key)?.apply() }
 }
 
+/**
+ * R95 P1 Android JS 运行时（与 iOS JavaScriptCore 对位）。
+ *
+ * 设计：QuickJS 里跑业务逻辑，结果通过全局对象 __vrnOut 回传给原生——
+ * 不用 Java/JS 互调反射（QuickJS-Android 的反射桥对复杂类型支持有限，且易在混淆后失效）。
+ *
+ *   VrnJs.eval("1+1")                       → "2"
+ *   VrnJs.eval("__vrnOut.chars = countChars(raw)") -> 之后 VrnJs.drain() 取走 {"chars":"12"}
+ *
+ * drain() 会清空 __vrnOut，原生据此批量更新 Compose State。
+ */
+object VrnJs {
+    private var js: app.cash.quickjs.QuickJs? = null
+    private val lock = Any()
+
+    /** 预置宿主 shim：console / localStorage（落 SharedPreferences）/ 输出对象 */
+    private const val PRELUDE = """
+var __vrnOut = {};
+var __vrnStore = {};
+var localStorage = {
+  getItem: function (k) { return __vrnStore[k] === undefined ? null : __vrnStore[k]; },
+  setItem: function (k, v) { __vrnStore[k] = String(v); __vrnOut['__ls:' + k] = String(v); },
+  removeItem: function (k) { delete __vrnStore[k]; __vrnOut['__ls:' + k] = ''; }
+};
+var console = { log: function () {}, warn: function () {}, error: function () {} };
+"""
+
+    fun init() {
+        synchronized(lock) {
+            if (js == null) {
+                js = app.cash.quickjs.QuickJs.create()
+                js?.evaluate(PRELUDE)
+            }
+        }
+    }
+
+    /** 执行一段 JS；返回最后一个表达式的值（字符串化），异常返回 null 并打日志 */
+    fun eval(code: String): String? = synchronized(lock) {
+        val engine = js ?: return null
+        return try {
+            val v = engine.evaluate(code)
+            v?.toString()
+        } catch (e: Throwable) {
+            android.util.Log.w("VrnJs", "eval 失败: " + e.message)
+            null
+        }
+    }
+
+    /** 取走 JS 侧累积的状态变更（JSON 文本），并清空 */
+    fun drain(): String = synchronized(lock) {
+        val engine = js ?: return "{}"
+        val json = try {
+            engine.evaluate("(function(){var s=JSON.stringify(__vrnOut);__vrnOut={};return s;})()")?.toString()
+        } catch (e: Throwable) {
+            null
+        } ?: "{}"
+        json.ifEmpty { "{}" }
+    }
+
+    fun close() = synchronized(lock) {
+        try {
+            js?.close()
+        } catch (e: Throwable) {
+            // 忽略
+        }
+        js = null
+    }
+}
+
 /**
  * R81 原生桥（Android）——编译期注入；Vue 侧 bridge.toast(...) 由编译器翻译为 VrnBridge.toast(...)
  * 与 @dongmingzhixiu/vuexir-templates 的 VRN_BRIDGE_KT 保持一致

package/dist/ir/schema.d.ts

@@ -265,6 +265,8 @@ export interface IrScreen {
         init: number | string | boolean;
         list?: boolean;
         obj?: boolean;
+        /** R96 computed 表达式（JS 运行时求值后写回该状态） */
+        computed?: string;
     }[];
     /** M3 <script setup> 提取的 handler 函数（@click="fn()" 引用；body 已做 .value → stateStore 重写）
      *  R72：async:true 表示 `async function`（JS 侧保留 async 关键字；Android 侧按协程形状生成） */

package/dist/transform/vue2ir.d.ts

@@ -8,6 +8,8 @@ export interface ScreenStateInfo {
         init: number | string | boolean;
         list?: boolean;
         obj?: boolean;
+        /** R96 computed 表达式（JS 运行时求值后写回该状态） */
+        computed?: string;
     }[];
     /** setter 函数名 → { target: 状态变量名, param: 形参名, expr: 无参函数体的赋值表达式 } */
     setters: Record<string, {
@@ -46,6 +48,7 @@ export declare function generateRuntimeSource(states: {
     name: string;
     init: number | string | boolean;
     list?: boolean;
+    computed?: string;
 }[], handlers: {
     name: string;
     params: string;

package/dist/transform/vue2ir.js

@@ -285,6 +285,19 @@ export function rewriteStateRefs(body, names) {
 }
 /** 生成 runtime.js 完整内容（M3：stateStore Proxy + handlers + onMounted + localStorage shim） */
 export function generateRuntimeSource(states, handlers, onMounted, onMountedAsync = false) {
+    // R96 computed：JS 运行时按表达式求值并写回 stateStore（写回经 Proxy → pushState 直达原生）
+    const computedStates = states.filter((st) => st.computed);
+    const computedBlock = computedStates.length === 0
+        ? ''
+        : `
+// R96 computed 求值：页面里的 computed(() => expr) 原样在 JS 里算，结果写回状态
+function __vrnRecompute() {
+${computedStates
+            .map((st) => `  try { stateStore.${st.name} = String(${st.computed}); } catch (e) { /* 求值失败保持初值 */ }`)
+            .join('\n')}
+}
+__vrnRecompute();
+`;
     const initPairs = states.map((s) => {
         // M4b 动态列表态：list → JS 真数组（'[]' 或 '["a","b"]' JSON 字面量，Swift JSONSerialization 可解码）
         const v = s.list
@@ -424,7 +437,7 @@ var router = {
 };
 // handlers（<script setup> 函数体：ref.value → stateStore 重写）
 ${handlerSrc}
-// onMounted（Swift onAppear → invoke("__onMounted")）
+${computedBlock}// onMounted（Swift onAppear → invoke("__onMounted")）
 ${onMounted !== undefined ? `${onMountedAsync ? 'async ' : ''}function __onMounted() {\n${indentBody(onMounted)}\n}` : ''}`;
 }
 /** 简单缩进（handler 体统一 2 空格缩进） */
@@ -994,6 +1007,33 @@ export function vueToIr(source, opts = {}) {
                 derivedNames.set(cm[1], flat);
             }
         }
+        // R96 computed 求值：`const X = computed(() => expr)` 状态自足时注册为「运行时求值状态」
+        // expr 里的 ref.value 会被重写成 stateStore.X；含未知标识符（外部函数/未声明变量）则跳过，
+        // 留给后续 P2 打包阶段（需要 utils 进 bundle 才能算）
+        {
+            const stateNames = stateInfo.states.map((st) => st.name);
+            const SAFE = new Set([
+                'Math', 'String', 'Number', 'Boolean', 'Date', 'JSON', 'parseInt', 'parseFloat',
+                'undefined', 'null', 'true', 'false', 'Array', 'Object', 'stateStore',
+            ]);
+            for (const cm of src.matchAll(/const\s+([A-Za-z_$][\w$]*)\s*=\s*computed\s*\(\s*\(\s*\)\s*=>\s*([^\n]+?)\s*\)\s*$/gm)) {
+                const name = cm[1];
+                const rawExpr = cm[2].trim();
+                if (stateInfo.states.some((st) => st.name === name))
+                    continue;
+                const jsExpr = rawExpr.replace(/\b([A-Za-z_$][\w$]*)\.value\b/g, (all, id) => stateNames.includes(id) ? `stateStore.${id}` : all);
+                const idents = [...jsExpr.matchAll(/(?<![.\w$])([A-Za-z_$][\w$]*)/g)].map((m2) => m2[1]);
+                const unknown = idents.filter((id) => !SAFE.has(id) && !/^stateStore$/.test(id) && !stateNames.includes(id));
+                // 未知标识符只允许出现在字符串字面量里（粗筛：去掉引号内容再判一次）
+                const stripped = jsExpr.replace(/'[^']*'|"[^"]*"|`[^`]*`/g, '""');
+                const unknown2 = [...stripped.matchAll(/(?<![.\w$])([A-Za-z_$][\w$]*)/g)]
+                    .map((m2) => m2[1])
+                    .filter((id) => !SAFE.has(id) && !stateNames.includes(id));
+                if (unknown.length === 0 || unknown2.length === 0) {
+                    stateInfo.states.push({ name, init: '', computed: jsExpr });
+                }
+            }
+        }
         // R89 常量折叠：模块级纯常量（含可静态求值的模板字面量）注入为状态
         for (const km of src.matchAll(/const\s+([A-Za-z_$][\w$]*)\s*(?::[^=]+)?=\s*(`[^`]*`|'[^']*'|"[^"]*"|-?\d+(?:\.\d+)?)\s*$/gm)) {
             const raw = km[2];
@@ -1068,7 +1108,8 @@ export function vueToIr(source, opts = {}) {
             if (onMountedBody !== undefined)
                 onMountedBody = renameSrc(onMountedBody);
         }
-        if (handlers.length > 0 || onMountedBody !== undefined) {
+        const hasComputed = (stateInfo?.states ?? []).some((st) => st.computed);
+        if (handlers.length > 0 || onMountedBody !== undefined || hasComputed) {
             runtime = generateRuntimeSource(stateInfo?.states ?? [], handlers, onMountedBody, onMountedAsync);
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dongmingzhixiu/vuexir-compiler",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Vue SFC → IR → 原生源码（SwiftUI / Compose）编译器核心：纯函数、零 IO",
   "type": "module",
   "license": "MIT",