@fluixi/template-runtime 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/cdn/fluixi.js

@@ -1,5 +1,5 @@
 /**
- * CDN entry: the full build — the browser runtime with the template compiler in
+ * CDN entry: the full build: the browser runtime with the template compiler in
  * front of it, so `` html`...` `` works on a page that has no build step.
  *
  *   <script src="https://.../@fluixi/template-runtime/fluixi.global.js"></script>

package/dist/classify.cjs

@@ -1 +1,99 @@
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(n,e)=>{for(var o in e)s(n,o,{get:e[o],enumerable:!0})},f=(n,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of c(e))!d.call(n,i)&&i!==o&&s(n,i,{get:()=>e[i],enumerable:!(t=a(e,i))||t.enumerable});return n};var h=n=>f(s({},"__esModule",{value:!0}),n);var u={};p(u,{classify:()=>m});module.exports=h(u);function k(n,e){switch(n.kind){case"Attribute":if(n.value&&n.value.kind==="hole")e.set(n.value.hole,"attr");else if(n.value&&n.value.kind==="mixed")for(let o of n.value.parts)"hole"in o&&e.set(o.hole,"attr");return;case"PropertyBinding":e.set(n.hole,"attr");return;case"BindDirective":e.set(n.hole,"bind");return;case"EventBinding":e.set(n.hole,"event");return;case"RefBinding":e.set(n.hole,"ref");return;case"Spread":e.set(n.hole,"spread");return;case"IfDirective":e.set(n.hole,"control");return;case"EachDirective":e.set(n.hole,"control"),n.key&&"hole"in n.key&&e.set(n.key.hole,"attr");return;default:return}}function l(n,e,o){for(let t of n)switch(t.kind){case"Expression":e.has(t.hole)||e.set(t.hole,"text");break;case"Element":case"Component":{t.kind==="Component"&&(t.tagHole!==null?e.set(t.tagHole,"component"):t.tag&&o.add(t.tag.split(".")[0]));let i=t.attributes.some(r=>r.kind==="EachDirective");for(let r of t.attributes)k(r,e);if(i)for(let r of t.children)r.kind==="Expression"&&e.set(r.hole,"render");l(t.children,e,o);break}case"Root":case"Fragment":l(t.children,e,o);break;default:break}}function m(n){let e=new Map,o=new Set;return l(n.root.children,e,o),{holes:e,components:o}}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/classify.ts
+var classify_exports = {};
+__export(classify_exports, {
+  classify: () => classify
+});
+module.exports = __toCommonJS(classify_exports);
+function attrHoles(attr, out) {
+  switch (attr.kind) {
+    case "Attribute":
+      if (attr.value && attr.value.kind === "hole") out.set(attr.value.hole, "attr");
+      else if (attr.value && attr.value.kind === "mixed") {
+        for (const part of attr.value.parts) {
+          if ("hole" in part) out.set(part.hole, "attr");
+        }
+      }
+      return;
+    case "PropertyBinding":
+      out.set(attr.hole, "attr");
+      return;
+    // bindPair() wants the signal itself, so this one is never called.
+    case "BindDirective":
+      out.set(attr.hole, "bind");
+      return;
+    case "EventBinding":
+      out.set(attr.hole, "event");
+      return;
+    case "RefBinding":
+      out.set(attr.hole, "ref");
+      return;
+    case "Spread":
+      out.set(attr.hole, "spread");
+      return;
+    case "IfDirective":
+      out.set(attr.hole, "control");
+      return;
+    case "EachDirective":
+      out.set(attr.hole, "control");
+      if (attr.key && "hole" in attr.key) out.set(attr.key.hole, "attr");
+      return;
+    default:
+      return;
+  }
+}
+function walk(nodes, out, tags) {
+  for (const node of nodes) {
+    switch (node.kind) {
+      case "Expression":
+        if (!out.has(node.hole)) out.set(node.hole, "text");
+        break;
+      case "Element":
+      case "Component": {
+        if (node.kind === "Component") {
+          if (node.tagHole !== null) out.set(node.tagHole, "component");
+          else if (node.tag) tags.add(node.tag.split(".")[0]);
+        }
+        const repeats = node.attributes.some((a) => a.kind === "EachDirective");
+        for (const attr of node.attributes) attrHoles(attr, out);
+        if (repeats) {
+          for (const child of node.children) {
+            if (child.kind === "Expression") out.set(child.hole, "render");
+          }
+        }
+        walk(node.children, out, tags);
+        break;
+      }
+      case "Root":
+      case "Fragment":
+        walk(node.children, out, tags);
+        break;
+      default:
+        break;
+    }
+  }
+}
+function classify(parsed) {
+  const holes = /* @__PURE__ */ new Map();
+  const components = /* @__PURE__ */ new Set();
+  walk(parsed.root.children, holes, components);
+  return { holes, components };
+}

package/dist/classify.mjs

@@ -1 +1,78 @@
-function l(e,n){switch(e.kind){case"Attribute":if(e.value&&e.value.kind==="hole")n.set(e.value.hole,"attr");else if(e.value&&e.value.kind==="mixed")for(let o of e.value.parts)"hole"in o&&n.set(o.hole,"attr");return;case"PropertyBinding":n.set(e.hole,"attr");return;case"BindDirective":n.set(e.hole,"bind");return;case"EventBinding":n.set(e.hole,"event");return;case"RefBinding":n.set(e.hole,"ref");return;case"Spread":n.set(e.hole,"spread");return;case"IfDirective":n.set(e.hole,"control");return;case"EachDirective":n.set(e.hole,"control"),e.key&&"hole"in e.key&&n.set(e.key.hole,"attr");return;default:return}}function r(e,n,o){for(let t of e)switch(t.kind){case"Expression":n.has(t.hole)||n.set(t.hole,"text");break;case"Element":case"Component":{t.kind==="Component"&&(t.tagHole!==null?n.set(t.tagHole,"component"):t.tag&&o.add(t.tag.split(".")[0]));let s=t.attributes.some(i=>i.kind==="EachDirective");for(let i of t.attributes)l(i,n);if(s)for(let i of t.children)i.kind==="Expression"&&n.set(i.hole,"render");r(t.children,n,o);break}case"Root":case"Fragment":r(t.children,n,o);break;default:break}}function a(e){let n=new Map,o=new Set;return r(e.root.children,n,o),{holes:n,components:o}}export{a as classify};
+// src/classify.ts
+function attrHoles(attr, out) {
+  switch (attr.kind) {
+    case "Attribute":
+      if (attr.value && attr.value.kind === "hole") out.set(attr.value.hole, "attr");
+      else if (attr.value && attr.value.kind === "mixed") {
+        for (const part of attr.value.parts) {
+          if ("hole" in part) out.set(part.hole, "attr");
+        }
+      }
+      return;
+    case "PropertyBinding":
+      out.set(attr.hole, "attr");
+      return;
+    // bindPair() wants the signal itself, so this one is never called.
+    case "BindDirective":
+      out.set(attr.hole, "bind");
+      return;
+    case "EventBinding":
+      out.set(attr.hole, "event");
+      return;
+    case "RefBinding":
+      out.set(attr.hole, "ref");
+      return;
+    case "Spread":
+      out.set(attr.hole, "spread");
+      return;
+    case "IfDirective":
+      out.set(attr.hole, "control");
+      return;
+    case "EachDirective":
+      out.set(attr.hole, "control");
+      if (attr.key && "hole" in attr.key) out.set(attr.key.hole, "attr");
+      return;
+    default:
+      return;
+  }
+}
+function walk(nodes, out, tags) {
+  for (const node of nodes) {
+    switch (node.kind) {
+      case "Expression":
+        if (!out.has(node.hole)) out.set(node.hole, "text");
+        break;
+      case "Element":
+      case "Component": {
+        if (node.kind === "Component") {
+          if (node.tagHole !== null) out.set(node.tagHole, "component");
+          else if (node.tag) tags.add(node.tag.split(".")[0]);
+        }
+        const repeats = node.attributes.some((a) => a.kind === "EachDirective");
+        for (const attr of node.attributes) attrHoles(attr, out);
+        if (repeats) {
+          for (const child of node.children) {
+            if (child.kind === "Expression") out.set(child.hole, "render");
+          }
+        }
+        walk(node.children, out, tags);
+        break;
+      }
+      case "Root":
+      case "Fragment":
+        walk(node.children, out, tags);
+        break;
+      default:
+        break;
+    }
+  }
+}
+function classify(parsed) {
+  const holes = /* @__PURE__ */ new Map();
+  const components = /* @__PURE__ */ new Set();
+  walk(parsed.root.children, holes, components);
+  return { holes, components };
+}
+export {
+  classify
+};

package/dist/index.cjs

@@ -1 +1,219 @@
-"use strict";var T=Object.create;var a=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var D=(e,n)=>{for(var t in n)a(e,t,{get:n[t],enumerable:!0})},h=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of S(n))!N.call(e,r)&&r!==t&&a(e,r,{get:()=>n[r],enumerable:!(o=E(n,r))||o.enumerable});return e};var O=(e,n,t)=>(t=e!=null?T(A(e)):{},h(n||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),B=e=>h(a({},"__esModule",{value:!0}),e);var J={};D(J,{define:()=>L,html:()=>z,svg:()=>G});module.exports=B(J);var j=O(require("@fluixi/dom"),1),y=require("@fluixi/reactive"),k=require("@fluixi/compiler/compile"),v=require("@fluixi/template-parser");function P(e,n){switch(e.kind){case"Attribute":if(e.value&&e.value.kind==="hole")n.set(e.value.hole,"attr");else if(e.value&&e.value.kind==="mixed")for(let t of e.value.parts)"hole"in t&&n.set(t.hole,"attr");return;case"PropertyBinding":n.set(e.hole,"attr");return;case"BindDirective":n.set(e.hole,"bind");return;case"EventBinding":n.set(e.hole,"event");return;case"RefBinding":n.set(e.hole,"ref");return;case"Spread":n.set(e.hole,"spread");return;case"IfDirective":n.set(e.hole,"control");return;case"EachDirective":n.set(e.hole,"control"),e.key&&"hole"in e.key&&n.set(e.key.hole,"attr");return;default:return}}function c(e,n,t){for(let o of e)switch(o.kind){case"Expression":n.has(o.hole)||n.set(o.hole,"text");break;case"Element":case"Component":{o.kind==="Component"&&(o.tagHole!==null?n.set(o.tagHole,"component"):o.tag&&t.add(o.tag.split(".")[0]));let r=o.attributes.some(s=>s.kind==="EachDirective");for(let s of o.attributes)P(s,n);if(r)for(let s of o.children)s.kind==="Expression"&&n.set(s.hole,"render");c(o.children,n,t);break}case"Root":case"Fragment":c(o.children,n,t);break;default:break}}function w(e){let n=new Map,t=new Set;return c(e.root.children,n,t),{holes:n,components:t}}var p={...j,createMemo:y.createMemo},F=["For","Index","Show","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense"],f=new Map;function L(e){for(let[n,t]of Object.entries(e))f.set(n,t)}function I(e){return e==="text"||e==="attr"||e==="control"}function W(e,n){return e.map((t,o)=>{let r=n.get(o)??"text";return r==="render"?{code:`$$v[${o}]`,reactive:!1,arrow:{params:["$$item"],body:`$$v[${o}]($$item)`,bodyReactive:!1}}:typeof t=="function"&&I(r)?{code:`$$v[${o}]()`,reactive:!0}:{code:`$$v[${o}]`,reactive:!1}})}function U(e){if(f.has(e))return f.get(e);let n=globalThis[e];if(n!==void 0)return n;throw new Error(`[fluixi] <${e}> is not defined. Pass it as a hole — <\${${e}} /> — or register it with define({ ${e} }).`)}function _(e,n,t){let o=e,r=(0,v.parse)(o,{svg:t}),s=r.diagnostics.filter(i=>i.severity==="error");if(s.length>0)throw new Error(`[fluixi] ${t?"svg":"html"}\`\`: ${s.map(i=>i.message).join("; ")}`);let{holes:$,components:b}=w(r),{code:H,imports:d}=(0,k.compileTemplate)({statics:o,holes:W(n,$)},{svg:t}),u=d.filter(i=>!(i in p));if(u.length>0)throw new Error(`[fluixi] no runtime binding for: ${u.join(", ")}`);let l=Array.from(new Set([...d,...F])).filter(i=>i in p),m=Array.from(b).filter(i=>!l.includes(i)),M=[...l,...m],C=new Function(...M,"$$v",`return (${H});`);return{run:i=>C(...l.map(R=>p[R]),...m.map(U),i)}}var g=new WeakMap;function q(e){let n="";for(let t of e)n+=typeof t=="function"?"f":"v";return n}function x(e){return(n,...t)=>{let o=g.get(n);o||(o=new Map,g.set(n,o));let r=q(t),s=o.get(r);return s||(s=_(n,t,e),o.set(r,s)),s.run(t)}}var z=x(!1),G=x(!0);
+/*! @fluixi/template-runtime v0.1.0-alpha.5 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  define: () => define,
+  html: () => html,
+  svg: () => svg
+});
+module.exports = __toCommonJS(index_exports);
+var DOM = __toESM(require("@fluixi/dom"), 1);
+var import_reactive = require("@fluixi/reactive");
+var import_compile = require("@fluixi/compiler/compile");
+var import_template_parser = require("@fluixi/template-parser");
+
+// src/classify.ts
+function attrHoles(attr, out) {
+  switch (attr.kind) {
+    case "Attribute":
+      if (attr.value && attr.value.kind === "hole") out.set(attr.value.hole, "attr");
+      else if (attr.value && attr.value.kind === "mixed") {
+        for (const part of attr.value.parts) {
+          if ("hole" in part) out.set(part.hole, "attr");
+        }
+      }
+      return;
+    case "PropertyBinding":
+      out.set(attr.hole, "attr");
+      return;
+    // bindPair() wants the signal itself, so this one is never called.
+    case "BindDirective":
+      out.set(attr.hole, "bind");
+      return;
+    case "EventBinding":
+      out.set(attr.hole, "event");
+      return;
+    case "RefBinding":
+      out.set(attr.hole, "ref");
+      return;
+    case "Spread":
+      out.set(attr.hole, "spread");
+      return;
+    case "IfDirective":
+      out.set(attr.hole, "control");
+      return;
+    case "EachDirective":
+      out.set(attr.hole, "control");
+      if (attr.key && "hole" in attr.key) out.set(attr.key.hole, "attr");
+      return;
+    default:
+      return;
+  }
+}
+function walk(nodes, out, tags) {
+  for (const node of nodes) {
+    switch (node.kind) {
+      case "Expression":
+        if (!out.has(node.hole)) out.set(node.hole, "text");
+        break;
+      case "Element":
+      case "Component": {
+        if (node.kind === "Component") {
+          if (node.tagHole !== null) out.set(node.tagHole, "component");
+          else if (node.tag) tags.add(node.tag.split(".")[0]);
+        }
+        const repeats = node.attributes.some((a) => a.kind === "EachDirective");
+        for (const attr of node.attributes) attrHoles(attr, out);
+        if (repeats) {
+          for (const child of node.children) {
+            if (child.kind === "Expression") out.set(child.hole, "render");
+          }
+        }
+        walk(node.children, out, tags);
+        break;
+      }
+      case "Root":
+      case "Fragment":
+        walk(node.children, out, tags);
+        break;
+      default:
+        break;
+    }
+  }
+}
+function classify(parsed) {
+  const holes = /* @__PURE__ */ new Map();
+  const components = /* @__PURE__ */ new Set();
+  walk(parsed.root.children, holes, components);
+  return { holes, components };
+}
+
+// src/index.ts
+var RUNTIME = {
+  ...DOM,
+  createMemo: import_reactive.createMemo
+};
+var CONTROL_FLOW = [
+  "For",
+  "Index",
+  "Show",
+  "Switch",
+  "Match",
+  "Portal",
+  "Dynamic",
+  "ErrorBoundary",
+  "Suspense"
+];
+var registry = /* @__PURE__ */ new Map();
+function define(components) {
+  for (const [name, value] of Object.entries(components)) registry.set(name, value);
+}
+function reads(context) {
+  return context === "text" || context === "attr" || context === "control";
+}
+function describe(values, holes) {
+  return values.map((value, i) => {
+    const context = holes.get(i) ?? "text";
+    if (context === "render") {
+      return {
+        code: `$$v[${i}]`,
+        reactive: false,
+        arrow: { params: ["$$item"], body: `$$v[${i}]($$item)`, bodyReactive: false }
+      };
+    }
+    if (typeof value === "function" && reads(context)) {
+      return { code: `$$v[${i}]()`, reactive: true };
+    }
+    return { code: `$$v[${i}]`, reactive: false };
+  });
+}
+function resolveComponent(name) {
+  if (registry.has(name)) return registry.get(name);
+  const global = globalThis[name];
+  if (global !== void 0) return global;
+  throw new Error(
+    `[fluixi] <${name}> is not defined. Pass it as a hole — <\${${name}} /> — or register it with define({ ${name} }).`
+  );
+}
+function build(strings, values, svg2) {
+  const statics = strings;
+  const parsed = (0, import_template_parser.parse)(statics, { svg: svg2 });
+  const fatal = parsed.diagnostics.filter((d) => d.severity === "error");
+  if (fatal.length > 0) {
+    throw new Error(
+      `[fluixi] ${svg2 ? "svg" : "html"}\`\`: ${fatal.map((d) => d.message).join("; ")}`
+    );
+  }
+  const { holes, components } = classify(parsed);
+  const { code, imports } = (0, import_compile.compileTemplate)({ statics, holes: describe(values, holes) }, { svg: svg2 });
+  const missing = imports.filter((n) => !(n in RUNTIME));
+  if (missing.length > 0) {
+    throw new Error(`[fluixi] no runtime binding for: ${missing.join(", ")}`);
+  }
+  const helpers = Array.from(/* @__PURE__ */ new Set([...imports, ...CONTROL_FLOW])).filter(
+    (n) => n in RUNTIME
+  );
+  const tags = Array.from(components).filter((n) => !helpers.includes(n));
+  const names = [...helpers, ...tags];
+  const factory = new Function(...names, "$$v", `return (${code});`);
+  return {
+    run: (vals) => factory(
+      ...helpers.map((n) => RUNTIME[n]),
+      ...tags.map(resolveComponent),
+      vals
+    )
+  };
+}
+var cache = /* @__PURE__ */ new WeakMap();
+function shapeOf(values) {
+  let shape = "";
+  for (const value of values) shape += typeof value === "function" ? "f" : "v";
+  return shape;
+}
+function tag(svg2) {
+  return (strings, ...values) => {
+    let shapes = cache.get(strings);
+    if (!shapes) {
+      shapes = /* @__PURE__ */ new Map();
+      cache.set(strings, shapes);
+    }
+    const shape = shapeOf(values);
+    let compiled = shapes.get(shape);
+    if (!compiled) {
+      compiled = build(strings, values, svg2);
+      shapes.set(shape, compiled);
+    }
+    return compiled.run(values);
+  };
+}
+var html = tag(false);
+var svg = tag(true);

package/dist/index.js

@@ -79,7 +79,7 @@ function build(strings, values, svg) {
 }
 // The same call site hands back the same TemplateStringsArray on every
 // evaluation, so it keys the cache. The emitted code differs by whether each hole
-// held an accessor, though, and a site can be called both ways — so the shape is
+// held an accessor, though, and a site can be called both ways, so the shape is
 // part of the key rather than something the first call fixes for good.
 const cache = new WeakMap();
 function shapeOf(values) {

package/dist/index.mjs

@@ -1 +1,189 @@
-import*as H from"@fluixi/dom";import{createMemo as M}from"@fluixi/reactive";import{compileTemplate as C}from"@fluixi/compiler/compile";import{parse as R}from"@fluixi/template-parser";function b(e,n){switch(e.kind){case"Attribute":if(e.value&&e.value.kind==="hole")n.set(e.value.hole,"attr");else if(e.value&&e.value.kind==="mixed")for(let o of e.value.parts)"hole"in o&&n.set(o.hole,"attr");return;case"PropertyBinding":n.set(e.hole,"attr");return;case"BindDirective":n.set(e.hole,"bind");return;case"EventBinding":n.set(e.hole,"event");return;case"RefBinding":n.set(e.hole,"ref");return;case"Spread":n.set(e.hole,"spread");return;case"IfDirective":n.set(e.hole,"control");return;case"EachDirective":n.set(e.hole,"control"),e.key&&"hole"in e.key&&n.set(e.key.hole,"attr");return;default:return}}function l(e,n,o){for(let t of e)switch(t.kind){case"Expression":n.has(t.hole)||n.set(t.hole,"text");break;case"Element":case"Component":{t.kind==="Component"&&(t.tagHole!==null?n.set(t.tagHole,"component"):t.tag&&o.add(t.tag.split(".")[0]));let i=t.attributes.some(r=>r.kind==="EachDirective");for(let r of t.attributes)b(r,n);if(i)for(let r of t.children)r.kind==="Expression"&&n.set(r.hole,"render");l(t.children,n,o);break}case"Root":case"Fragment":l(t.children,n,o);break;default:break}}function m(e){let n=new Map,o=new Set;return l(e.root.children,n,o),{holes:n,components:o}}var c={...H,createMemo:M},T=["For","Index","Show","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense"],p=new Map;function L(e){for(let[n,o]of Object.entries(e))p.set(n,o)}function E(e){return e==="text"||e==="attr"||e==="control"}function S(e,n){return e.map((o,t)=>{let i=n.get(t)??"text";return i==="render"?{code:`$$v[${t}]`,reactive:!1,arrow:{params:["$$item"],body:`$$v[${t}]($$item)`,bodyReactive:!1}}:typeof o=="function"&&E(i)?{code:`$$v[${t}]()`,reactive:!0}:{code:`$$v[${t}]`,reactive:!1}})}function A(e){if(p.has(e))return p.get(e);let n=globalThis[e];if(n!==void 0)return n;throw new Error(`[fluixi] <${e}> is not defined. Pass it as a hole — <\${${e}} /> — or register it with define({ ${e} }).`)}function N(e,n,o){let t=e,i=R(t,{svg:o}),r=i.diagnostics.filter(s=>s.severity==="error");if(r.length>0)throw new Error(`[fluixi] ${o?"svg":"html"}\`\`: ${r.map(s=>s.message).join("; ")}`);let{holes:g,components:y}=m(i),{code:k,imports:f}=C({statics:t,holes:S(n,g)},{svg:o}),d=f.filter(s=>!(s in c));if(d.length>0)throw new Error(`[fluixi] no runtime binding for: ${d.join(", ")}`);let a=Array.from(new Set([...f,...T])).filter(s=>s in c),u=Array.from(y).filter(s=>!a.includes(s)),v=[...a,...u],x=new Function(...v,"$$v",`return (${k});`);return{run:s=>x(...a.map($=>c[$]),...u.map(A),s)}}var h=new WeakMap;function D(e){let n="";for(let o of e)n+=typeof o=="function"?"f":"v";return n}function w(e){return(n,...o)=>{let t=h.get(n);t||(t=new Map,h.set(n,t));let i=D(o),r=t.get(i);return r||(r=N(n,o,e),t.set(i,r)),r.run(o)}}var I=w(!1),W=w(!0);export{L as define,I as html,W as svg};
+/*! @fluixi/template-runtime v0.1.0-alpha.5 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/index.ts
+import * as DOM from "@fluixi/dom";
+import { createMemo } from "@fluixi/reactive";
+import { compileTemplate } from "@fluixi/compiler/compile";
+import { parse } from "@fluixi/template-parser";
+
+// src/classify.ts
+function attrHoles(attr, out) {
+  switch (attr.kind) {
+    case "Attribute":
+      if (attr.value && attr.value.kind === "hole") out.set(attr.value.hole, "attr");
+      else if (attr.value && attr.value.kind === "mixed") {
+        for (const part of attr.value.parts) {
+          if ("hole" in part) out.set(part.hole, "attr");
+        }
+      }
+      return;
+    case "PropertyBinding":
+      out.set(attr.hole, "attr");
+      return;
+    // bindPair() wants the signal itself, so this one is never called.
+    case "BindDirective":
+      out.set(attr.hole, "bind");
+      return;
+    case "EventBinding":
+      out.set(attr.hole, "event");
+      return;
+    case "RefBinding":
+      out.set(attr.hole, "ref");
+      return;
+    case "Spread":
+      out.set(attr.hole, "spread");
+      return;
+    case "IfDirective":
+      out.set(attr.hole, "control");
+      return;
+    case "EachDirective":
+      out.set(attr.hole, "control");
+      if (attr.key && "hole" in attr.key) out.set(attr.key.hole, "attr");
+      return;
+    default:
+      return;
+  }
+}
+function walk(nodes, out, tags) {
+  for (const node of nodes) {
+    switch (node.kind) {
+      case "Expression":
+        if (!out.has(node.hole)) out.set(node.hole, "text");
+        break;
+      case "Element":
+      case "Component": {
+        if (node.kind === "Component") {
+          if (node.tagHole !== null) out.set(node.tagHole, "component");
+          else if (node.tag) tags.add(node.tag.split(".")[0]);
+        }
+        const repeats = node.attributes.some((a) => a.kind === "EachDirective");
+        for (const attr of node.attributes) attrHoles(attr, out);
+        if (repeats) {
+          for (const child of node.children) {
+            if (child.kind === "Expression") out.set(child.hole, "render");
+          }
+        }
+        walk(node.children, out, tags);
+        break;
+      }
+      case "Root":
+      case "Fragment":
+        walk(node.children, out, tags);
+        break;
+      default:
+        break;
+    }
+  }
+}
+function classify(parsed) {
+  const holes = /* @__PURE__ */ new Map();
+  const components = /* @__PURE__ */ new Set();
+  walk(parsed.root.children, holes, components);
+  return { holes, components };
+}
+
+// src/index.ts
+var RUNTIME = {
+  ...DOM,
+  createMemo
+};
+var CONTROL_FLOW = [
+  "For",
+  "Index",
+  "Show",
+  "Switch",
+  "Match",
+  "Portal",
+  "Dynamic",
+  "ErrorBoundary",
+  "Suspense"
+];
+var registry = /* @__PURE__ */ new Map();
+function define(components) {
+  for (const [name, value] of Object.entries(components)) registry.set(name, value);
+}
+function reads(context) {
+  return context === "text" || context === "attr" || context === "control";
+}
+function describe(values, holes) {
+  return values.map((value, i) => {
+    const context = holes.get(i) ?? "text";
+    if (context === "render") {
+      return {
+        code: `$$v[${i}]`,
+        reactive: false,
+        arrow: { params: ["$$item"], body: `$$v[${i}]($$item)`, bodyReactive: false }
+      };
+    }
+    if (typeof value === "function" && reads(context)) {
+      return { code: `$$v[${i}]()`, reactive: true };
+    }
+    return { code: `$$v[${i}]`, reactive: false };
+  });
+}
+function resolveComponent(name) {
+  if (registry.has(name)) return registry.get(name);
+  const global = globalThis[name];
+  if (global !== void 0) return global;
+  throw new Error(
+    `[fluixi] <${name}> is not defined. Pass it as a hole — <\${${name}} /> — or register it with define({ ${name} }).`
+  );
+}
+function build(strings, values, svg2) {
+  const statics = strings;
+  const parsed = parse(statics, { svg: svg2 });
+  const fatal = parsed.diagnostics.filter((d) => d.severity === "error");
+  if (fatal.length > 0) {
+    throw new Error(
+      `[fluixi] ${svg2 ? "svg" : "html"}\`\`: ${fatal.map((d) => d.message).join("; ")}`
+    );
+  }
+  const { holes, components } = classify(parsed);
+  const { code, imports } = compileTemplate({ statics, holes: describe(values, holes) }, { svg: svg2 });
+  const missing = imports.filter((n) => !(n in RUNTIME));
+  if (missing.length > 0) {
+    throw new Error(`[fluixi] no runtime binding for: ${missing.join(", ")}`);
+  }
+  const helpers = Array.from(/* @__PURE__ */ new Set([...imports, ...CONTROL_FLOW])).filter(
+    (n) => n in RUNTIME
+  );
+  const tags = Array.from(components).filter((n) => !helpers.includes(n));
+  const names = [...helpers, ...tags];
+  const factory = new Function(...names, "$$v", `return (${code});`);
+  return {
+    run: (vals) => factory(
+      ...helpers.map((n) => RUNTIME[n]),
+      ...tags.map(resolveComponent),
+      vals
+    )
+  };
+}
+var cache = /* @__PURE__ */ new WeakMap();
+function shapeOf(values) {
+  let shape = "";
+  for (const value of values) shape += typeof value === "function" ? "f" : "v";
+  return shape;
+}
+function tag(svg2) {
+  return (strings, ...values) => {
+    let shapes = cache.get(strings);
+    if (!shapes) {
+      shapes = /* @__PURE__ */ new Map();
+      cache.set(strings, shapes);
+    }
+    const shape = shapeOf(values);
+    let compiled = shapes.get(shape);
+    if (!compiled) {
+      compiled = build(strings, values, svg2);
+      shapes.set(shape, compiled);
+    }
+    return compiled.run(values);
+  };
+}
+var html = tag(false);
+var svg = tag(true);
+export {
+  define,
+  html,
+  svg
+};