@dongmingzhixiu/vuexir-compiler 0.5.7 → 0.7.0

package/dist/codegen/dynamic-vector.d.ts

@@ -0,0 +1,3 @@
+/** 动态 SVG 仅传递绘图数据，双端仍由原生 Canvas 绘制。 */
+export declare const dynamicVectorSwiftHelpers: string;
+export declare const wrapLayoutSwiftHelpers: string;

package/dist/codegen/dynamic-vector.js

@@ -0,0 +1,81 @@
+/** 动态 SVG 仅传递绘图数据，双端仍由原生 Canvas 绘制。 */
+export const dynamicVectorSwiftHelpers = String.raw `
+func vrnSvgPath(_ source: String) -> Path {
+    var path = Path()
+    let pattern = "[MmLlHhVvCcQqZz]|[-+]?(?:[0-9]*\\.)?[0-9]+(?:[eE][-+]?[0-9]+)?"
+    guard let regex = try? NSRegularExpression(pattern: pattern) else { return path }
+    let ns = source as NSString
+    let tokens = regex.matches(in: source, range: NSRange(location: 0, length: ns.length)).map { ns.substring(with: $0.range) }
+    var i = 0; var command = "M"; var x = 0.0; var y = 0.0; var sx = 0.0; var sy = 0.0
+    func number() -> Double { let value = Double(tokens[i]) ?? 0; i += 1; return value }
+    while i < tokens.count {
+        if tokens[i].first?.isLetter == true { command = tokens[i]; i += 1 }
+        let relative = command == command.lowercased()
+        let upper = command.uppercased()
+        let needed = ["M":2,"L":2,"H":1,"V":1,"C":6,"Q":4,"Z":0][upper] ?? -1
+        if needed < 0 || i + needed > tokens.count { break }
+        let bx = relative ? x : 0; let by = relative ? y : 0
+        switch upper {
+        case "M", "L":
+            x = number() + bx; y = number() + by
+            if upper == "M" { path.move(to: CGPoint(x:x,y:y)); sx=x;sy=y;command=relative ? "l":"L" }
+            else { path.addLine(to: CGPoint(x:x,y:y)) }
+        case "H": x = number() + bx; path.addLine(to: CGPoint(x:x,y:y))
+        case "V": y = number() + by; path.addLine(to: CGPoint(x:x,y:y))
+        case "C":
+            let a=number()+bx,b=number()+by,c=number()+bx,d=number()+by
+            x=number()+bx;y=number()+by
+            path.addCurve(to:CGPoint(x:x,y:y),control1:CGPoint(x:a,y:b),control2:CGPoint(x:c,y:d))
+        case "Q":
+            let a=number()+bx,b=number()+by;x=number()+bx;y=number()+by
+            path.addQuadCurve(to:CGPoint(x:x,y:y),control:CGPoint(x:a,y:b))
+        case "Z": path.closeSubpath();x=sx;y=sy;command="M"
+        default: break
+        }
+    }
+    return path
+}
+`;
+export const wrapLayoutSwiftHelpers = String.raw `
+struct VrnWrapFlex: LayoutValueKey { static let defaultValue = 0.0 }
+struct VrnWrapMin: LayoutValueKey { static let defaultValue = 0.0 }
+struct VrnWrapBreak: LayoutValueKey { static let defaultValue = false }
+struct VrnWrapLayout: Layout {
+    var spacing: Double
+    private func plan(_ available: CGFloat, _ views: Subviews) -> ([CGRect], CGSize) {
+        let width = max(1, available)
+        var rows: [[Int]] = []; var row: [Int] = []; var used = 0.0
+        var widths: [Double] = Array(repeating: 0, count: views.count)
+        for i in views.indices {
+            let item = views[i]
+            let full = item[VrnWrapBreak.self]
+            let w = full ? width : max(item[VrnWrapMin.self], item[VrnWrapFlex.self] > 0 ? item[VrnWrapMin.self] : min(width, item.sizeThatFits(.unspecified).width))
+            if !row.isEmpty && (full || used + spacing + w > width) { rows.append(row);row=[];used=0 }
+            if !row.isEmpty { used += spacing }
+            row.append(i);used += w;widths[i]=w
+            if full {rows.append(row);row=[];used=0}
+        }
+        if !row.isEmpty {rows.append(row)}
+        var frames=Array(repeating:CGRect.zero,count:views.count);var y=0.0
+        for items in rows {
+            let occupied=items.reduce(0.0){$0+widths[$1]}+Double(max(0,items.count-1))*spacing
+            let flex=items.reduce(0.0){$0+views[$1][VrnWrapFlex.self]}
+            let extra=max(0,width-occupied);var x=0.0;var height=0.0
+            for i in items {
+                let w=widths[i]+(flex > 0 ? extra*views[i][VrnWrapFlex.self]/flex : 0)
+                let h=views[i].sizeThatFits(ProposedViewSize(width:w,height:nil)).height
+                frames[i]=CGRect(x:x,y:y,width:w,height:h);x+=w+spacing;height=max(height,h)
+            }
+            y+=height+spacing
+        }
+        return (frames,CGSize(width:width,height:max(0,y-spacing)))
+    }
+    func sizeThatFits(proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) -> CGSize {
+        plan(proposal.width ?? 390,subviews).1
+    }
+    func placeSubviews(in bounds: CGRect, proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) {
+        let frames=plan(bounds.width,subviews).0
+        for i in subviews.indices {let f=frames[i];subviews[i].place(at:CGPoint(x:bounds.minX+f.minX,y:bounds.minY+f.minY),anchor:.topLeading,proposal:ProposedViewSize(width:f.width,height:f.height))}
+    }
+}
+`;

package/dist/codegen/page-js-android.d.ts

@@ -0,0 +1,2 @@
+/** 每页独立的 QuickJS 引擎：业务状态通过 JSON 回写 Compose，避免跨页全局变量互相覆盖。 */
+export declare const pageJsAndroid: (bundleId: string) => string;

package/dist/codegen/page-js-android.js

@@ -0,0 +1,59 @@
+/** 每页独立的 QuickJS 引擎：业务状态通过 JSON 回写 Compose，避免跨页全局变量互相覆盖。 */
+export const pageJsAndroid = (bundleId) => `package ${bundleId}
+
+class VrnPageJs(context: android.content.Context, asset: String) {
+    private val engine = app.cash.quickjs.QuickJs.create()
+    private val prefs = context.getSharedPreferences("vuexir.runtime", android.content.Context.MODE_PRIVATE)
+    private var closed = false
+    init {
+        val stored = org.json.JSONObject()
+        prefs.all.forEach { (key, value) -> stored.put(key, value.toString()) }
+        eval("var __vrnPersist = " + stored.toString() + ";")
+        eval("""
+var __vrnOut = {};
+function __routerPush(route) { __vrnOut.__nav=String(route); }
+function __routerBack() { __vrnOut.__navBack=true; }
+function __setState(k,v) { __vrnOut[k] = v; }
+function __lsGet(k) { return __vrnPersist[k] === undefined ? null : __vrnPersist[k]; }
+function __lsSet(k,v) { if(v === null) delete __vrnPersist[k]; else __vrnPersist[k]=String(v); __vrnOut['__ls:'+k]=v; }
+var console = {log:function(){},warn:function(){},error:function(){}};
+var __vrnNativeTimers = {}, __vrnNativeTimerSeq = 0;
+function setTimeout(fn,ms) { var id=++__vrnNativeTimerSeq; __vrnNativeTimers[id]={fn:fn,at:Date.now()+(Number(ms)||0),repeat:0};return id; }
+function clearTimeout(id) { delete __vrnNativeTimers[id]; }
+function setInterval(fn,ms) {var id=setTimeout(fn,ms);__vrnNativeTimers[id].repeat=Math.max(1,Number(ms)||0);return id;}
+function clearInterval(id){clearTimeout(id);}
+function __vrnNativeTick(){
+  var now=Date.now();
+  Object.keys(__vrnNativeTimers).forEach(function(id){var t=__vrnNativeTimers[id];if(!t||t.at>now)return;
+    if(t.repeat)t.at=now+t.repeat;else delete __vrnNativeTimers[id];try{t.fn();}catch(e){console.error(e);}});
+  if(typeof __vrnRecompute==='function')__vrnRecompute();
+  if(typeof __vrnSyncPage==='function')__vrnSyncPage();
+}
+""")
+        eval(context.assets.open(asset).bufferedReader().use { it.readText() })
+        eval("if(typeof __onMounted==='function')__onMounted(); void 0;")
+    }
+    fun eval(code: String): String? {
+        if (closed) return null
+        return try { engine.evaluate(code)?.toString() } catch (e: Throwable) {
+            android.util.Log.e("VrnPageJs", "JavaScript: " + e.message); null
+        }
+    }
+    fun template(expression: String, bindings: Map<String, Any?>): String {
+        val expr = org.json.JSONObject.quote(expression)
+        val json = org.json.JSONObject.quote(org.json.JSONObject(bindings).toString())
+        return eval("__vrnEvalTemplate(" + expr + "," + json + ")") ?: ""
+    }
+    fun drain(): org.json.JSONObject {
+        val json = org.json.JSONObject(eval("JSON.stringify(__vrnOut)") ?: "{}")
+        eval("__vrnOut = {}; void 0;")
+        json.keys().asSequence().filter { it.startsWith("__ls:") }.forEach { key ->
+            val edit = prefs.edit()
+            if (json.isNull(key)) edit.remove(key.removePrefix("__ls:")) else edit.putString(key.removePrefix("__ls:"), json.optString(key))
+            edit.apply()
+        }
+        return json
+    }
+    fun close() { if (!closed) { closed = true; engine.close() } }
+}
+`;

package/dist/codegen/project-assets.d.ts

@@ -0,0 +1,5 @@
+import type { IrNode } from '../ir/schema.js';
+/** 把页面显式导入的图片交给纯编译器；数据 URI 让生成的源码不依赖开发机路径。 */
+export declare function loadProjectAssets(pageFile: string, root: string): Record<string, string>;
+/** 工程输出阶段把 data URI 落成资源，避免巨型字符串进入 Swift/Kotlin 的类型检查器。 */
+export declare function materializeProjectAssets(ui: IrNode, directory: string, platform: 'ios' | 'android'): void;

package/dist/codegen/project-assets.js

@@ -0,0 +1,31 @@
+import { createHash } from 'node:crypto';
+import { readFileSync, existsSync, mkdirSync, writeFileSync } from 'node:fs';
+import { dirname, join, resolve, extname } from 'node:path';
+/** 把页面显式导入的图片交给纯编译器；数据 URI 让生成的源码不依赖开发机路径。 */
+export function loadProjectAssets(pageFile, root) {
+    const out = {};
+    const source = readFileSync(pageFile, 'utf8');
+    for (const m of source.matchAll(/import\s+([A-Za-z_$][\w$]*)\s+from\s*['"]([^'"]+\.(?:png|jpe?g|webp|gif))['"]/g)) {
+        const path = m[2].startsWith('@/') ? join(root, 'src', m[2].slice(2)) : resolve(dirname(pageFile), m[2]);
+        if (!existsSync(path))
+            continue;
+        const ext = extname(path).slice(1).replace('jpg', 'jpeg');
+        out[m[1]] = `data:image/${ext};base64,${readFileSync(path).toString('base64')}`;
+    }
+    return out;
+}
+/** 工程输出阶段把 data URI 落成资源，避免巨型字符串进入 Swift/Kotlin 的类型检查器。 */
+export function materializeProjectAssets(ui, directory, platform) {
+    const walk = (node) => {
+        const match = node.props?.src?.match(/^data:image\/(png|jpeg|gif|webp);base64,([\s\S]+)$/);
+        if (match && node.props) {
+            const bytes = Buffer.from(match[2], 'base64');
+            const name = 'vrn-' + createHash('sha256').update(bytes).digest('hex').slice(0, 16) + '.' + (match[1] === 'jpeg' ? 'jpg' : match[1]);
+            mkdirSync(directory, { recursive: true });
+            writeFileSync(join(directory, name), bytes);
+            node.props.src = (platform === 'ios' ? 'bundle://' : 'asset://') + name;
+        }
+        node.children?.forEach(walk);
+    };
+    walk(ui);
+}

package/dist/codegen/project-styles.d.ts

@@ -0,0 +1,2 @@
+/** 工程生成层的文件读取：只追踪入口显式导入的 CSS，不扫描或误用未启用的样式文件。 */
+export declare function loadProjectStyles(projectRoot: string): string[];

package/dist/codegen/project-styles.js

@@ -0,0 +1,41 @@
+import { readFileSync, existsSync } from 'node:fs';
+import { join, dirname, resolve } from 'node:path';
+import postcss from 'postcss';
+/** 工程生成层的文件读取：只追踪入口显式导入的 CSS，不扫描或误用未启用的样式文件。 */
+export function loadProjectStyles(projectRoot) {
+    const styles = [];
+    const seen = new Set();
+    const load = (file) => {
+        if (seen.has(file) || !existsSync(file))
+            return;
+        seen.add(file);
+        const root = postcss.parse(readFileSync(file, 'utf8'), { from: file });
+        // 在 @import 出现的位置展开，保留导入与本地声明之间的级联顺序。
+        for (const node of [...root.nodes]) {
+            if (node.type !== 'atrule' || node.name !== 'import')
+                continue;
+            const match = node.params.match(/^(?:url\(\s*)?['"]([^'"]+\.css)['"]\s*\)?\s*$/);
+            if (!match || !match[1].startsWith('.'))
+                continue;
+            const imported = [];
+            const start = styles.length;
+            load(resolve(dirname(file), match[1]));
+            imported.push(...styles.splice(start));
+            node.replaceWith(...postcss.parse(imported.join('\n')).nodes);
+        }
+        styles.push(root.toString());
+    };
+    const entry = ['src/main.ts', 'src/main.js', 'src/main.mts', 'src/index.ts', 'src/index.js']
+        .map((name) => join(projectRoot, name)).find(existsSync);
+    if (!entry)
+        return styles;
+    const source = readFileSync(entry, 'utf8');
+    for (const match of source.matchAll(/\bimport\s+(?:[^'";\n]*?\s+from\s*)?['"]([^'"]+\.css)['"]/g)) {
+        const spec = match[1];
+        if (spec.startsWith('.'))
+            load(resolve(dirname(entry), spec));
+        else if (spec.startsWith('@/'))
+            load(join(projectRoot, 'src', spec.slice(2)));
+    }
+    return styles;
+}

package/dist/codegen/swiftui.d.ts

@@ -1,27 +1,5 @@
-/**
- * SwiftUI 生成器 v0（P0.3）
- *
- * 职责：IR 节点树 → 自包含 SwiftUI 源码字符串（可直接 swiftc -parse / 进 Xcode 工程）
- *
- * 遵循 RULES.md：
- * - R14：生成器产出必须可直接过 swiftc 编译
- * - R16：fill → .frame(maxWidth/maxHeight:.infinity)；禁绝对像素（固定物除外）
- * - R26：颜色直接生成 Color(red:green:blue:opacity:) 数值表达式
- *
- * 映射表（R25 薄抽象层）：
- *   root        → ZStack + 全屏 frame + 背景
- *   group       → VStack / HStack（flexDirection）+ spacing(gap) + padding + 背景/圆角/描边
- *   text        → Text + font/foregroundColor/multilineTextAlignment/lineSpacing
- *   button      → Button(label:) + 尺寸/背景/圆角
- *   scroll      → ScrollView(.vertical) + VStack（flex:1 → maxHeight:.infinity）
- *   spacer      → Spacer(minLength: 0)
- *   divider     → Rectangle().fill().frame(height:)
- *   image       → 占位 RoundedRectangle（P0 无真实图片链路）
- *
- * P0 简化声明：justifyContent 仅 start/center/spaceBetween；breakpoints 未实现；
- * flex 仅支持容器主轴方向的 maxHeight/maxWidth:.infinity。
- */
-import type { IrAction, IrNode, IrScreen } from '../ir/schema.js';
+import type { IrAction, IrNode, IrProps, IrScreen } from '../ir/schema.js';
+export declare function colorExpr(c: string): string;
 /** R42 收集 IR 树中的颜色与字体组合（生成 Theme.swift 的输入） */
 export declare function collectTheme(...nodes: (IrNode | undefined)[]): {
     colors: Set<string>;
@@ -36,13 +14,14 @@ export declare function buildTheme(tokens: {
     fontNames: Map<string, string>;
 };
 /** R42 生成 Theme.swift（颜色/字体去重常量） */
-export declare const VRN_HELPERS_SWIFT = "import Foundation\nimport SwiftUI\n\n// vuexir \u8FD0\u884C\u65F6\u8F85\u52A9\uFF08R78 \u5BF9\u8C61\u5B57\u6BB5\u53D6\u503C\uFF09\n/// R78 \u5BF9\u8C61\u5B57\u6BB5\u53D6\u503C\uFF1A\u72B6\u6001\u91CC\u5B58 JSON \u5B57\u7B26\u4E32\u65F6\u6309 key \u53D6\u503C\uFF08\u975E JSON \u2192 \u8FD4\u56DE\u7A7A\u4E32\uFF09\n/// R85 \u70B9\u8DEF\u5F84\u53D6\u503C\uFF1Akey \u652F\u6301 \"a.b.c\" \u4E0E\u672B\u6BB5 \".length\"\uFF08\u6570\u7EC4/\u5B57\u5178/\u5B57\u7B26\u4E32\u957F\u5EA6\uFF09\n/// R130\uFF1A\u72B6\u6001\u53EF\u80FD\u662F @State String \u6216 @Binding<String>\uFF0C\u7EDF\u4E00\u53D6\u503C\nfunc vrnStr(_ s: String) -> String { s }\nfunc vrnStr(_ b: SwiftUI.Binding<String>) -> String { b.wrappedValue }\n\n/// R110 \u5224\u771F\uFF1AJS \u91CC\u7684 truthiness \u8FD1\u4F3C\uFF08\u7A7A\u4E32/\"false\"/\"0\"/\"null\" \u4E3A\u5047\uFF09\nfunc vrnTruthy(_ v: String) -> Bool {\n    if v.isEmpty { return false }\n    if v == \"false\" || v == \"0\" || v == \"null\" || v == \"undefined\" { return false }\n    return true\n}\n\nfunc vrnField(_ json: String, _ path: String, _ fallback: String = \"\") -> String {\n    let raw = vrnFieldRaw(json, path)\n    return raw.isEmpty ? fallback : raw\n}\n\n/// \u539F\u59CB\u53D6\u503C\uFF08\u4E0D\u5957\u515C\u5E95\uFF09\uFF1A\u70B9\u8DEF\u5F84\u4E0B\u94BB\uFF0C\u7F3A\u5931\u8FD4\u56DE\u7A7A\u4E32\nprivate func vrnFieldRaw(_ json: String, _ path: String) -> String {\n    guard let data = json.data(using: .utf8),\n          let root = try? JSONSerialization.jsonObject(with: data, options: [.fragmentsAllowed]) else { return \"\" }\n    var cur: Any = root\n    for seg in path.split(separator: \".\").map(String.init) {\n        if seg == \"length\" || seg == \"size\" {\n            if let a = cur as? [Any] { cur = a.count }\n            else if let d = cur as? [String: Any] { cur = d.count }\n            else if let s = cur as? String { cur = s.count }\n            else { return \"\" }\n            continue\n        }\n        if let d = cur as? [String: Any], let next = d[seg] { cur = next } else { return \"\" }\n    }\n    if let s = cur as? String { return s }\n    if let b = cur as? Bool { return b ? \"true\" : \"false\" }\n    if let n = cur as? NSNumber { return n.stringValue }\n    return String(describing: cur)\n}\n";
+export declare const VRN_HELPERS_SWIFT: string;
 export declare function generateThemeSource(palette: {
     colorNames: Map<string, string>;
     fontNames: Map<string, string>;
 }): string;
 /** R43/R44 View 扩展源码（Theme.swift 内；theme 模式引用） */
 export declare function generateViewExtensions(): string;
+export declare function boxModifiers(props: IrProps): string[];
 export declare function generateScreenSource(screen: IrScreen, opts?: {
     warnings?: string[];
     theme?: {