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

package/dist/frontend/babel/plugin.cjs

@@ -1150,7 +1150,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];
@@ -1279,8 +1279,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 = [
@@ -1295,8 +1295,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) {
@@ -1333,7 +1333,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.
@@ -1474,7 +1474,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";
@@ -1500,7 +1500,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;
@@ -1567,7 +1567,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);
@@ -1660,9 +1660,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;
 }
@@ -2071,12 +2071,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);
@@ -2119,11 +2119,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",
@@ -2132,7 +2132,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(),
@@ -2156,8 +2156,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(),
@@ -2182,7 +2182,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",
@@ -2372,8 +2372,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));
         }
       }
     }
@@ -2476,10 +2476,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: {
@@ -2494,7 +2494,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"]

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

@@ -1,19 +1,3 @@
-/**
- * @fileoverview Babel front-end for the Fluixi compiler.
- * @module @fluixi/babel-plugin-jsx
- *
- * This is a host adapter, not the compiler. It parses with babel and, for each
- * JSX element/fragment and each `` html`...` `` template, hands the node to the
- * shared pipeline: build IR, run the imperative backend, then splices the
- * emitted code back into the program. Everything that decides *what* the output
- * means (directives, control flow, component resolution, load strategies,
- * reactivity, templates) lives in ../../{ir,resolve,optimize,codegen}, which
- * import no babel at all.
- *
- * What stays here is genuinely host work: dispatching the visitors, collecting
- * the runtime symbols the backend reported so the imports can be injected, and
- * hoisting static templates to module scope.
- */
 import { type ComponentResolverRule } from '../../resolve/component-resolver.cjs';
 import { type PluginObj } from '@babel/core';
 export interface PluginOptions {
@@ -50,7 +34,7 @@ export interface PluginOptions {
      */
     controlFlowModule?: string;
     /**
-     * Module the router components (Router/Outlet/…) are auto-imported from.
+     * Module the router components (Router/Outlet/...) are auto-imported from.
      * @default '@fluixi/core/router'
      */
     routerModule?: string;
@@ -76,20 +60,20 @@ export interface PluginOptions {
     /**
      * Which authoring syntaxes to compile:
      * - 'jsx': only JSX elements/fragments.
-     * - 'lit': only `` html`...` `` / `` svg`...` `` tagged templates.
+     * - 'html': only `` html`...` `` / `` svg`...` `` tagged templates.
      * - 'both' (default): JSX and `html``` templates in the same file.
      *
      * Both syntaxes lower to the same IR and the same imperative backend, so the
      * choice is about which source forms the plugin touches, not about output.
      * @default 'both'
      */
-    format?: 'jsx' | 'lit' | 'both';
+    format?: 'jsx' | 'html' | 'both';
     /**
-     * Tag name that marks a lit template for compilation (when `format` includes
-     * lit). Other tagged templates are left untouched.
+     * Tag name that marks an html template for compilation (when `format` includes
+     * html). Other tagged templates are left untouched.
      * @default 'html'
      */
-    litTag?: string;
+    htmlTag?: string;
 }
 declare const _default: (api: object, options: PluginOptions | null | undefined, dirname: string) => PluginObj<import("@babel/core").PluginPass>;
 export default _default;

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

@@ -1,19 +1,3 @@
-/**
- * @fileoverview Babel front-end for the Fluixi compiler.
- * @module @fluixi/babel-plugin-jsx
- *
- * This is a host adapter, not the compiler. It parses with babel and, for each
- * JSX element/fragment and each `` html`...` `` template, hands the node to the
- * shared pipeline: build IR, run the imperative backend, then splices the
- * emitted code back into the program. Everything that decides *what* the output
- * means (directives, control flow, component resolution, load strategies,
- * reactivity, templates) lives in ../../{ir,resolve,optimize,codegen}, which
- * import no babel at all.
- *
- * What stays here is genuinely host work: dispatching the visitors, collecting
- * the runtime symbols the backend reported so the imports can be injected, and
- * hoisting static templates to module scope.
- */
 import { type ComponentResolverRule } from '../../resolve/component-resolver.js';
 import { type PluginObj } from '@babel/core';
 export interface PluginOptions {
@@ -50,7 +34,7 @@ export interface PluginOptions {
      */
     controlFlowModule?: string;
     /**
-     * Module the router components (Router/Outlet/…) are auto-imported from.
+     * Module the router components (Router/Outlet/...) are auto-imported from.
      * @default '@fluixi/core/router'
      */
     routerModule?: string;
@@ -76,20 +60,20 @@ export interface PluginOptions {
     /**
      * Which authoring syntaxes to compile:
      * - 'jsx': only JSX elements/fragments.
-     * - 'lit': only `` html`...` `` / `` svg`...` `` tagged templates.
+     * - 'html': only `` html`...` `` / `` svg`...` `` tagged templates.
      * - 'both' (default): JSX and `html``` templates in the same file.
      *
      * Both syntaxes lower to the same IR and the same imperative backend, so the
      * choice is about which source forms the plugin touches, not about output.
      * @default 'both'
      */
-    format?: 'jsx' | 'lit' | 'both';
+    format?: 'jsx' | 'html' | 'both';
     /**
-     * Tag name that marks a lit template for compilation (when `format` includes
-     * lit). Other tagged templates are left untouched.
+     * Tag name that marks an html template for compilation (when `format` includes
+     * html). Other tagged templates are left untouched.
      * @default 'html'
      */
-    litTag?: string;
+    htmlTag?: string;
 }
 declare const _default: (api: object, options: PluginOptions | null | undefined, dirname: string) => PluginObj<import("@babel/core").PluginPass>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAEL,KAAK,qBAAqB,EAG3B,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAUnE,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAEhC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAkDD,wBAgVG"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,qBAAqB,EAG3B,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAQnE,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AA8CD,wBA+UG"}

package/dist/frontend/babel/plugin.js

@@ -1,19 +1,3 @@
-/**
- * @fileoverview Babel front-end for the Fluixi compiler.
- * @module @fluixi/babel-plugin-jsx
- *
- * This is a host adapter, not the compiler. It parses with babel and, for each
- * JSX element/fragment and each `` html`...` `` template, hands the node to the
- * shared pipeline: build IR, run the imperative backend, then splices the
- * emitted code back into the program. Everything that decides *what* the output
- * means (directives, control flow, component resolution, load strategies,
- * reactivity, templates) lives in ../../{ir,resolve,optimize,codegen}, which
- * import no babel at all.
- *
- * What stays here is genuinely host work: dispatching the visitors, collecting
- * the runtime symbols the backend reported so the imports can be injected, and
- * hoisting static templates to module scope.
- */
 import { declare } from '@babel/helper-plugin-utils';
 import { createComponentResolver, } from '../../resolve/component-resolver.js';
 import { resolveComponentSources } from '../../resolve/resolve-ir.js';
@@ -22,31 +6,27 @@ import { isDeferred } from '../../resolve/load-directive.js';
 import { CORE_CONTROL_FLOW, ROUTER_COMPONENTS as ROUTER_COMPONENT_NAMES, } from '../../resolve/builtins.js';
 import { types as t, template } from '@babel/core';
 import { buildIR } from './build-ir.js';
-import { buildIRFromLit } from './build-ir-lit.js';
+import { buildIRFromHtml } from './build-ir-html.js';
 import { imperativeBackend } from '../../codegen/backends/imperative.js';
-// ============================================================================
 // Constants
-// ============================================================================
 // Control-flow components that live in fluixi, NOT @fluixi/dom, they must
 // be auto-imported from core (dom doesn't export them).
 const CORE_ONLY_CONTROL_FLOW = new Set(CORE_CONTROL_FLOW);
 // Router components auto-imported (from routerModule) the same way control flow is:
-// use `<Router>`/`<Outlet>`/… in a template and the import is injected if absent.
+// use `<Router>`/`<Outlet>`/... in a template and the import is injected if absent.
 const ROUTER_COMPONENTS = new Set(ROUTER_COMPONENT_NAMES);
-// ============================================================================
 // Main Plugin
-// ============================================================================
 export default declare((api, options = {}) => {
     api.assertVersion(7);
     const { delegateEvents = true, signalModule = '@fluixi/dom', controlFlowModule = '@fluixi/dom', routerModule = '@fluixi/core/router', reactiveModule = '@fluixi/reactive/signal', templateClone = true, partialTemplates = true, 
     // `both` by default: JSX and html`` are compiled out of the box, so
     // `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', resolve: resolveRules = [], } = options;
+    format = 'both', htmlTag = 'html', resolve: resolveRules = [], } = options;
     // Built once per plugin instance, not per file: the rules are static and the
     // resolver memoises lookups, so every file in the build shares one cache.
     const componentResolver = createComponentResolver(resolveRules);
-    const compileLit = format === 'lit' || format === 'both';
+    const compileHtml = format === 'html' || format === 'both';
     const pluginState = {
         irImports: new Set(),
         libModule: '@fluixi/core',
@@ -55,7 +35,7 @@ export default declare((api, options = {}) => {
         templateClone,
         partialTemplates,
         hasJSX: false,
-        hasLitHTML: false,
+        hasHtmlTag: false,
         needsControlFlowImport: false,
         needsCreateMemo: false,
         controlFlowComponents: new Set(),
@@ -73,7 +53,6 @@ export default declare((api, options = {}) => {
             parserOpts.plugins.push('jsx', 'typescript');
         },
         pre(state) {
-            // Initialize plugin state
             Object.assign(state, pluginState);
         },
         visitor: {
@@ -82,8 +61,8 @@ export default declare((api, options = {}) => {
                     // Reset state for new file
                     Object.assign(state, {
                         hasJSX: false,
-                        hasLitHTML: false,
-                        hasLitIR: false,
+                        hasHtmlTag: false,
+                        hasHtmlIR: false,
                         needsControlFlowImport: false,
                         needsCreateMemo: false,
                         controlFlowComponents: new Set(),
@@ -108,7 +87,7 @@ export default declare((api, options = {}) => {
                 },
                 exit(path, state) {
                     const imports = [];
-                    if (state.hasJSX || state.hasLitIR) {
+                    if (state.hasJSX || state.hasHtmlIR) {
                         if (state.irImports.size > 0) {
                             // Import exactly the symbols emit() reported, splitting control-flow
                             // components to the control-flow module.
@@ -263,18 +242,16 @@ export default declare((api, options = {}) => {
             TaggedTemplateExpression(path, state) {
                 // `html`...`` and `svg`...`` lower through the same IR and the same
                 // backend as JSX: one pipeline, two authoring syntaxes.
-                if (compileLit &&
+                if (compileHtml &&
                     t.isIdentifier(path.node.tag) &&
-                    (path.node.tag.name === litTag || path.node.tag.name === 'svg')) {
-                    path.replaceWith(emitLitViaIR(path.node, state));
+                    (path.node.tag.name === htmlTag || path.node.tag.name === 'svg')) {
+                    path.replaceWith(emitHtmlViaIR(path.node, state));
                 }
             },
         },
     };
 });
-// ============================================================================
 // JSX Transformation
-// ============================================================================
 /**
  * Two usages of one component in the same file share a binding, so their strategies
  * have to agree. The earlier-loading one wins: the module is in whichever chunk loads
@@ -344,10 +321,10 @@ function adoptTemplates(code, templates, state) {
 }
 function emitViaIR(node, state) {
     // `used` collects runtime symbols emitted for JSX nested inside expressions
-    // (render-props, ternaries, fallback={<p/>}, …) so we import them too.
+    // (render-props, ternaries, fallback={<p/>}, ...) so we import them too.
     const used = new Set();
     const ir = buildIR(node, used, nestedHook(state));
-    // The same passes the lit path runs. Without them `codegen: 'ir'` silently skipped
+    // The same passes the html path runs. Without them `codegen: 'ir'` silently skipped
     // resolution entirely: a resolved tag compiled to a reference with no import.
     resolveComponentSources(ir, {
         resolver: state.componentResolver,
@@ -401,15 +378,15 @@ function dedupeImports(imports) {
     return out;
 }
 /**
- * Lit-pipeline path: build IR from a `` html`...` `` template, emit through the
- * imperative backend, reparse. Mirrors emitViaIR, the whole point is that lit
+ * Html-template path: build IR from a `` html`...` `` template, emit through the
+ * imperative backend, reparse. Mirrors emitViaIR, the whole point is that html
  * and JSX share one IR + one backend. Collects runtime imports and the delegated
  * events used so Program.exit wires them.
  */
-function emitLitViaIR(node, state) {
+function emitHtmlViaIR(node, state) {
     const used = new Set();
     const svg = t.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) });
     // Resolve pass: annotate each component reference with where it comes from, before
     // codegen. Bindings are not checked here: Program.exit knows the whole file's scope
     // and drops any injected import whose name turns out to be bound.
@@ -432,7 +409,7 @@ function emitLitViaIR(node, state) {
     for (const s of used)
         state.irImports.add(s);
     collectRuntimeNeeds(ir, state);
-    state.hasLitIR = true;
+    state.hasHtmlIR = true;
     // The IR is emitted as a string and reparsed, so the resulting nodes carry no
     // position: which is why compiled html`` had no source map at all. Give every
     // generated node the template's own location so a breakpoint or stack frame
@@ -479,7 +456,7 @@ function inheritLocation(target, source) {
     walk(target);
 }
 /**
- * Walk the lit IR for things Program.exit wires: delegated events (-> the
+ * Walk the html IR for things Program.exit wires: delegated events (-> the
  * delegateEvents([...]) call) and control-flow component names used as tags
  * (-> auto-import from the control-flow module, like the inline JSX path).
  */

package/dist/frontend/babel/plugin.mjs

@@ -1118,7 +1118,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];
@@ -1247,8 +1247,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 = [
@@ -1263,8 +1263,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) {
@@ -1301,7 +1301,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.
@@ -1442,7 +1442,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";
@@ -1468,7 +1468,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;
@@ -1535,7 +1535,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);
@@ -1628,9 +1628,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;
 }
@@ -2039,12 +2039,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);
@@ -2087,11 +2087,11 @@ var plugin_default = 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",
@@ -2100,7 +2100,7 @@ var plugin_default = declare((api, options = {}) => {
     templateClone,
     partialTemplates,
     hasJSX: false,
-    hasLitHTML: false,
+    hasHtmlTag: false,
     needsControlFlowImport: false,
     needsCreateMemo: false,
     controlFlowComponents: /* @__PURE__ */ new Set(),
@@ -2124,8 +2124,8 @@ var plugin_default = 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(),
@@ -2150,7 +2150,7 @@ var plugin_default = 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",
@@ -2340,8 +2340,8 @@ var plugin_default = declare((api, options = {}) => {
         path.replaceWith(emitViaIR(path.node, state));
       },
       TaggedTemplateExpression(path, state) {
-        if (compileLit && t3.isIdentifier(path.node.tag) && (path.node.tag.name === litTag || path.node.tag.name === "svg")) {
-          path.replaceWith(emitLitViaIR(path.node, state));
+        if (compileHtml && t3.isIdentifier(path.node.tag) && (path.node.tag.name === htmlTag || path.node.tag.name === "svg")) {
+          path.replaceWith(emitHtmlViaIR(path.node, state));
         }
       }
     }
@@ -2444,10 +2444,10 @@ function dedupeImports(imports) {
   }
   return out;
 }
-function emitLitViaIR(node, state) {
+function emitHtmlViaIR(node, state) {
   const used = /* @__PURE__ */ new Set();
   const svg = t3.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: {
@@ -2462,7 +2462,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 = template2.expression(adoptTemplates(code, templates, state), {
     placeholderPattern: false,
     plugins: ["typescript"]

package/dist/frontend/babel/server-functions.js

@@ -5,7 +5,7 @@
  *   const getUser = async (id) => { 'use server'; return db.users.find(id); };
  *
  * - **Server build** (`ssr: true`): keep the body, register it by a stable id so the
- *   RPC dispatcher can find it → `$$registerServerFn("id", async (id) => {…})`.
+ *   RPC dispatcher can find it → `$$registerServerFn("id", async (id) => {...})`.
  * - **Client build** (`ssr: false`): drop the body (server-only code never ships) and
  *   replace it with an RPC stub → `$$createServerReference("id")`.
  *
@@ -52,7 +52,7 @@ function serverFunctionsBabelPlugin({ types: t }) {
                     ])
                     : t.callExpression(t.identifier(helper), [t.stringLiteral(id)]);
                 if (path.isFunctionDeclaration()) {
-                    // function f(){…} → const f = wrap(…)  (loses hoisting; acceptable)
+                    // function f(){...} → const f = wrap(...)  (loses hoisting; acceptable)
                     path.replaceWith(t.variableDeclaration('const', [t.variableDeclarator(path.node.id, replacement)]));
                 }
                 else {