@dongmingzhixiu/vuexir-compiler 0.5.7 → 0.7.0

package/dist/transform/visuals.js

@@ -0,0 +1,91 @@
+/** CSS 函数参数分割，保留 rgba()/var() 内的逗号。 */
+export function splitCssArgs(value) {
+    const parts = [];
+    let depth = 0, quote = '', start = 0;
+    for (let i = 0; i < value.length; i++) {
+        const ch = value[i];
+        if (quote) {
+            if (ch === quote && value[i - 1] !== '\\')
+                quote = '';
+            continue;
+        }
+        if (ch === '"' || ch === "'")
+            quote = ch;
+        else if (ch === '(')
+            depth++;
+        else if (ch === ')')
+            depth--;
+        else if (ch === ',' && depth === 0) {
+            parts.push(value.slice(start, i).trim());
+            start = i + 1;
+        }
+    }
+    parts.push(value.slice(start).trim());
+    return parts;
+}
+export function parseLinearGradient(value) {
+    if (splitCssArgs(value).length !== 1)
+        return null;
+    const match = value.match(/^(linear|radial)-gradient\(([\s\S]*)\)$/i);
+    if (!match)
+        return null;
+    const args = splitCssArgs(match[2]);
+    const kind = match[1].toLowerCase();
+    let center;
+    if (kind === 'radial') {
+        center = { x: .5, y: .5 };
+        if (!/^(#|rgba?\(|hsla?\(|var\(|transparent)/.test(args[0])) {
+            const header = args.shift();
+            const at = header.match(/at\s+([\d.]+)%\s+([\d.]+)%/);
+            if (at)
+                center = { x: Number(at[1]) / 100, y: Number(at[2]) / 100 };
+        }
+    }
+    let angle = 180;
+    const directions = { 'to top': 0, 'to right': 90, 'to bottom': 180, 'to left': 270,
+        'to top right': 45, 'to right top': 45, 'to bottom right': 135, 'to right bottom': 135,
+        'to bottom left': 225, 'to left bottom': 225, 'to top left': 315, 'to left top': 315 };
+    if (/^-?[\d.]+deg$/.test(args[0]))
+        angle = Number(args.shift().slice(0, -3));
+    else if (args[0] in directions)
+        angle = directions[args.shift()];
+    const parsed = args.map((arg) => {
+        const m = arg.match(/^([\s\S]*?)(?:\s+(-?[\d.]+)%)?$/);
+        return { color: m[1] === 'transparent' ? 'rgba(0,0,0,0)' : m[1], offset: m[2] === undefined ? undefined : Number(m[2]) / 100 };
+    });
+    if (parsed.length < 2 || parsed.some((s) => !/^(?:#[\da-f]{3,8}|rgba?\(.*\)|hsla?\(.*\)|var\(.*\)|transparent)$/i.test(s.color)))
+        return null;
+    parsed[0].offset ??= 0;
+    parsed[parsed.length - 1].offset ??= 1;
+    for (let i = 1; i < parsed.length; i++) {
+        if (parsed[i].offset === undefined)
+            continue;
+        let prev = i - 1;
+        while (parsed[prev].offset === undefined)
+            prev--;
+        const end = Math.max(parsed[prev].offset, parsed[i].offset);
+        for (let j = prev + 1; j <= i; j++)
+            parsed[j].offset ??= parsed[prev].offset + (end - parsed[prev].offset) * (j - prev) / (i - prev);
+        parsed[i].offset = end;
+    }
+    return { kind, ...(center ? { center } : {}), angle: ((angle % 360) + 360) % 360, stops: parsed };
+}
+/** 按顶层空白拆 CSS 简写，calc()/rgba() 内的空格不拆开。 */
+export function splitCssWords(value) {
+    const out = [];
+    let depth = 0, start = 0;
+    for (let i = 0; i < value.length; i++) {
+        if (value[i] === '(')
+            depth++;
+        else if (value[i] === ')')
+            depth--;
+        else if (/\s/.test(value[i]) && depth === 0) {
+            if (i > start)
+                out.push(value.slice(start, i));
+            start = i + 1;
+        }
+    }
+    if (start < value.length)
+        out.push(value.slice(start));
+    return out;
+}

package/dist/transform/vue2ir.d.ts

@@ -43,6 +43,7 @@ export declare function extractFunctions(script: string): {
 export declare function extractOnMounted(script: string): string | undefined;
 /** body 重写：<script setup> 的 ref 名.value → stateStore.<名>（JS 侧状态注册表） */
 export declare function rewriteStateRefs(body: string, names: string[]): string;
+export declare const RUNTIME_BOOTSTRAP_SOURCE = "\nif (!globalThis.__vrnBootstrapReady) {\n  globalThis.__vrnBootstrapReady = true;\n  // \u5BBF\u4E3B\u6CA1\u6709\u6D4F\u89C8\u5668 window\uFF1B\u4EC5\u63D0\u4F9B\u4E1A\u52A1\u5E38\u7528\u7684\u5168\u5C40\u522B\u540D\u4E0E\u89C6\u53E3\u4E8B\u4EF6\u63A5\u53E3\uFF0C\u4E0D\u5F15\u5165 DOM \u6E32\u67D3\u3002\n  if (typeof window === \"undefined\") {\n    var window = globalThis;\n    window.innerWidth = 390;\n    window.innerHeight = 844;\n    window.location = {hash:'',href:'app://vuexir'};\n    window.history = {replaceState:function(_state,_title,url){window.location.hash=String(url);}};\n    window.addEventListener = function() {};\n    window.removeEventListener = function() {};\n  }\n// R72 \u5B9A\u65F6\u5668\u5BBF\u4E3B shim\uFF1A\u5BBF\u4E3B\uFF08JavaScriptCore\uFF09\u672A\u6CE8\u5165\u65F6\u7528\u5BBF\u4E3B\u6865\u5B9E\u73B0\uFF0C\u4FDD\u8BC1 Promise/await \u5EF6\u65F6\u53EF\u7528\uFF1B\n// \u6D4F\u89C8\u5668\u9884\u89C8\u5668\u5DF2\u6709\u539F\u751F setTimeout\uFF0C\u6B64\u5904\u4E0D\u8986\u76D6\u3002\nvar __timerSeq = 0;\nvar __timers = {};\nif (typeof setTimeout !== \"function\") {\n  var setTimeout = function (fn, ms) {\n    var id = ++__timerSeq;\n    if (typeof __nativeSetTimeout === \"function\") {\n      __nativeSetTimeout(id, Number(ms) || 0);\n      __timers[id] = fn;\n      return id;\n    }\n    return 0;\n  };\n  var clearTimeout = function (id) {\n    delete __timers[id];\n    if (typeof __nativeClearTimeout === \"function\") __nativeClearTimeout(Number(id));\n  };\n  // \u5BBF\u4E3B\u56DE\u8C03\u5165\u53E3\uFF08__nativeSetTimeout \u5230\u671F\u540E\u7531\u539F\u751F\u8C03\u7528\uFF09\n  var __vrnRunTimer = function (id) {\n    var fn = __timers[id];\n    delete __timers[id];\n    if (typeof fn === \"function\") fn();\n  };\n  var setInterval = function (fn, ms) {\n    var id = ++__timerSeq;\n    __timers[id] = { fn: fn, ms: Number(ms) || 0, repeat: true };\n    if (typeof __nativeSetInterval === \"function\") __nativeSetInterval(id, Number(ms) || 0);\n    return id;\n  };\n  var clearInterval = function (id) {\n    delete __timers[id];\n    if (typeof __nativeClearInterval === \"function\") __nativeClearInterval(Number(id));\n  };\n  var __vrnRunInterval = function (id) {\n    var t = __timers[id];\n    if (t && t.repeat && typeof t.fn === \"function\") t.fn();\n  };\n}\nif (typeof queueMicrotask !== \"function\") {\n  var queueMicrotask = function (fn) {\n    Promise.resolve().then(fn);\n  };\n}\n\n\n  if (typeof localStorage === \"undefined\") {\n    var localStorage = {\n      getItem: function(k) { return typeof __lsGet === \"function\" ? __lsGet(\"vrn.\" + k) : null; },\n      setItem: function(k,v) { if(typeof __lsSet === \"function\") __lsSet(\"vrn.\" + k,String(v)); },\n      removeItem: function(k) { if(typeof __lsSet === \"function\") __lsSet(\"vrn.\" + k,null); }\n    };\n  }\n}\n";
 /** 生成 runtime.js 完整内容（M3：stateStore Proxy + handlers + onMounted + localStorage shim） */
 export declare function generateRuntimeSource(states: {
     name: string;
@@ -55,7 +56,7 @@ export declare function generateRuntimeSource(states: {
     params: string;
     body: string;
     async?: boolean;
-}[], onMounted: string | undefined, onMountedAsync?: boolean): string;
+}[], onMounted: string | undefined, onMountedAsync?: boolean, externalScript?: boolean): string;
 export declare function swiftExpr(exp: string): string | null;
 export declare function resolveSetCall(handler: string, state: ScreenStateInfo, warn?: (msg: string) => void): {
     var: string;
@@ -63,6 +64,16 @@ export declare function resolveSetCall(handler: string, state: ScreenStateInfo,
     kind: 'literal' | 'expr';
 } | null;
 export interface Vue2IrOptions {
+    /** 按导入顺序提供项目全局 CSS；页面局部样式随后参与级联。 */
+    globalStyles?: string[];
+    /** 图片 import 标识符 → 可携带到原生的 src（data URI 或远程 URL）。 */
+    assets?: Record<string, string>;
+    /** 将组件模板及插槽直接展开到页面 IR，适用于高还原生成。 */
+    inlineComponents?: boolean;
+    /** 页面脚本 bundle 已提供真实 store 对象时启用。 */
+    liveStoreObjects?: boolean;
+    /** 逻辑由页面 bundle 执行，避免再把 TS 函数体当 JS 拼接。 */
+    pageScriptBundle?: boolean;
     /** R86 Pinia store 源码（文件名 → 源码）；提供后页面可用 `const ui = useUiStore()` 读状态 */
     storeSources?: Record<string, string>;
     /** R115：允许未注册的自定义组件降级为占位（工程迁移用；库默认仍按 R13 报错） */