@fluixi/compiler 1.0.0-alpha.100 → 1.0.0-alpha.101

package/dist/frontend/babel/{build-ir-lit.d.ts → build-ir-html.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Babel front-end entry for lit `` html`...` `` templates.
+ * Babel front-end entry for `` html`...` `` templates.
  *
  * Historically this file held a single-pass scanner that went straight from
  * template text to compiler IR. That fused parsing, lowering, and Babel
@@ -9,19 +9,19 @@
  *   `@fluixi/template-parser` : Babel-free tokenizer + parser → Template AST
  *   `./lower-template`        : Babel-aware lowering: Template AST → IR
  *
- * `buildIRFromLit` keeps its exact signature so every caller (build-ir's nested
- * composition, plugin's `emitLitViaIR`) is unchanged; the shared Template AST
+ * `buildIRFromHtml` keeps its exact signature so every caller (build-ir's nested
+ * composition, plugin's `emitHtmlViaIR`) is unchanged; the shared Template AST
  * now also powers the language server, TS plugin, and Biome plugin.
  */
 import type { types as t } from '@babel/core';
 import type { IRNode } from '../../ir/nodes.js';
 /**
- * Build IR from a lit `` html`...` `` (or `` svg`...` ``) TaggedTemplateExpression.
+ * Build IR from an `` html`...` `` (or `` svg`...` ``) TaggedTemplateExpression.
  * `used` collects runtime symbols emitted for anything nested inside a hole.
  * Pass `svg: true` for an `` svg`...` `` root.
  */
-export declare function buildIRFromLit(node: t.TaggedTemplateExpression, used?: Set<string>, opts?: {
+export declare function buildIRFromHtml(node: t.TaggedTemplateExpression, used?: Set<string>, opts?: {
     svg?: boolean;
     onNested?: (ir: IRNode) => void;
 }): IRNode;
-//# sourceMappingURL=build-ir-lit.d.ts.map
+//# sourceMappingURL=build-ir-html.d.ts.map

package/dist/frontend/babel/build-ir-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-ir-html.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/build-ir-html.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhD;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,GAAE,GAAG,CAAC,MAAM,CAAa,EAC7B,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAAO,GAC5D,MAAM,CAKR"}

package/dist/frontend/babel/{build-ir-lit.js → build-ir-html.js}

@@ -1,12 +1,12 @@
-import { lowerLitTemplate } from './lower-template.js';
+import { lowerHtmlTemplate } from './lower-template.js';
 import { analyzeStatic } from '../../optimize/analyze-static.js';
 /**
- * Build IR from a lit `` html`...` `` (or `` svg`...` ``) TaggedTemplateExpression.
+ * Build IR from an `` html`...` `` (or `` svg`...` ``) TaggedTemplateExpression.
  * `used` collects runtime symbols emitted for anything nested inside a hole.
  * Pass `svg: true` for an `` svg`...` `` root.
  */
-export function buildIRFromLit(node, used = new Set(), opts = {}) {
-    const ir = lowerLitTemplate(node, used, opts);
+export function buildIRFromHtml(node, used = new Set(), opts = {}) {
+    const ir = lowerHtmlTemplate(node, used, opts);
     // Same pass as the JSX frontend, so both agree on what is inert.
     analyzeStatic(ir);
     return ir;

package/dist/frontend/babel/{build-ir-lit.mjs → build-ir-html.mjs}

@@ -942,7 +942,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1071,8 +1071,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1087,8 +1087,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1125,7 +1125,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1266,7 +1266,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1292,7 +1292,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1821,12 +1821,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!t.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);
@@ -1873,7 +1873,7 @@ function bindHole(expr, used, onNested) {
   if (t2.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1891,12 +1891,12 @@ function buildPieces(quasi) {
   return pieces;
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
 export {
-  buildIRFromLit
+  buildIRFromHtml
 };

package/dist/frontend/babel/build-ir.cjs

@@ -981,7 +981,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1110,8 +1110,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1126,8 +1126,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1164,7 +1164,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1305,7 +1305,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1331,7 +1331,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1398,7 +1398,7 @@ function bindHole(expr, used, onNested) {
   if (import_core.types.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1491,9 +1491,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -1902,12 +1902,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!import_core2.types.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);

package/dist/frontend/babel/build-ir.d.cts

@@ -7,7 +7,7 @@
  * front-end reuse the exact same backend.
  *
  * JSX can appear nested inside arbitrary expressions (render-props, ternaries,
- * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, …). The IR
+ * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, ...). The IR
  * models prop/child *expressions* as code strings, so any JSX inside such an
  * expression is recursively compiled (build-ir -> emit) and spliced back in,
  * with the runtime symbols it uses collected into `used` for import injection.

package/dist/frontend/babel/build-ir.d.ts

@@ -7,7 +7,7 @@
  * front-end reuse the exact same backend.
  *
  * JSX can appear nested inside arbitrary expressions (render-props, ternaries,
- * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, …). The IR
+ * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, ...). The IR
  * models prop/child *expressions* as code strings, so any JSX inside such an
  * expression is recursively compiled (build-ir -> emit) and spliced back in,
  * with the runtime symbols it uses collected into `used` for import injection.

package/dist/frontend/babel/build-ir.js

@@ -7,7 +7,7 @@
  * front-end reuse the exact same backend.
  *
  * JSX can appear nested inside arbitrary expressions (render-props, ternaries,
- * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, …). The IR
+ * `fallback={<p/>}`, `arr.map(x => <li/>)`, `() => cond && <div/>`, ...). The IR
  * models prop/child *expressions* as code strings, so any JSX inside such an
  * expression is recursively compiled (build-ir -> emit) and spliced back in,
  * with the runtime symbols it uses collected into `used` for import injection.
@@ -15,7 +15,7 @@
 import { types as t, traverse, template } from '@babel/core';
 import _generate from '@babel/generator';
 import { imperativeBackend, inlineTemplates } from '../../codegen/backends/imperative.js';
-import { buildIRFromLit } from './build-ir-lit.js';
+import { buildIRFromHtml } from './build-ir-html.js';
 import { buildJsxIR } from '../../lower/jsx.js';
 import { isReactiveShape } from '../../analyze/reactive-expr.js';
 import { shapeOf } from '../../analyze/expr-shape.js';
@@ -37,7 +37,7 @@ function transformNestedJSX(node, used, onNested) {
     const emitInto = (path, code, imports) => {
         for (const s of imports)
             used.add(s);
-        // parse as TS: a hole/arrow param may carry a type annotation ((x: T) => …);
+        // parse as TS: a hole/arrow param may carry a type annotation ((x: T) => ...);
         // preset-typescript strips it downstream, but the reparse must accept it.
         path.replaceWith(template.expression(code, { placeholderPattern: false, plugins: ['typescript'] })());
         path.skip(); // build-ir already handled this subtree (incl. anything nested)
@@ -53,13 +53,13 @@ function transformNestedJSX(node, used, onNested) {
             const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
             emitInto(path, inlineTemplates(code, templates), imports);
         },
-        // Nested lit templates compose: ${cond ? html`…` : html`…`},
+        // Nested html templates compose: ${cond ? html`...` : html`...`},
         // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
         TaggedTemplateExpression(path) {
             const tag = path.node.tag;
             if (!t.isIdentifier(tag) || (tag.name !== 'html' && tag.name !== 'svg'))
                 return;
-            const ir = buildIRFromLit(path.node, used, { svg: tag.name === 'svg', onNested });
+            const ir = buildIRFromHtml(path.node, used, { svg: tag.name === 'svg', onNested });
             onNested?.(ir);
             const { code, imports, templates } = imperativeBackend.emit(ir, {});
             emitInto(path, inlineTemplates(code, templates), imports);

package/dist/frontend/babel/build-ir.mjs

@@ -946,7 +946,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1075,8 +1075,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1091,8 +1091,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1129,7 +1129,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1270,7 +1270,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1296,7 +1296,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1363,7 +1363,7 @@ function bindHole(expr, used, onNested) {
   if (t.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1456,9 +1456,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -1867,12 +1867,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!t2.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);

package/dist/frontend/babel/index.cjs

@@ -1,4 +1,4 @@
-/*! @fluixi/compiler v1.0.0-alpha.100 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.101 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -1157,7 +1157,7 @@ var Lowerer = class {
     for (const s of imports) this.used.add(s);
     return inlineTemplates(code, templates);
   }
-  // --- content ------------------------------------------------------------
+  // content
   lowerRoot(children) {
     const nodes = this.lowerChildren(children);
     if (nodes.length === 1) return nodes[0];
@@ -1286,8 +1286,8 @@ var Lowerer = class {
     }
     return { slots, rest };
   }
-  // --- control-flow sugar -------------------------------------------------
-  /** `<el if=${cond}>…</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
+  // control-flow sugar
+  /** `<el if=${cond}>...</el>` (+ optional `<el else>`) → `<Show when fallback>`. */
   lowerIf(el, condHole, elseEl) {
     const cond = this.hole(condHole);
     const props = [
@@ -1302,8 +1302,8 @@ var Lowerer = class {
     return { kind: "component", name: "Show", props, children: [child], ...at ? { at } : {}, ...cond.at ? { bindAt: cond.at } : {} };
   }
   /**
-   * `<el each=${items} key?>${item => …}</el>` → `<el><For each>{item => …}</For></el>`: the
-   * content is repeated per item. Content that is not a `${item => …}` arrow is repeated as
+   * `<el each=${items} key?>${item => ...}</el>` → `<el><For each>{item => ...}</For></el>`: the
+   * content is repeated per item. Content that is not a `${item => ...}` arrow is repeated as
    * it is. Null when the element has no `each`.
    */
   lowerEach(el) {
@@ -1340,7 +1340,7 @@ var Lowerer = class {
     const clone = { ...el, attributes: el.attributes.filter((a) => !drop(a)) };
     return clone.kind === "Element" ? this.lowerElement(clone) : this.lowerComponent(clone);
   }
-  // --- attributes ---------------------------------------------------------
+  // attributes
   /**
    * `element`: a DOM element, where each class:/style: value that moves is its own accessor.
    * A component gets the object as before, rebuilt whole when any value moves.
@@ -1481,7 +1481,7 @@ var Lowerer = class {
     if (mods.includes("passive")) opts.push("passive: true");
     return opts.length ? `{ ${opts.join(", ")} }` : null;
   }
-  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e…value)}`. */
+  /** `bind:value=${sig}` → `value={read()}` + `onInput={e => write(e...value)}`. */
   bindProps(prop, h) {
     const sigCode = h.code;
     const checked = prop === "checked";
@@ -1507,7 +1507,7 @@ var Lowerer = class {
       }
     ];
   }
-  /** A plain attribute (incl. lit `?bool`, mixed values), old `mkProp` behavior. */
+  /** A plain attribute (incl. html `?bool`, mixed values), old `mkProp` behavior. */
   plainAttr(a) {
     const v = a.value;
     let name = a.name;
@@ -1574,7 +1574,7 @@ function bindHole(expr, used, onNested) {
   if (import_core.types.isObjectExpression(expr)) hole.object = true;
   return hole;
 }
-function lowerLitTemplate(node, used, opts = {}) {
+function lowerHtmlTemplate(node, used, opts = {}) {
   const quasi = node.quasi;
   const holes = quasi.expressions.map((e) => bindHole(e, used, opts.onNested));
   return lowerTemplate(buildPieces(quasi), holes, used, opts);
@@ -1667,9 +1667,9 @@ function childReason(node) {
   return "expression-child";
 }
 
-// src/frontend/babel/build-ir-lit.ts
-function buildIRFromLit(node, used = /* @__PURE__ */ new Set(), opts = {}) {
-  const ir = lowerLitTemplate(node, used, opts);
+// src/frontend/babel/build-ir-html.ts
+function buildIRFromHtml(node, used = /* @__PURE__ */ new Set(), opts = {}) {
+  const ir = lowerHtmlTemplate(node, used, opts);
   analyzeStatic(ir);
   return ir;
 }
@@ -2078,12 +2078,12 @@ function transformNestedJSX(node, used, onNested) {
       const { code, imports, templates } = imperativeBackend.emit(nestedIR, {});
       emitInto(path, inlineTemplates(code, templates), imports);
     },
-    // Nested lit templates compose: ${cond ? html`…` : html`…`},
+    // Nested html templates compose: ${cond ? html`...` : html`...`},
     // ${list.map(x => html`<li>${x}</li>`)}. Compile them the same way.
     TaggedTemplateExpression(path) {
       const tag = path.node.tag;
       if (!import_core2.types.isIdentifier(tag) || tag.name !== "html" && tag.name !== "svg") return;
-      const ir = buildIRFromLit(path.node, used, { svg: tag.name === "svg", onNested });
+      const ir = buildIRFromHtml(path.node, used, { svg: tag.name === "svg", onNested });
       onNested?.(ir);
       const { code, imports, templates } = imperativeBackend.emit(ir, {});
       emitInto(path, inlineTemplates(code, templates), imports);
@@ -2126,11 +2126,11 @@ var plugin_default = (0, import_helper_plugin_utils.declare)((api, options = {})
     // `fluixi()` needs no `format` option. Injected imports are deduped, so a
     // file mixing the two styles won't redeclare a binding.
     format = "both",
-    litTag = "html",
+    htmlTag = "html",
     resolve: resolveRules = []
   } = options;
   const componentResolver = createComponentResolver(resolveRules);
-  const compileLit = format === "lit" || format === "both";
+  const compileHtml = format === "html" || format === "both";
   const pluginState = {
     irImports: /* @__PURE__ */ new Set(),
     libModule: "@fluixi/core",
@@ -2139,7 +2139,7 @@ var plugin_default = (0, import_helper_plugin_utils.declare)((api, options = {})
     templateClone,
     partialTemplates,
     hasJSX: false,
-    hasLitHTML: false,
+    hasHtmlTag: false,
     needsControlFlowImport: false,
     needsCreateMemo: false,
     controlFlowComponents: /* @__PURE__ */ new Set(),
@@ -2163,8 +2163,8 @@ var plugin_default = (0, import_helper_plugin_utils.declare)((api, options = {})
         enter(path, state) {
           Object.assign(state, {
             hasJSX: false,
-            hasLitHTML: false,
-            hasLitIR: false,
+            hasHtmlTag: false,
+            hasHtmlIR: false,
             needsControlFlowImport: false,
             needsCreateMemo: false,
             controlFlowComponents: /* @__PURE__ */ new Set(),
@@ -2189,7 +2189,7 @@ var plugin_default = (0, import_helper_plugin_utils.declare)((api, options = {})
         },
         exit(path, state) {
           const imports = [];
-          if (state.hasJSX || state.hasLitIR) {
+          if (state.hasJSX || state.hasHtmlIR) {
             if (state.irImports.size > 0) {
               const CF = /* @__PURE__ */ new Set([
                 "Show",
@@ -2379,8 +2379,8 @@ var plugin_default = (0, import_helper_plugin_utils.declare)((api, options = {})
         path.replaceWith(emitViaIR(path.node, state));
       },
       TaggedTemplateExpression(path, state) {
-        if (compileLit && import_core3.types.isIdentifier(path.node.tag) && (path.node.tag.name === litTag || path.node.tag.name === "svg")) {
-          path.replaceWith(emitLitViaIR(path.node, state));
+        if (compileHtml && import_core3.types.isIdentifier(path.node.tag) && (path.node.tag.name === htmlTag || path.node.tag.name === "svg")) {
+          path.replaceWith(emitHtmlViaIR(path.node, state));
         }
       }
     }
@@ -2483,10 +2483,10 @@ function dedupeImports(imports) {
   }
   return out;
 }
-function emitLitViaIR(node, state) {
+function emitHtmlViaIR(node, state) {
   const used = /* @__PURE__ */ new Set();
   const svg = import_core3.types.isIdentifier(node.tag) && node.tag.name === "svg";
-  const ir = buildIRFromLit(node, used, { svg, onNested: nestedHook(state) });
+  const ir = buildIRFromHtml(node, used, { svg, onNested: nestedHook(state) });
   resolveComponentSources(ir, {
     resolver: state.componentResolver,
     modules: {
@@ -2501,7 +2501,7 @@ function emitLitViaIR(node, state) {
   for (const s of imports) used.add(s);
   for (const s of used) state.irImports.add(s);
   collectRuntimeNeeds(ir, state);
-  state.hasLitIR = true;
+  state.hasHtmlIR = true;
   const expression = import_core3.template.expression(adoptTemplates(code, templates, state), {
     placeholderPattern: false,
     plugins: ["typescript"]
@@ -2577,7 +2577,7 @@ function createPreset(options = {}) {
           importSource: "@fluixi/jsx",
           development: false,
           detectReactivity: true,
-          useLitHTML: true,
+          useHtmlTag: true,
           hoistStatics: true,
           delegateEvents: true,
           optimizeControlFlow: true,
@@ -2602,7 +2602,7 @@ var presets = {
   }),
   minimal: createPreset({
     detectReactivity: false,
-    useLitHTML: false,
+    useHtmlTag: false,
     hoistStatics: false,
     delegateEvents: false,
     optimizeControlFlow: false

package/dist/frontend/babel/index.d.cts

@@ -1,19 +1,8 @@
-/**
- * @fileoverview Babel front-end adapter for the Fluixi compiler.
- * @module @fluixi/compiler/babel
- *
- * This is one of the compiler's front-end adapters: it parses with @babel and
- * runs the JSX transform. The transform/codegen it currently performs is the
- * existing behaviour (emits the jsx() automatic runtime), switching codegen to
- * the IR-driven backends (see ../../codegen) is a later step. SWC/other
- * front-ends will plug in alongside this without touching the rest of the pipeline.
- */
 export { default } from './plugin.cjs';
 export type { PluginOptions } from './plugin.cjs';
 export * from './types.cjs';
 /** Named export for explicit usage */
 export declare const babelPluginReactiveJSX: (api: object, options: import("./plugin.cjs").PluginOptions | null | undefined, dirname: string) => import("@babel/core").PluginObj<import("@babel/core").PluginPass>;
-/** Helper to create plugin with options */
 export declare function createPlugin(options?: any): any[];
 /** Preset with recommended configuration */
 export declare function createPreset(options?: any): {

package/dist/frontend/babel/index.d.ts

@@ -1,19 +1,8 @@
-/**
- * @fileoverview Babel front-end adapter for the Fluixi compiler.
- * @module @fluixi/compiler/babel
- *
- * This is one of the compiler's front-end adapters: it parses with @babel and
- * runs the JSX transform. The transform/codegen it currently performs is the
- * existing behaviour (emits the jsx() automatic runtime), switching codegen to
- * the IR-driven backends (see ../../codegen) is a later step. SWC/other
- * front-ends will plug in alongside this without touching the rest of the pipeline.
- */
 export { default } from './plugin.js';
 export type { PluginOptions } from './plugin.js';
 export * from './types.js';
 /** Named export for explicit usage */
 export declare const babelPluginReactiveJSX: (api: object, options: import("./plugin.js").PluginOptions | null | undefined, dirname: string) => import("@babel/core").PluginObj<import("@babel/core").PluginPass>;
-/** Helper to create plugin with options */
 export declare function createPlugin(options?: any): any[];
 /** Preset with recommended configuration */
 export declare function createPreset(options?: any): {

package/dist/frontend/babel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,cAAc,YAAY,CAAC;AAK3B,sCAAsC;AACtC,eAAO,MAAM,sBAAsB,sKAAS,CAAC;AAE7C,2CAA2C;AAC3C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,SAEzC;AAED,4CAA4C;AAC5C,wBAAgB,YAAY,CAAC,OAAO,GAAE,GAAQ;;EAoB7C;AAED,0BAA0B;AAC1B,eAAO,MAAM,OAAO;;;;;;;;;;CAmBnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,cAAc,YAAY,CAAC;AAK3B,sCAAsC;AACtC,eAAO,MAAM,sBAAsB,sKAAS,CAAC;AAE7C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,SAEzC;AAED,4CAA4C;AAC5C,wBAAgB,YAAY,CAAC,OAAO,GAAE,GAAQ;;EAoB7C;AAED,0BAA0B;AAC1B,eAAO,MAAM,OAAO;;;;;;;;;;CAmBnB,CAAC"}