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

package/dist/transform/styles.js

@@ -110,7 +110,7 @@ module) {
     }
     const scopeOf = new Map();
     const names = new Map();
-    // `const Card = () => …`: the component's name is the variable's.
+    // `const Card = () => ...`: the component's name is the variable's.
     const named = new Map();
     const visit = (node, owners) => {
         if (!node || typeof node !== 'object')
@@ -257,7 +257,7 @@ function staticMember(cls, name) {
 /**
  * Where a component's style blocks and css`` values are served: next to the component, a path
  * ending in `.css`. Every CSS tool in the bundler then sees CSS, and none sees TSX: Vite 8
- * matches its transforms on the path without the query, so `card.tsx?…` would read as a .tsx.
+ * matches its transforms on the path without the query, so `card.tsx?...` would read as a .tsx.
  * `?inline` (Vite's own) asks for the CSS as a string, for a shadow root.
  */
 export const styleIds = {
@@ -341,7 +341,7 @@ function isScoped(node) {
 /** The block's template pieces, a string counting as one piece; `null` when it is anything else. */
 /**
  * The `<style>` blocks of an html`` template, as pieces of its quasis: the CSS between the
- * tags, with the `${…}` that stand in it. Each piece keeps the position it starts at.
+ * tags, with the `${...}` that stand in it. Each piece keeps the position it starts at.
  */
 function templateBlocks(quasi) {
     const blocks = [];
@@ -479,7 +479,7 @@ export function hash(text) {
     }
     return (h >>> 0).toString(36);
 }
-// ─── Scoping ─────────────────────────────────────────────────────────────────
+// Scoping
 // Selectors of these at-rules are not element selectors (`from`, `50%`) or there are none.
 const OPAQUE = /(^|-)keyframes$|^font-face$|^property$|^counter-style$|^page$|^font-feature-values$/;
 /** Adds the scope to every selector, through grouping at-rules; keyframes and the like are left. */
@@ -640,7 +640,7 @@ function splitTop(selector, separator) {
     parts.push(selector.slice(start));
     return parts.filter((p) => p.trim());
 }
-// ─── Printing ────────────────────────────────────────────────────────────────
+// Printing
 function shiftLoc(node, source, start) {
     const loc = node.loc && node.loc.source === source
         ? { source, line: start.line + node.loc.line - 1, column: node.loc.line === 1 ? start.column + node.loc.column : node.loc.column }

package/dist/transform/templates.cjs

@@ -2147,7 +2147,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];
@@ -2276,8 +2276,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 = [
@@ -2292,8 +2292,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) {
@@ -2330,7 +2330,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.
@@ -2471,7 +2471,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";
@@ -2497,7 +2497,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;
@@ -3452,7 +3452,7 @@ function outermost(list) {
     (e) => !list.some(
       (o) => o !== e && o.start <= e.start && o.end >= e.end && o.end - o.start > e.end - e.start && // An insertion at either edge of the container sits beside it, not inside it, so
       // it is not something the container's code already folded in. A statement can
-      // start where its callee starts (`$effect(…)`) and a declarator can end where its
+      // start where its callee starts (`$effect(...)`) and a declarator can end where its
       // JSX ends (`const Row = () => <b/>`).
       !(e.start === e.end && (e.start === o.start || e.start === o.end))
     )
@@ -3469,7 +3469,7 @@ function bindHole(code, expr, edits, keepPosition = false) {
   const hole = {
     code: slice(code, expr.start, expr.end, edits),
     reactive: isReactiveShape(shapeOf(expr)),
-    // Where the `${…}` is, so a binding made from it can say so. The source map cannot:
+    // Where the `${...}` is, so a binding made from it can say so. The source map cannot:
     // the whole template is one overwrite. Only when source locations were asked for.
     ...at ? { at: { line: at.line, column: at.column } } : {}
   };
@@ -3585,11 +3585,11 @@ function relativeToRoot(id, root) {
   return id.startsWith(base) ? id.slice(base.length) : id;
 }
 function transformTemplates(code, id, options = {}) {
-  const litTag = options.litTag ?? "html";
+  const htmlTag = options.htmlTag ?? "html";
   const format = options.format ?? "both";
-  const wantsLit = format !== "jsx";
-  const wantsJsx = format !== "lit";
-  const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes("svg`"));
+  const wantsHtml = format !== "jsx";
+  const wantsJsx = format !== "html";
+  const mayHaveTemplate = wantsHtml && (code.includes(`${htmlTag}\``) || code.includes("svg`"));
   const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
   const wantsSources = options.sourceLocations === true && mayHaveSourceMarks(code);
   const sourceName = relativeToRoot(id, options.sourceRoot);
@@ -3601,12 +3601,12 @@ function transformTemplates(code, id, options = {}) {
     errorRecovery: true
   });
   const intrinsicTags = options.intrinsics === false ? /* @__PURE__ */ new Map() : tagIntrinsics(moduleBindings(ast.program));
-  const templateTags = /* @__PURE__ */ new Map([[litTag, "html"], ["svg", "svg"]]);
+  const templateTags = /* @__PURE__ */ new Map([[htmlTag, "html"], ["svg", "svg"]]);
   for (const [name, tag] of intrinsicTags) if (tag !== "css") templateTags.set(name, tag);
   const cssTags = [...intrinsicTags].filter(([, tag]) => tag === "css").map(([name]) => name);
   const found = [];
   walk7(ast.program, (n, parent, key) => {
-    if (wantsLit && isTemplateTag(n, templateTags)) found.push(n);
+    if (wantsHtml && isTemplateTag(n, templateTags)) found.push(n);
     else if (wantsJsx && isJsxRoot(n, parent, key)) found.push(n);
   });
   const props = options.propsDestructure === false ? { edits: [], diagnostics: [], used: /* @__PURE__ */ new Set() } : collectPropsEdits(ast.program, code, { runtimeModule: options.runtimeModule });

package/dist/transform/templates.d.cts

@@ -10,9 +10,9 @@ export interface TransformOptions extends CompileTemplateOptions {
      * about which source forms are touched, not about output.
      * @default 'both'
      */
-    format?: 'jsx' | 'lit' | 'both';
+    format?: 'jsx' | 'html' | 'both';
     /** Tag marking a template for compilation. @default 'html' */
-    litTag?: string;
+    htmlTag?: string;
     /** Module the emitted runtime symbols are imported from. @default '@fluixi/dom' */
     runtimeModule?: string;
     /** Where reactive primitives come from. @default '@fluixi/reactive/signal' */

package/dist/transform/templates.d.ts

@@ -10,9 +10,9 @@ export interface TransformOptions extends CompileTemplateOptions {
      * about which source forms are touched, not about output.
      * @default 'both'
      */
-    format?: 'jsx' | 'lit' | 'both';
+    format?: 'jsx' | 'html' | 'both';
     /** Tag marking a template for compilation. @default 'html' */
-    litTag?: string;
+    htmlTag?: string;
     /** Module the emitted runtime symbols are imported from. @default '@fluixi/dom' */
     runtimeModule?: string;
     /** Where reactive primitives come from. @default '@fluixi/reactive/signal' */

package/dist/transform/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/transform/templates.ts"],"names":[],"mappings":"AASA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAiB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,KAAK,EAAqB,cAAc,EAAU,MAAM,gBAAgB,CAAC;AAWhF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAgE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,OAAO,EAAqC,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrL,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAChC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,8DAA8D;IAC9D,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,+FAA+F;IAC/F,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAoTD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,gBAAqB,GAC7B,eAAe,GAAG,IAAI,CAuPxB"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/transform/templates.ts"],"names":[],"mappings":"AASA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAiB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,KAAK,EAAqB,cAAc,EAAU,MAAM,gBAAgB,CAAC;AAWhF,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAgE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,OAAO,EAAqC,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAmBrL,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,8DAA8D;IAC9D,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,+FAA+F;IAC/F,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,8EAA8E;IAC9E,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAoTD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,gBAAqB,GAC7B,eAAe,GAAG,IAAI,CAuPxB"}

package/dist/transform/templates.js

@@ -79,7 +79,7 @@ function outermost(list) {
         o.end - o.start > e.end - e.start &&
         // An insertion at either edge of the container sits beside it, not inside it, so
         // it is not something the container's code already folded in. A statement can
-        // start where its callee starts (`$effect(…)`) and a declarator can end where its
+        // start where its callee starts (`$effect(...)`) and a declarator can end where its
         // JSX ends (`const Row = () => <b/>`).
         !(e.start === e.end && (e.start === o.start || e.start === o.end))));
 }
@@ -98,13 +98,13 @@ function slice(code, start, end, edits) {
         out = out.slice(0, e.start - start) + e.code + out.slice(e.end - start);
     return out;
 }
-/** Describe one `${…}` for the lowering, substituting any template already compiled inside it. */
+/** Describe one `${...}` for the lowering, substituting any template already compiled inside it. */
 function bindHole(code, expr, edits, keepPosition = false) {
     const at = keepPosition ? expr.loc?.start : undefined;
     const hole = {
         code: slice(code, expr.start, expr.end, edits),
         reactive: isReactiveShape(shapeOf(expr)),
-        // Where the `${…}` is, so a binding made from it can say so. The source map cannot:
+        // Where the `${...}` is, so a binding made from it can say so. The source map cannot:
         // the whole template is one overwrite. Only when source locations were asked for.
         ...(at ? { at: { line: at.line, column: at.column } } : {}),
     };
@@ -292,11 +292,11 @@ function relativeToRoot(id, root) {
     return id.startsWith(base) ? id.slice(base.length) : id;
 }
 export function transformTemplates(code, id, options = {}) {
-    const litTag = options.litTag ?? 'html';
+    const htmlTag = options.htmlTag ?? 'html';
     const format = options.format ?? 'both';
-    const wantsLit = format !== 'jsx';
-    const wantsJsx = format !== 'lit';
-    const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes('svg`'));
+    const wantsHtml = format !== 'jsx';
+    const wantsJsx = format !== 'html';
+    const mayHaveTemplate = wantsHtml && (code.includes(`${htmlTag}\``) || code.includes('svg`'));
     // A module can be nothing but `$signal` calls, so the skip check has to look for those
     // too or the file is never parsed.
     const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
@@ -317,14 +317,14 @@ export function transformTemplates(code, id, options = {}) {
     });
     // `html`, `svg`, and in an app `$html`/`$svg`/`$css`, which need no import.
     const intrinsicTags = options.intrinsics === false ? new Map() : tagIntrinsics(moduleBindings(ast.program));
-    const templateTags = new Map([[litTag, 'html'], ['svg', 'svg']]);
+    const templateTags = new Map([[htmlTag, 'html'], ['svg', 'svg']]);
     for (const [name, tag] of intrinsicTags)
         if (tag !== 'css')
             templateTags.set(name, tag);
     const cssTags = [...intrinsicTags].filter(([, tag]) => tag === 'css').map(([name]) => name);
     const found = [];
     walk(ast.program, (n, parent, key) => {
-        if (wantsLit && isTemplateTag(n, templateTags))
+        if (wantsHtml && isTemplateTag(n, templateTags))
             found.push(n);
         else if (wantsJsx && isJsxRoot(n, parent, key))
             found.push(n);
@@ -334,7 +334,7 @@ export function transformTemplates(code, id, options = {}) {
     const props = options.propsDestructure === false
         ? { edits: [], diagnostics: [], used: new Set() }
         : collectPropsEdits(ast.program, code, { runtimeModule: options.runtimeModule });
-    // `$signal(…)` → `createSignal(…)`. Same edit list, so the callee is already rewritten
+    // `$signal(...)` → `createSignal(...)`. Same edit list, so the callee is already rewritten
     // by the time a template slices a hole containing one.
     const intrinsics = options.intrinsics === false
         ? { edits: [], diagnostics: [], imports: new Map() }

package/dist/transform/templates.mjs

@@ -3191,7 +3191,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];
@@ -3320,8 +3320,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 = [
@@ -3336,8 +3336,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) {
@@ -3374,7 +3374,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.
@@ -3515,7 +3515,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";
@@ -3541,7 +3541,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;
@@ -4495,7 +4495,7 @@ function outermost(list) {
     (e) => !list.some(
       (o) => o !== e && o.start <= e.start && o.end >= e.end && o.end - o.start > e.end - e.start && // An insertion at either edge of the container sits beside it, not inside it, so
       // it is not something the container's code already folded in. A statement can
-      // start where its callee starts (`$effect(…)`) and a declarator can end where its
+      // start where its callee starts (`$effect(...)`) and a declarator can end where its
       // JSX ends (`const Row = () => <b/>`).
       !(e.start === e.end && (e.start === o.start || e.start === o.end))
     )
@@ -4512,7 +4512,7 @@ function bindHole(code, expr, edits, keepPosition = false) {
   const hole = {
     code: slice(code, expr.start, expr.end, edits),
     reactive: isReactiveShape(shapeOf(expr)),
-    // Where the `${…}` is, so a binding made from it can say so. The source map cannot:
+    // Where the `${...}` is, so a binding made from it can say so. The source map cannot:
     // the whole template is one overwrite. Only when source locations were asked for.
     ...at ? { at: { line: at.line, column: at.column } } : {}
   };
@@ -4628,11 +4628,11 @@ function relativeToRoot(id, root) {
   return id.startsWith(base) ? id.slice(base.length) : id;
 }
 function transformTemplates(code, id, options = {}) {
-  const litTag = options.litTag ?? "html";
+  const htmlTag = options.htmlTag ?? "html";
   const format = options.format ?? "both";
-  const wantsLit = format !== "jsx";
-  const wantsJsx = format !== "lit";
-  const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes("svg`"));
+  const wantsHtml = format !== "jsx";
+  const wantsJsx = format !== "html";
+  const mayHaveTemplate = wantsHtml && (code.includes(`${htmlTag}\``) || code.includes("svg`"));
   const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
   const wantsSources = options.sourceLocations === true && mayHaveSourceMarks(code);
   const sourceName = relativeToRoot(id, options.sourceRoot);
@@ -4644,12 +4644,12 @@ function transformTemplates(code, id, options = {}) {
     errorRecovery: true
   });
   const intrinsicTags = options.intrinsics === false ? /* @__PURE__ */ new Map() : tagIntrinsics(moduleBindings(ast.program));
-  const templateTags = /* @__PURE__ */ new Map([[litTag, "html"], ["svg", "svg"]]);
+  const templateTags = /* @__PURE__ */ new Map([[htmlTag, "html"], ["svg", "svg"]]);
   for (const [name, tag] of intrinsicTags) if (tag !== "css") templateTags.set(name, tag);
   const cssTags = [...intrinsicTags].filter(([, tag]) => tag === "css").map(([name]) => name);
   const found = [];
   walk7(ast.program, (n2, parent, key) => {
-    if (wantsLit && isTemplateTag(n2, templateTags)) found.push(n2);
+    if (wantsHtml && isTemplateTag(n2, templateTags)) found.push(n2);
     else if (wantsJsx && isJsxRoot(n2, parent, key)) found.push(n2);
   });
   const props = options.propsDestructure === false ? { edits: [], diagnostics: [], used: /* @__PURE__ */ new Set() } : collectPropsEdits(ast.program, code, { runtimeModule: options.runtimeModule });

package/dist/{transform-3W45L3EA.mjs → transform-AP5PSRT7.mjs}

@@ -1,9 +1,9 @@
-/*! @fluixi/compiler v1.0.0-alpha.100 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/compiler v1.0.0-alpha.102 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 import {
   applyTemplateStyles,
   collectStyles,
   finishShadowStyles
-} from "./chunk-NU3W67UZ.mjs";
+} from "./chunk-KGXFUVHJ.mjs";
 import {
   analyzeStatic,
   buildJsxIR,
@@ -19,7 +19,7 @@ import {
   resolveComponentSources,
   resolveReactiveBindings,
   shapeOf
-} from "./chunk-6CWJWGE2.mjs";
+} from "./chunk-WUV5ZIYZ.mjs";
 import {
   CORE_CONTROL_FLOW,
   DOM_CONTROL_FLOW,
@@ -29,12 +29,12 @@ import {
   isIntrinsicName,
   mayHaveIntrinsic,
   tagIntrinsics
-} from "./chunk-GX5XV6Z7.mjs";
+} from "./chunk-MASWFMPJ.mjs";
 import {
   MagicString
-} from "./chunk-HXEXPWJ2.mjs";
-import "./chunk-3AICWNF7.mjs";
-import "./chunk-SKAVY75W.mjs";
+} from "./chunk-EEUWXI5C.mjs";
+import "./chunk-HUWJHS6T.mjs";
+import "./chunk-TFGOAGRI.mjs";
 
 // src/transform/templates.ts
 import { parse as parse2 } from "@babel/parser";
@@ -589,7 +589,7 @@ function outermost(list) {
     (e) => !list.some(
       (o) => o !== e && o.start <= e.start && o.end >= e.end && o.end - o.start > e.end - e.start && // An insertion at either edge of the container sits beside it, not inside it, so
       // it is not something the container's code already folded in. A statement can
-      // start where its callee starts (`$effect(…)`) and a declarator can end where its
+      // start where its callee starts (`$effect(...)`) and a declarator can end where its
       // JSX ends (`const Row = () => <b/>`).
       !(e.start === e.end && (e.start === o.start || e.start === o.end))
     )
@@ -606,7 +606,7 @@ function bindHole(code, expr, edits, keepPosition = false) {
   const hole = {
     code: slice(code, expr.start, expr.end, edits),
     reactive: isReactiveShape(shapeOf(expr)),
-    // Where the `${…}` is, so a binding made from it can say so. The source map cannot:
+    // Where the `${...}` is, so a binding made from it can say so. The source map cannot:
     // the whole template is one overwrite. Only when source locations were asked for.
     ...at ? { at: { line: at.line, column: at.column } } : {}
   };
@@ -722,11 +722,11 @@ function relativeToRoot(id, root) {
   return id.startsWith(base) ? id.slice(base.length) : id;
 }
 function transformTemplates(code, id, options = {}) {
-  const litTag = options.litTag ?? "html";
+  const htmlTag = options.htmlTag ?? "html";
   const format = options.format ?? "both";
-  const wantsLit = format !== "jsx";
-  const wantsJsx = format !== "lit";
-  const mayHaveTemplate = wantsLit && (code.includes(`${litTag}\``) || code.includes("svg`"));
+  const wantsHtml = format !== "jsx";
+  const wantsJsx = format !== "html";
+  const mayHaveTemplate = wantsHtml && (code.includes(`${htmlTag}\``) || code.includes("svg`"));
   const wantsIntrinsics = options.intrinsics !== false && mayHaveIntrinsic(code);
   const wantsSources = options.sourceLocations === true && mayHaveSourceMarks(code);
   const sourceName = relativeToRoot(id, options.sourceRoot);
@@ -738,12 +738,12 @@ function transformTemplates(code, id, options = {}) {
     errorRecovery: true
   });
   const intrinsicTags = options.intrinsics === false ? /* @__PURE__ */ new Map() : tagIntrinsics(moduleBindings(ast.program));
-  const templateTags = /* @__PURE__ */ new Map([[litTag, "html"], ["svg", "svg"]]);
+  const templateTags = /* @__PURE__ */ new Map([[htmlTag, "html"], ["svg", "svg"]]);
   for (const [name, tag] of intrinsicTags) if (tag !== "css") templateTags.set(name, tag);
   const cssTags = [...intrinsicTags].filter(([, tag]) => tag === "css").map(([name]) => name);
   const found = [];
   walk4(ast.program, (n, parent, key) => {
-    if (wantsLit && isTemplateTag(n, templateTags)) found.push(n);
+    if (wantsHtml && isTemplateTag(n, templateTags)) found.push(n);
     else if (wantsJsx && isJsxRoot(n, parent, key)) found.push(n);
   });
   const props = options.propsDestructure === false ? { edits: [], diagnostics: [], used: /* @__PURE__ */ new Set() } : collectPropsEdits(ast.program, code, { runtimeModule: options.runtimeModule });