@matthesketh/utopia-compiler 0.0.3 → 0.0.5

package/dist/index.cjs

@@ -381,6 +381,7 @@ var CodeGenerator = class {
   varCounter = 0;
   helpers = /* @__PURE__ */ new Set();
   scopeId;
+  deferredCallsStack = [];
   generate(ast) {
     const scope = /* @__PURE__ */ new Set();
     const rootElements = ast.filter(
@@ -466,6 +467,7 @@ ${fnBody}
       if (dir.kind === "if" || dir.kind === "for") continue;
       this.genDirective(elVar, dir, scope);
     }
+    this.deferredCallsStack.push([]);
     for (const child of node.children) {
       const childVar = this.genNode(child, scope);
       if (childVar) {
@@ -473,6 +475,10 @@ ${fnBody}
         this.emit(`appendChild(${elVar}, ${childVar})`);
       }
     }
+    const deferred = this.deferredCallsStack.pop();
+    for (const line of deferred) {
+      this.emit(line);
+    }
     return elVar;
   }
   // ---- Text & Interpolation -----------------------------------------------
@@ -554,7 +560,7 @@ ${fnBody}
     }
     this.emit(`  return ${innerVar}`);
     this.emit(`}`);
-    this.emit(`createIf(${anchorVar}, () => Boolean(${condition}), ${trueFnVar})`);
+    this.emitOrDefer(`createIf(${anchorVar}, () => Boolean(${condition}), ${trueFnVar})`);
     return anchorVar;
   }
   // ---- Structural: u-for --------------------------------------------------
@@ -588,7 +594,7 @@ ${fnBody}
     }
     this.emit(`  return ${innerVar}`);
     this.emit(`}`);
-    this.emit(`createFor(${anchorVar}, () => ${listExpr}, ${renderFnVar})`);
+    this.emitOrDefer(`createFor(${anchorVar}, () => ${listExpr}, ${renderFnVar})`);
     return anchorVar;
   }
   // ---- Component generation -----------------------------------------------
@@ -631,6 +637,14 @@ ${fnBody}
   emit(line) {
     this.code.push(line);
   }
+  emitOrDefer(line) {
+    const stack = this.deferredCallsStack;
+    if (stack.length > 0) {
+      stack[stack.length - 1].push(line);
+    } else {
+      this.emit(line);
+    }
+  }
 };
 function isComponentTag(tag) {
   return /^[A-Z]/.test(tag);

package/dist/index.d.cts

@@ -144,7 +144,8 @@ interface CompileResult {
  *
  * // <script> block contents (user code) inlined here
  *
- * export default function render(_ctx) { ... }
+ * function __render() { ... }
+ * export default { render: __render }
  * ```
  *
  * The caller (e.g. the Vite plugin) is responsible for injecting the CSS

package/dist/index.d.ts

@@ -144,7 +144,8 @@ interface CompileResult {
  *
  * // <script> block contents (user code) inlined here
  *
- * export default function render(_ctx) { ... }
+ * function __render() { ... }
+ * export default { render: __render }
  * ```
  *
  * The caller (e.g. the Vite plugin) is responsible for injecting the CSS

package/dist/index.js

@@ -349,6 +349,7 @@ var CodeGenerator = class {
   varCounter = 0;
   helpers = /* @__PURE__ */ new Set();
   scopeId;
+  deferredCallsStack = [];
   generate(ast) {
     const scope = /* @__PURE__ */ new Set();
     const rootElements = ast.filter(
@@ -434,6 +435,7 @@ ${fnBody}
       if (dir.kind === "if" || dir.kind === "for") continue;
       this.genDirective(elVar, dir, scope);
     }
+    this.deferredCallsStack.push([]);
     for (const child of node.children) {
       const childVar = this.genNode(child, scope);
       if (childVar) {
@@ -441,6 +443,10 @@ ${fnBody}
         this.emit(`appendChild(${elVar}, ${childVar})`);
       }
     }
+    const deferred = this.deferredCallsStack.pop();
+    for (const line of deferred) {
+      this.emit(line);
+    }
     return elVar;
   }
   // ---- Text & Interpolation -----------------------------------------------
@@ -522,7 +528,7 @@ ${fnBody}
     }
     this.emit(`  return ${innerVar}`);
     this.emit(`}`);
-    this.emit(`createIf(${anchorVar}, () => Boolean(${condition}), ${trueFnVar})`);
+    this.emitOrDefer(`createIf(${anchorVar}, () => Boolean(${condition}), ${trueFnVar})`);
     return anchorVar;
   }
   // ---- Structural: u-for --------------------------------------------------
@@ -556,7 +562,7 @@ ${fnBody}
     }
     this.emit(`  return ${innerVar}`);
     this.emit(`}`);
-    this.emit(`createFor(${anchorVar}, () => ${listExpr}, ${renderFnVar})`);
+    this.emitOrDefer(`createFor(${anchorVar}, () => ${listExpr}, ${renderFnVar})`);
     return anchorVar;
   }
   // ---- Component generation -----------------------------------------------
@@ -599,6 +605,14 @@ ${fnBody}
   emit(line) {
     this.code.push(line);
   }
+  emitOrDefer(line) {
+    const stack = this.deferredCallsStack;
+    if (stack.length > 0) {
+      stack[stack.length - 1].push(line);
+    } else {
+      this.emit(line);
+    }
+  }
 };
 function isComponentTag(tag) {
   return /^[A-Z]/.test(tag);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matthesketh/utopia-compiler",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Compiler for .utopia single-file components",
   "type": "module",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "dist"
   ],
   "dependencies": {
-    "@matthesketh/utopia-core": "0.0.3"
+    "@matthesketh/utopia-core": "0.0.5"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",