@fluixi/compiler 1.0.0-alpha.73 → 1.0.0-alpha.75

package/dist/integrations.mjs

@@ -1,32 +1,26 @@
-import{a as S,b as C,g as M}from"./chunk-EF6V4GTD.mjs";import{transformSync as Z}from"@babel/core";var K="@fluixi/start/server-fn";function Q(e){let t=5381;for(let n=0;n<e.length;n++)t=t*33^e.charCodeAt(n);return(t>>>0).toString(16)}function Y({types:e}){return{name:"fluixi-server-functions",visitor:{Program:{enter(t,n){n.fxIndex=0,n.fxUsed=null},exit(t,n){n.fxUsed&&t.unshiftContainer("body",e.importDeclaration([e.importSpecifier(e.identifier(n.fxUsed),e.identifier(n.fxUsed))],e.stringLiteral(n.opts.runtimeModule||K)))}},"FunctionDeclaration|FunctionExpression|ArrowFunctionExpression":(t,n)=>{let r=t.node.body;if(!e.isBlockStatement(r))return;let i=(r.directives||[]).findIndex(g=>g.value.value==="use server");if(i<0)return;r.directives.splice(i,1);let o=(n.opts.filename||n.filename||"unknown").replace(n.opts.root?n.opts.root+"/":"",""),a=`${Q(o)}:${n.fxIndex++}`,c=!!n.opts.ssr,u=c?"$$registerServerFn":"$$createServerReference";n.fxUsed=u;let f=c?e.callExpression(e.identifier(u),[e.stringLiteral(a),t.isFunctionDeclaration()?e.functionExpression(null,t.node.params,r,t.node.generator,t.node.async):t.node]):e.callExpression(e.identifier(u),[e.stringLiteral(a)]);t.isFunctionDeclaration()?t.replaceWith(e.variableDeclaration("const",[e.variableDeclarator(t.node.id,f)])):t.replaceWith(f),t.skip()}}}}function $(e,t){if(!e.includes("use server"))return null;let n=Z(e,{filename:t.filename,configFile:!1,babelrc:!1,sourceMaps:!0,parserOpts:{plugins:["typescript","jsx"]},plugins:[[Y,t]]});return n?.code?{code:n.code,map:n.map}:null}import{mkdirSync as ne,readFileSync as w,writeFileSync as re}from"node:fs";import{dirname as P,relative as L,sep as k,resolve as v}from"node:path";var ee=new Set(["Text","Image","Option","Audio","Comment","Range","Selection","Notification","Event","Document","Element","Node","Screen","Window","Location","History","Storage","Response","Request","Headers"]);function te(e){if(e.startsWith(".")||e.startsWith("/")||/^[~@]\//.test(e))return;let t=e.split("/");return e.startsWith("@")?t.slice(0,2).join("/"):t[0]}function O(e){return`_${e.replace(/[^A-Za-z0-9]/g,"_")}`}function F(e,t={}){let{available:n,builtins:r=!0,generator:s="@fluixi/compiler",specifier:i=l=>l}=t,o=[...e];r&&o.push({components:M()});let a=C(o),c=n?new Set(n):void 0,u=[],f=[],g=[],x=new Map;for(let l of[...a.names()].sort()){let p=a.resolve(l);if(!p)continue;let m=te(p.module);ee.has(l)?f.push(l):c&&m&&!c.has(m)?g.push(l):(u.push(l),x.set(l,p))}let E=[...new Set(u.map(l=>x.get(l).module))].sort().map(l=>`import * as ${O(l)} from '${i(l)}';`),J=u.map(l=>{let p=x.get(l),m=O(p.module);return p.export==="default"?`  const ${l}: typeof ${m}.default;`:`  export import ${l} = ${m}.${p.export};`}),q=f.length>0?`//
+import{a as R,f as j}from"./chunk-E2PW2OZU.mjs";import{a as T}from"./chunk-3SAEGOMQ.mjs";import{mkdirSync as L,readFileSync as v,writeFileSync as B}from"node:fs";import{dirname as $,relative as E,sep as F,resolve as b}from"node:path";var I=new Set(["Text","Image","Option","Audio","Comment","Range","Selection","Notification","Event","Document","Element","Node","Screen","Window","Location","History","Storage","Response","Request","Headers"]);function _(e){if(e.startsWith(".")||e.startsWith("/")||/^[~@]\//.test(e))return;let t=e.split("/");return e.startsWith("@")?t.slice(0,2).join("/"):t[0]}function C(e){return`_${e.replace(/[^A-Za-z0-9]/g,"_")}`}function M(e,t={}){let{available:n,builtins:r=!0,generator:s="@fluixi/compiler",specifier:o=i=>i}=t,l=[...e];r&&l.push({components:j()});let a=R(l),f=n?new Set(n):void 0,c=[],p=[],d=[],h=new Map;for(let i of[...a.names()].sort()){let u=a.resolve(i);if(!u)continue;let m=_(u.module);I.has(i)?p.push(i):f&&m&&!f.has(m)?d.push(i):(c.push(i),h.set(i,u))}let S=[...new Set(c.map(i=>h.get(i).module))].sort().map(i=>`import * as ${C(i)} from '${o(i)}';`),D=c.map(i=>{let u=h.get(i),m=C(u.module);return u.export==="default"?`  const ${i}: typeof ${m}.default;`:`  export import ${i} = ${m}.${u.export};`}),W=p.length>0?`//
 // Import these explicitly — lib.dom already declares the name, so an ambient
 // declaration cannot win:
-`+f.map(l=>{let p=a.resolve(l)?.module;return`//   import { ${l} } from '${p?i(p):""}';
-`}).join(""):"",b=e.filter(l=>"match"in l).length,X=b>0?`//
-// ${b} pattern rule${b===1?"":"s"} cannot be declared:
+`+p.map(i=>{let u=a.resolve(i)?.module;return`//   import { ${i} } from '${u?o(u):""}';
+`}).join(""):"",g=e.filter(i=>"match"in i).length,N=g>0?`//
+// ${g} pattern rule${g===1?"":"s"} cannot be declared:
 // a pattern matches unboundedly many names, so there is no list to emit. Those
 // tags still resolve at build time; declare them by hand if the editor needs them.
 `:"";return{source:`// GENERATED by ${s} — do not edit.
 //
 // The components \`resolve\` supplies without an import. This describes what the
 // compiler already does; it does not enable it.
-`+q+X+(E.length>0?`
-${E.join(`
+`+W+N+(S.length>0?`
+${S.join(`
 `)}
 `:`
 `)+`
 declare global {
-${J.join(`
+${D.join(`
 `)}
 }
-`,declared:u,shadowedByDom:f,unavailable:g,patternRules:b}}var se="GENERATED by @fluixi/compiler",ie="fluixi.d.ts";function oe(e,t){let n;try{let s=w(v(e,"tsconfig.json"),"utf8");n=JSON.parse(s.replace(/^\s*\/\/.*$/gm,""))}catch{return}if(n.extends!==void 0)return;if(!Array.isArray(n.include))return!0;let r=D(e,t);return n.include.some(s=>{if(typeof s!="string")return!1;let i=s.replace(/[.+^${}()|[\]\\]/g,"\\$&").replace(/\*\*\//g,"(?:.*/)?").replace(/\*/g,"[^/]*");return new RegExp(`^${i}(?:/.*)?$`).test(r)})}function D(e,t){return L(e,t).split(k).join("/")}function ae(e,t,n){if(!e.startsWith("/"))return e;let r=v(n,e.slice(1)),s=L(t,r).split(k).join("/");return s.startsWith(".")||(s=`./${s}`),s.replace(/\.(tsx|ts|jsx|mts|cts)$/,".js")}function le(e){try{let t=JSON.parse(w(v(e,"package.json"),"utf8"));return[...Object.keys(t.dependencies??{}),...Object.keys(t.devDependencies??{}),...Object.keys(t.peerDependencies??{})]}catch{return}}function N(e,t){if(e.globals===!1)return{status:"skipped",reason:"disabled"};let n=e.resolve??[],r=v(t,e.globals??ie),s;try{s=w(r,"utf8")}catch{s=void 0}if(s!==void 0&&!s.includes(se))return{status:"skipped",reason:"foreign-file",path:r};let{source:i,declared:o}=F(n,{available:le(t),specifier:a=>ae(a,P(r),t)});return s===i?{status:"unchanged",path:r,declared:o.length,warning:A(t,r)}:(ne(P(r),{recursive:!0}),re(r,i),{status:"written",path:r,declared:o.length,warning:A(t,r)})}function A(e,t){if(oe(e,t)!==!1)return;let n=D(e,t);return`[fluixi] ${n} is not covered by "include" in tsconfig.json, so TypeScript will ignore it and every resolved component stays "Cannot find name". Add "${n}" to "include".`}import{readdirSync as we,readFileSync as Re}from"node:fs";import{join as U}from"node:path";var ce=new Set(["key","ref","children"]),ue=[/\(\)\s*=>/,/function\s*\(\)/,/\w+\(\)/,/\w+\.\w+/,/\w+\[.+\]/,/createSignal/,/createStore/,/createMemo/,/createEffect/],fe=/^on[A-Z]/;function T(e,t){let n={name:e,isStatic:!0,isReactive:!1,isEvent:fe.test(e),isRef:e==="ref",isSpread:e.startsWith("...")};if(ce.has(e))return n;if(n.isEvent||n.isRef)return n.isStatic=!1,n;if(typeof t=="string"){let r=t;for(let s of ue)if(s.test(r)){n.isStatic=!1,n.isReactive=!0;break}r.includes("${")&&(n.isStatic=!1,n.isReactive=!0)}else typeof t=="function"?(n.isStatic=!1,n.isReactive=!0):typeof t=="object"&&t!==null&&(n.isStatic=!1);return n}function j(e){let t=new Map;for(let[n,r]of Object.entries(e))t.set(n,T(n,r));return t}function _(e,t,n){if(typeof e!="string")return!1;let r=j(t);for(let s of r.values()){if(s.isSpread)return!1;s.isReactive&&s.isEvent}return!0}function pe(e){return e&&typeof e=="object"&&"_$litType$"in e}function ge(e,t,n,r={}){let s=["svg","path","circle","rect","g"].includes(e),i=G(t,r),o=n.length>0?`, ${I(n)}`:"";return r.useLitHTML!==!1&&_(e,t,n)?W(e,t,n,s):`jsx('${e}', ${i}${o})`}function G(e,t={}){if(Object.keys(e).length===0)return"{}";let n=j(e),r=[];for(let[s,i]of Object.entries(e)){let o=n.get(s);o.isReactive&&!o.isStatic?r.push(`${s}: () => ${i}`):typeof i=="string"?r.push(`${s}: "${i}"`):typeof i=="number"||typeof i=="boolean"?r.push(`${s}: ${i}`):r.push(`${s}: ${i}`)}return`{ ${r.join(", ")} }`}function I(e){return e.length===0?"undefined":e.length===1?String(e[0]):`[${e.join(", ")}]`}function W(e,t,n,r=!1){let s=r?"svg":"html",i=`<${e}`,o=[];for(let[a,c]of Object.entries(t)){if(a==="children"||a==="key"||a==="ref")continue;let u=T(a,c);if(u.isEvent){let f=a.slice(2).toLowerCase();i+=` @${f}=\${${o.length}}`,o.push(String(c))}else u.isReactive?(i+=` ${a}=\${${o.length}}`,o.push(`signal(() => ${c})`)):typeof c=="string"?i+=` ${a}="${c}"`:(i+=` ${a}=\${${o.length}}`,o.push(String(c)))}if(i+=">",n.length>0)for(let a of n)typeof a=="string"?i+=a:(i+=`\${${o.length}}`,o.push(String(a)));return i+=`</${e}>`,`${s}\`${i}\`${o.length>0?`, ${o.join(", ")}`:""}`}function z(e){return e=e.replace(/jsx\('([^']+)',\s*{},\s*"([^"]+)"\s*\)/g,(t,n,r)=>`_$staticNode('${n}', '${r}')`),e}function de(e){return e}function H(e){let t=[],n=0;return e=e.replace(/jsx\('([^']+)',\s*{([^}]*)},\s*([^)]*)\)/g,(r,s,i,o)=>{if(!i.includes("()")&&!i.includes("=>")){let a=`_$static${n++}`;return t.push(`const ${a} = ${r};`),a}return r}),t.length>0?t.join(`
-`)+`
-`+e:e}function B(e,t={}){let n=t.delegatedEvents||["click","input","change","submit"],r=e.filter(s=>n.includes(s.toLowerCase()));return r.length===0?"":`delegateEvents([${r.map(s=>`'${s}'`).join(", ")}]);`}function d(e,t={}){let n={hasSignals:/createSignal|signal\(/.test(e),hasStores:/createStore|store\(/.test(e),hasLitHTML:/html`|svg`/.test(e),staticProps:new Set,dynamicProps:new Set,components:new Set},r=e;if(t.optimize!==!1&&(r=z(r),r=H(r)),t.delegateEvents!==!1){let s=me(e),i=B(s,t);i&&(r=i+`
-`+r)}return r=ye(r,n,t),{code:r,metadata:n}}function me(e){let t=new Set,n=/on([A-Z][a-z]+)/g,r;for(;(r=n.exec(e))!==null;)t.add(r[1].toLowerCase());return Array.from(t)}function ye(e,t,n){let r=[],s=n.importSource||"@fluixi/jsx";return r.push(`import { jsx, jsxs, Fragment, spread } from '${s}';`),t.hasSignals&&r.push("import { signal } from '@fluixi/dom/reactive';"),(e.includes("<Show")||e.includes("<For")||e.includes("<Switch"))&&r.push("import { Show, For, Index, Switch, Match } from '@fluixi/dom/control-flow';"),n.delegateEvents!==!1&&r.push("import { delegateEvents } from '@fluixi/dom/runtime';"),r.join(`
-`)+`
-
-`+e}async function y(e={}){let t=null;try{t=await import("./babel-E7EQLX36.mjs")}catch(n){console.warn("Could not load the babel front-end:",n)}return{name:"babel-fluixi-jsx",plugin:t?t.default||t:null,getOptions(){return{runtime:"automatic",importSource:e.importSource||"@fluixi/jsx",pragma:e.pragma||"jsx",pragmaFrag:e.pragmaFrag||"Fragment",development:e.development||!1,detectReactivity:!0,useLitHTML:e.useLitHTML!==!1,hoistStatics:e.optimize!==!1,delegateEvents:e.delegateEvents!==!1,delegatedEvents:e.delegatedEvents||["click","input","change","submit"],optimizeControlFlow:e.optimize!==!1,sourceMaps:e.sourceMaps!==!1,backend:e.backend||"imperative",...e.codegen?{codegen:e.codegen}:{},...e.format?{format:e.format}:{},...e.resolve?{resolve:e.resolve}:{},...e.templateClone!==void 0?{templateClone:e.templateClone}:{},...e.partialTemplates!==void 0?{partialTemplates:e.partialTemplates}:{},...e.litTag?{litTag:e.litTag}:{},...e.signalModule?{signalModule:e.signalModule}:{},...e.controlFlowModule?{controlFlowModule:e.controlFlowModule}:{},...e.routerModule?{routerModule:e.routerModule}:{},...e.reactiveModule?{reactiveModule:e.reactiveModule}:{}}}}}function be(e={}){let t=h("typescript");return t?n=>{let r=s=>t.isJsxElement(s)||t.isJsxSelfClosingElement(s)?ve(s,e,t):t.visitEachChild(s,r,n);return s=>t.visitNode(s,r)}:(console.warn("TypeScript not found, transformer unavailable"),n=>r=>r)}function ve(e,t,n){return e}function h(e){try{return S(e)}catch{return null}}function he(e={}){return{name:"vite-fluixi-jsx",enforce:"pre",config(){return{esbuild:{jsx:"automatic",jsxImportSource:e.importSource||"@fluixi/jsx"}}},configResolved(t){let n=N(e,t?.root??process.cwd());n.warning&&console.warn(n.warning)},async transform(t,n){let r=await y(e);if(!/\.(jsx|tsx|ts)$/i.test(n))return null;try{let s=await import("@babel/core").catch(()=>null);if(!s)return{code:d(t,e).code,map:null};let i=/\.tsx$/.test(n),o=/\.ts$/.test(n),a=[],c=[];if(i||o){let f=await import("@babel/preset-typescript").then(g=>g.default||g).catch(()=>null);f&&a.push([f,{isTSX:i,allExtensions:!0,jsxPragma:e.pragma||"jsx",jsxPragmaFrag:e.pragmaFrag||"Fragment",onlyRemoveTypeImports:!0}])}r&&r.plugin?c.push([r.plugin,r.getOptions()]):console.warn("[createVitePlugin] custom babel plugin not found");let u=await s.transformAsync(t,{filename:n,configFile:!1,babelrc:!1,presets:a,plugins:c,sourceMaps:e.sourceMaps!==!1});return{code:u?.code||t,map:u?.map}}catch(s){console.error("Transform error:",s);try{return{code:d(t,e).code,map:null}}catch(i){return console.error("Fallback transform also failed:",i),null}}}}}function xe(e={}){return async function(t){let n=this.async(),r=h("@babel/core"),s=await y(e);if(!r||!s.plugin){let i=d(t,e);n(null,i.code);return}r.transformAsync(t,{filename:this.resourcePath,plugins:[[s.plugin,s.getOptions()]],sourceMaps:e.sourceMaps!==!1}).then(i=>{n(null,i?.code,i?.map)}).catch(i=>{n(i)})}}function Se(e={}){return{name:"rollup-fluixi-jsx",async transform(t,n){let r=await y(e);if(!/\.[jt]sx$/.test(n))return null;try{let s=h("@babel/core");if(!s||!r.plugin)return{code:d(t,e).code,map:null};let i=await s.transformAsync(t,{filename:n,plugins:[[r.plugin,r.getOptions()]],sourceMaps:e.sourceMaps!==!1});return{code:i?.code||t,map:i?.map}}catch(s){return console.error("Transform error:",s),null}}}}function $e(e={}){return{name:"esbuild-fluixi-jsx",setup(t){t.onLoad({filter:/\.[jt]sx$/},async n=>{let r=h("@babel/core"),s=await y(e),o=S("fs").readFileSync(n.path,"utf8");try{return!r||!s.plugin?{contents:d(o,e).code,loader:"js"}:{contents:(await r.transformAsync(o,{filename:n.path,plugins:[[s.plugin,s.getOptions()]],sourceMaps:!1}))?.code||o,loader:"js"}}catch(a){return{errors:[{text:`Transform error: ${a}`}]}}})}}}var R="virtual:fluixi-server-fns";function V(e,t=[]){let n;try{n=we(e,{withFileTypes:!0})}catch{return t}for(let r of n){if(r.name==="node_modules"||r.name==="dist"||r.name.startsWith("."))continue;let s=U(e,r.name);if(r.isDirectory())V(s,t);else if(/\.[jt]sx?$/.test(r.name))try{Re(s,"utf8").includes("use server")&&t.push(s)}catch{}}return t}function Ie(){let e=process.cwd();return{name:"fluixi-server-functions",enforce:"pre",configResolved(t){e=t.root||e},resolveId(t){return t===R?"\0"+R:null},load(t){if(t!=="\0"+R)return null;let n=V(U(e,"src")),r=`import '@fluixi/start/server-fn-setup';
-`,s=n.map(o=>`import ${JSON.stringify(o)};`).join(`
-`);return r+s+`
+`,declared:c,shadowedByDom:p,unavailable:d,patternRules:g}}var J="GENERATED by @fluixi/compiler",q="fluixi.d.ts";function V(e,t){let n;try{let s=v(b(e,"tsconfig.json"),"utf8");n=JSON.parse(s.replace(/^\s*\/\/.*$/gm,""))}catch{return}if(n.extends!==void 0)return;if(!Array.isArray(n.include))return!0;let r=G(e,t);return n.include.some(s=>{if(typeof s!="string")return!1;let o=s.replace(/[.+^${}()|[\]\\]/g,"\\$&").replace(/\*\*\//g,"(?:.*/)?").replace(/\*/g,"[^/]*");return new RegExp(`^${o}(?:/.*)?$`).test(r)})}function G(e,t){return E(e,t).split(F).join("/")}function H(e,t,n){if(!e.startsWith("/"))return e;let r=b(n,e.slice(1)),s=E(t,r).split(F).join("/");return s.startsWith(".")||(s=`./${s}`),s.replace(/\.(tsx|ts|jsx|mts|cts)$/,".js")}function X(e){try{let t=JSON.parse(v(b(e,"package.json"),"utf8"));return[...Object.keys(t.dependencies??{}),...Object.keys(t.devDependencies??{}),...Object.keys(t.peerDependencies??{})]}catch{return}}function A(e,t){if(e.globals===!1)return{status:"skipped",reason:"disabled"};let n=e.resolve??[],r=b(t,e.globals??q),s;try{s=v(r,"utf8")}catch{s=void 0}if(s!==void 0&&!s.includes(J))return{status:"skipped",reason:"foreign-file",path:r};let{source:o,declared:l}=M(n,{available:X(t),specifier:a=>H(a,$(r),t)});return s===o?{status:"unchanged",path:r,declared:l.length,warning:O(t,r)}:(L($(r),{recursive:!0}),B(r,o),{status:"written",path:r,declared:l.length,warning:O(t,r)})}function O(e,t){if(V(e,t)!==!1)return;let n=G(e,t);return`[fluixi] ${n} is not covered by "include" in tsconfig.json, so TypeScript will ignore it and every resolved component stays "Cannot find name". Add "${n}" to "include".`}import{readdirSync as ne,readFileSync as re}from"node:fs";import{join as k}from"node:path";async function w(e={}){let t=null;try{t=await import("./babel-GXO3KAVI.mjs")}catch(n){console.warn("Could not load the babel front-end:",n)}return{name:"babel-fluixi-jsx",plugin:t?t.default||t:null,getOptions(){return{importSource:e.importSource||"@fluixi/jsx",development:e.development||!1,delegateEvents:e.delegateEvents!==!1,...e.format?{format:e.format}:{},...e.resolve?{resolve:e.resolve}:{},...e.templateClone!==void 0?{templateClone:e.templateClone}:{},...e.partialTemplates!==void 0?{partialTemplates:e.partialTemplates}:{},...e.litTag?{litTag:e.litTag}:{},...e.signalModule?{signalModule:e.signalModule}:{},...e.controlFlowModule?{controlFlowModule:e.controlFlowModule}:{},...e.routerModule?{routerModule:e.routerModule}:{},...e.reactiveModule?{reactiveModule:e.reactiveModule}:{}}}}}function U(e={}){let t=K("typescript");return t?n=>{let r=s=>t.isJsxElement(s)||t.isJsxSelfClosingElement(s)?z(s,e,t):t.visitEachChild(s,r,n);return s=>t.visitNode(s,r)}:(console.warn("TypeScript not found, transformer unavailable"),n=>r=>r)}function z(e,t,n){return e}function K(e){try{return T(e)}catch{return null}}function Z(e={}){return{name:"vite-fluixi-jsx",enforce:"pre",config(){return{esbuild:{jsx:"automatic",jsxImportSource:e.importSource||"@fluixi/jsx"}}},configResolved(t){let n=A(e,t?.root??process.cwd());n.warning&&console.warn(n.warning)},async transform(t,n){if(!/\.(jsx|tsx|ts)$/i.test(n))return null;if(!e.babel)return y(t,n,e);let r=await w(e);try{let s=await import("@babel/core").catch(()=>null);if(!s)throw new Error(`[fluixi] @babel/core is required to compile ${n} but could not be loaded. Install it alongside @fluixi/compiler.`);let o=/\.tsx$/.test(n),l=/\.ts$/.test(n),a=[],f=[];if(o||l){let p=await import("@babel/preset-typescript").then(d=>d.default||d).catch(()=>null);p&&a.push([p,{isTSX:o,allExtensions:!0,jsxPragma:"jsx",jsxPragmaFrag:"Fragment",onlyRemoveTypeImports:!0}])}r&&r.plugin?f.push([r.plugin,r.getOptions()]):console.warn("[createVitePlugin] custom babel plugin not found");let c=await s.transformAsync(t,{filename:n,configFile:!1,babelrc:!1,presets:a,plugins:f,sourceMaps:e.sourceMaps!==!1});return{code:c?.code||t,map:c?.map}}catch(s){throw s}}}}function Q(e){return{resolve:e.resolve,litTag:e.litTag,templateClone:e.templateClone,partialTemplates:e.partialTemplates,runtimeModule:e.signalModule,controlFlowModule:e.controlFlowModule,routerModule:e.routerModule,reactiveModule:e.reactiveModule}}async function y(e,t,n){if(!n.babel){let{transformTemplates:l}=await import("./transform-PJX2GNSV.mjs");return l(e,t,Q(n))}let r=await import("@babel/core").catch(()=>null),s=await w(n);if(!r||!s.plugin)throw new Error(`[fluixi] babel: true needs @babel/core, which could not be loaded for ${t}. Install it, or drop the option to use the built-in compiler.`);let o=await r.transformAsync(e,{filename:t,configFile:!1,babelrc:!1,plugins:[[s.plugin,s.getOptions()]],sourceMaps:n.sourceMaps!==!1});return o?.code?{code:o.code,map:o.map}:null}function Y(e={}){return async function(t){let n=this.async();y(t,this.resourcePath,e).then(r=>{n(null,r?.code,r?.map)}).catch(r=>{n(r)})}}function ee(e={}){return{name:"rollup-fluixi-jsx",async transform(t,n){return/\.[jt]sx?$/.test(n)?y(t,n,e):null}}}function te(e={}){return{name:"esbuild-fluixi-jsx",setup(t){t.onLoad({filter:/\.[jt]sx?$/},async n=>{let{readFileSync:r}=await import("node:fs"),s=r(n.path,"utf8");try{return{contents:(await y(s,n.path,e))?.code??s,loader:n.path.endsWith("x")?"tsx":"ts"}}catch(o){return{errors:[{text:`Transform error: ${o}`}]}}})}}}var x="virtual:fluixi-server-fns";function P(e,t=[]){let n;try{n=ne(e,{withFileTypes:!0})}catch{return t}for(let r of n){if(r.name==="node_modules"||r.name==="dist"||r.name.startsWith("."))continue;let s=k(e,r.name);if(r.isDirectory())P(s,t);else if(/\.[jt]sx?$/.test(r.name))try{re(s,"utf8").includes("use server")&&t.push(s)}catch{}}return t}function be(e={}){let t=process.cwd();return{name:"fluixi-server-functions",enforce:"pre",configResolved(n){t=n.root||t},resolveId(n){return n===x||n==="@fluixi/start/server-fns"?"\0"+x:null},load(n){if(n!=="\0"+x)return null;let r=P(k(t,"src")),s=`import '@fluixi/start/server-fn-setup';
+`,o=r.map(a=>`import ${JSON.stringify(a)};`).join(`
+`);return s+o+`
 export { isServerFnRequest, handleServerFn } from '@fluixi/start/server-fn';
-`},transform(t,n,r){return!/\.[jt]sx?$/.test(n)||!t.includes("use server")?null:$(t,{ssr:!!r?.ssr,filename:n,root:e})}}}var We={analyzeProp:T,analyzeProps:j,shouldUseLitTemplate:_,isLitTemplate:pe,generateCreateElement:ge,generatePropsCode:G,generateChildrenCode:I,generateLitHTMLTemplate:W,optimizeStatic:z,optimizeSpreads:de,hoistStatic:H,generateEventDelegation:B,transform:d,createBabelPlugin:y,createTypeScriptTransformer:be,createVitePlugin:he,createWebpackLoader:xe,createRollupPlugin:Se,createESBuildPlugin:$e};export{T as analyzeProp,j as analyzeProps,y as createBabelPlugin,$e as createESBuildPlugin,Se as createRollupPlugin,be as createTypeScriptTransformer,he as createVitePlugin,xe as createWebpackLoader,We as default,I as generateChildrenCode,ge as generateCreateElement,B as generateEventDelegation,W as generateLitHTMLTemplate,G as generatePropsCode,H as hoistStatic,pe as isLitTemplate,de as optimizeSpreads,z as optimizeStatic,Ie as serverFunctionsVitePlugin,_ as shouldUseLitTemplate,d as transform,$ as transformServerFunctions};
+`},async transform(n,r,s){if(!/\.[jt]sx?$/.test(r)||!n.includes("use server"))return null;let o={ssr:!!s?.ssr,filename:r,root:t};if(e.babel){let{transformServerFunctions:a}=await import("./server-functions-E3LKCZ4R.mjs");return a(n,o)}let{transformServerFns:l}=await import("./server-fns-6QM243HC.mjs");return l(n,o)}}}var ye={createBabelPlugin:w,createTypeScriptTransformer:U,createVitePlugin:Z,createWebpackLoader:Y,createRollupPlugin:ee,createESBuildPlugin:te};export{w as createBabelPlugin,te as createESBuildPlugin,ee as createRollupPlugin,U as createTypeScriptTransformer,Z as createVitePlugin,Y as createWebpackLoader,ye as default,be as serverFunctionsVitePlugin};

package/dist/lower/compile-template.cjs

@@ -0,0 +1 @@
+"use strict";var E=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var ce=Object.prototype.hasOwnProperty;var pe=(t,e)=>{for(var n in e)E(t,n,{get:e[n],enumerable:!0})},de=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of ae(e))!ce.call(t,r)&&r!==n&&E(t,r,{get:()=>e[r],enumerable:!(o=le(e,r))||o.enumerable});return t};var ue=t=>de(E({},"__esModule",{value:!0}),t);var Be={};pe(Be,{compilePieces:()=>se,compileTemplate:()=>_e});module.exports=ue(Be);function me(t){switch(t.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return t.reactive?"reactive-prop":t.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function L(t){let e=[],n=new Map,o=r=>{switch(r.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let i of r.children)o(i);return!1;case"fragment":for(let i of r.children)o(i);return!1;case"element":{let i=!0;for(let s of r.children)o(s)||(i=!1);let a;for(let s of r.props)if(a=me(s),a)break;return!a&&!i&&(a=fe(r)),r.static=!a,a?n.set(r,a):e.push(r),r.static}default:return!1}};for(let r of Array.isArray(t)?t:[t])o(r);return{staticElements:e,reasons:n}}function fe(t){for(let e of t.children){if(e.kind==="expr")return"expression-child";if(e.kind==="component")return"component-child";if(e.kind==="control")return"control-child";if(e.kind==="element"&&!e.static||e.kind==="fragment")return"expression-child"}return"expression-child"}var k={kind:"eager"},he=["pointerdown","focusin","keydown"],j=new Set(["eager","idle","visible","interaction","media","never"]),f=class extends Error{};function _(t,e){let n=t.slice(5);if(!j.has(n))throw new f(`Unknown load strategy 'load:${n}'. Expected one of ${[...j].join(", ")}.`);switch(n){case"eager":return k;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return e?{kind:"visible",rootMargin:e}:{kind:"visible"};case"interaction":return{kind:"interaction",events:e?ge(e):[...he]};case"media":if(!e)throw new f(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:e};default:throw new f(`Unhandled load strategy '${n}'.`)}}function ge(t){let e=t.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(e.length===0)throw new f("'load:interaction' was given no event names.");return e}function B(t){return t.kind!=="eager"&&t.kind!=="never"}var w=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],$=["Suspense","SuspenseList","Await"],x=["Router","Outlet","Redirect","Link"],Je=[...w,...$,...x],T=new Set([...w,...$]);function H(t={}){let{controlFlowModule:e="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:o="@fluixi/core/router-next"}=t,r={};for(let i of w)r[i]=e;for(let i of $)r[i]=n;for(let i of x)r[i]=o;return r}function F(t,e={}){let{resolver:n,isBound:o,modules:r,strategyFor:i}=e,a=H(r),s=new Map,l=new Set,c=p=>{let{name:u}=p;if(!u||u.includes(".")||o?.(u))return;let m=d(u);if(!m){l.add(u);return}let v=m.origin==="builtin"&&T.has(u)?k:i?.(p)??k;p.source={...m,loading:v},s.set(u,p.source)},d=p=>{if(T.has(p))return{module:a[p],export:p,origin:"builtin"};let u=n?.resolve(p);if(u)return{module:u.module,export:u.export,origin:"rule"};if(x.includes(p))return{module:a[p],export:p,origin:"builtin"}};return N(t,p=>{p.kind==="component"&&c(p)}),{resolved:s,unresolved:[...l]}}function N(t,e){let n=Array.isArray(t)?t:[t];for(let o of n){e(o);let r=o.children;r&&N(r,e)}}function z(t){let e=[];N(t,i=>{i.kind==="component"&&i.source&&e.push(i)});let n=new Set,o=new Set;for(let i of e){let{module:a,loading:s}=i.source;s.kind==="eager"&&n.add(a),s.kind==="never"&&o.add(a)}let r=new Map;for(let i of e){let a=i.source;B(a.loading)&&n.has(a.module)&&(a.loading={kind:"eager"},r.set(a.module,(r.get(a.module)??0)+1))}return{collapsed:r,conflicted:[...o].filter(i=>n.has(i))}}var Re=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),J={className:"class",htmlFor:"for"},ve=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),ke=new Set(["script","style","textarea","title"]);function S(t){return ke.has(t)}function U(t){return J[t]??t}function h(t){return t.kind!=="attr"||t.expr!==void 0||t.name.includes(":")?!1:!ve.has(t.name)}function P(t){if(!t.static||S(t.tag))return!1;for(let e of t.props)if(!h(e))return!1;for(let e of t.children)if(e.kind!=="text"&&!(e.kind==="element"&&P(e)))return!1;return!0}function g(t){let e=t.props.map(Ne).filter(Boolean).join(""),n=`<${t.tag}${e}>`;return Re.has(t.tag)?n:`${n}${t.children.map(xe).join("")}</${t.tag}>`}function xe(t){if(t.kind==="text")return ye(t.value);if(t.kind!=="element")throw new Error(`serializeStatic: unexpected ${t.kind}`);return g(t)}function Ne(t){let e=J[t.name]??t.name,n=t.literal;return n===!0||n===void 0?` ${e}`:n===!1||n===null?"":` ${e}="${Ie(String(n))}"`}function Ie(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function ye(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var be="<!--fx-->",Ce="<!--fx/-->";function y(t){return t.kind==="expr"||t.kind==="component"||t.kind==="control"}function Ee(t){return t.kind==="text"||t.kind==="element"&&V(t)}function V(t){return t.svg||S(t.tag)||!t.props.every(e=>h(e))?!1:t.children.every(e=>Ee(e)||y(e))}function I(t){if(y(t))return!0;let e=t.children;return e?e.some(I):!1}function W(t){for(let e=0;e<t.children.length;e++){let n=t.children[e];if(n.kind==="text"&&(n.value===""||t.children[e+1]?.kind==="text"))return!1}return t.children.every(e=>e.kind!=="element"||W(e))}function q(t){if(!V(t)||!W(t)||!t.children.some(I))return null;let e=[],n=[],o=0,r=a=>{let s=`_n$${o++}`;return e.push({ref:s,expr:a}),s};return i(t,"_el$"),{html:we(t),tag:t.tag,steps:e,holes:n};function i(a,s){let l=-1;a.children.forEach((d,p)=>{I(d)&&(l=p)});let c=null;for(let d=0;d<=l;d++){let p=a.children[d],u=c?`${c}.nextSibling`:`${s}.firstChild`;if(y(p)){let v=r(u),D=r(`holeEnd(${v})`);n.push({parentRef:s,startRef:v,endRef:D,node:p}),c=D;continue}let m=r(u);p.kind==="element"&&I(p)&&i(p,m),c=m}}}function we(t){return g(G(t)).split(K).join(be+Ce)}function G(t){return{...t,children:t.children.map(e=>y(e)?{kind:"text",value:K}:e.kind==="element"?G(e):e)}}var K="\0fx-hole\0";var M={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},et={version:2,module:"@fluixi/dom",symbols:[...M.symbols,"template","cloneTemplate","walk"]};var $e={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Te(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function Z(t){return Te(t)?t:JSON.stringify(t)}function Se(t){return t.expr!==void 0?t.reactive?`() => (${t.expr})`:`(${t.expr})`:JSON.stringify(t.literal??!0)}function Pe(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function Me(t,e,n){let o=t.filter(s=>s.kind==="spread"),i=t.filter(s=>s.kind!=="spread").map(s=>`${Z(s.name)}: ${Se(s)}`);e!=null&&i.push(`children: ${e}`);let a=`{ ${i.join(", ")} }`;return o.length>0?(n.add("mergeProps"),`mergeProps(${o.map(s=>s.expr).join(", ")}, ${a})`):a}function X(t,e,n){return t.length===1?R(t[0],e,n):`[${t.map(o=>R(o,e,n)).join(", ")}]`}function Y(t,e,n,o,r){o.add("createMemo"),o.add("createComponent");let i=e.filter(c=>c.kind==="spread"),s=e.filter(c=>c.kind!=="spread").map(c=>`get ${Z(c.name)}() { return ${Pe(c)}; }`);n.length>0&&s.push(`get children() { return ${X(n,o,r)}; }`);let l=`{ ${s.join(", ")} }`;return i.length>0&&(o.add("mergeProps"),l=`mergeProps(${i.map(c=>c.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${t}, ${l}))`}function Oe(t,e){let n=U(e.name),o=e.literal;return o===!0||o===void 0?`${t}.setAttribute(${JSON.stringify(n)}, "");`:o===!1||o===null?"":`${t}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(o))});`}var Q=!1;function R(t,e,n){switch(t.kind){case"text":return JSON.stringify(t.value);case"expr":return t.reactive?`() => (${t.code})`:`(${t.code})`;case"fragment":return t.children.length===0?"null":X(t.children,e,n);case"component":return Y(t.name,t.props,t.children,e,n);case"control":{let o=$e[t.control]??t.control;return e.add(o),Y(o,t.props,t.children,e,n)}case"element":{if(n&&t.static&&!t.svg&&P(t)){e.add("templateNode");let s=`_tmpl$${n.length}`;return n.push({id:s,html:g(t),tag:t.tag,svg:!1}),`templateNode(${s}, ${JSON.stringify(t.tag)})`}if(n&&Q){let s=q(t);if(s){e.add("templateNode"),e.add("insert"),e.add("holeEnd"),e.add("holeContent"),e.add("holeScope");let l=`_tmpl$${n.length}`;n.push({id:l,html:s.html,tag:s.tag,svg:!1});let c=[`const _el$ = templateNode(${l}, ${JSON.stringify(s.tag)}, true);`];for(let d of s.steps)c.push(`const ${d.ref} = ${d.expr};`);for(let d of s.holes)c.push(`insert(${d.parentRef}, holeScope(${d.startRef}, () => (${R(d.node,e,n)})), ${d.endRef}, holeContent(${d.startRef}, ${d.endRef}));`);return c.push("return _el$;"),`(() => { ${c.join(" ")} })()`}}e.add("createNativeElement");let o=JSON.stringify(t.tag),r="_el$",i=[],a=t.svg?`${o}, true`:o;if(i.push(`const ${r} = createNativeElement(${a});`),t.props.length>0)if(!t.svg&&t.props.every(h))for(let s of t.props)i.push(Oe(r,s));else{e.add("spread");let s=t.svg?", isSVG: true":"";i.push(`spread({ element: ${r}, props: ${Me(t.props,null,e)}${s} });`)}for(let s of t.children){e.add("insert");let l=R(s,e,n),c=s.kind==="expr"&&s.reactive||s.kind==="component"||s.kind==="control";i.push(c?`insert(${r}, ${l}, null);`:`insert(${r}, ${l});`)}return i.push(`return ${r};`),`(() => { ${i.join(" ")} })()`}}}function b(t,e){if(!e||e.length===0)return t;let n=new Map(e.map(o=>[o.id,JSON.stringify(o.html)]));return t.replace(/_tmpl\$\d+/g,o=>n.get(o)??o)}var C={name:"imperative",contract:M,emit(t,e){let n=new Set,o=e?.templateClone!==!1?[]:void 0;return Q=e?.partialTemplates===!0,{code:R(t,n,o),imports:Array.from(n),templates:o}}};var Ae=t=>"components"in t;function ee(t,e){return t.replace(/\$(\d+)/g,(n,o)=>e[Number(o)]??n)}function De(t,e){return typeof e=="string"?{module:e,export:t}:e}function te(t=[]){let e=new Map,n=[],o=[];for(let a of t){if(!Ae(a)){o.push(a);continue}for(let[s,l]of Object.entries(a.components)){let c=De(s,l),d=e.get(s);if(d&&d.module!==c.module){let p=n.find(u=>u.name===s);p?p.modules.push(c.module):n.push({name:s,modules:[d.module,c.module]});continue}e.set(s,c)}}let r=new Map;return{resolve:a=>{if(r.has(a))return r.get(a);let s=e.get(a);if(!s)for(let l of o){let c=a.match(new RegExp(l.match.source,l.match.flags.replace("g","")));if(c){s={module:ee(l.module,c),export:l.export?ee(l.export,c):a};break}}return r.set(a,s),s},names:()=>[...e.keys()],conflicts:()=>n}}var oe=require("@fluixi/template-parser");function O(t){let e=t.split(/\r\n|\n|\r/),n=0;for(let r=0;r<e.length;r++)/[^ \t]/.test(e[r])&&(n=r);let o="";for(let r=0;r<e.length;r++){let i=e[r].replace(/\t/g," ");r!==0&&(i=i.replace(/^ +/,"")),r!==e.length-1&&(i=i.replace(/ +$/,"")),i&&(r!==n&&(i+=" "),o+=i)}return o}var ne=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Le(t){return t.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function re(t){return t.charAt(0).toUpperCase()+t.slice(1)}var A=class{constructor(e,n){this.holes=e;this.used=n}hole(e){return this.holes[e]??{code:"undefined",reactive:!1}}emit(e){let{code:n,imports:o,templates:r}=C.emit(e,{});for(let i of o)this.used.add(i);return b(n,r)}lowerRoot(e){let n=this.lowerChildren(e);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(e){let n=[];for(let o=0;o<e.length;o++){let r=e[o];if(r.kind==="Element"||r.kind==="Component"){let a=r.attributes.find(s=>s.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let s=o+1;s<e.length&&this.isBlankText(e[s])&&s++;let l=e[s],c=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(d=>d.kind==="ElseDirective");n.push(this.lowerIf(r,a.hole,c?l:null)),c&&(o=s);continue}if(r.attributes.some(s=>s.kind==="EachDirective")){n.push(this.lowerEach(r));continue}}let i=this.lowerNode(r);i&&n.push(i)}return n}isBlankText(e){return e.kind==="Text"&&!e.raw&&O(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let n=O(e.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(e.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let n=e.attributes.find(o=>o.kind==="Attribute"&&o.name==="is");if(e.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let o=e.attributes.filter(i=>i!==n),r=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:o});return r.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),r}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let n=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,o=this.lowerAttributes(e.attributes),{slots:r,rest:i}=this.partitionSlots(e.children);for(let[l,c]of r){let d=c.length===1?c[0]:{kind:"fragment",children:c},p={name:l,kind:"attr",expr:this.emit(d),jsxElement:!0},u=o.findIndex(m=>m.name===l);u>=0?o[u]=p:o.push(p)}let a=e.attributes.find(l=>l.kind==="LoadDirective"),s=a?_(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:o,children:this.lowerChildren(i),...s?{load:s}:{}}}partitionSlots(e){let n=new Map,o=[];for(let r of e){if(r.kind==="Element"||r.kind==="Component"){let i=r.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(i&&i.value&&i.value.kind==="static"){let a={...r,attributes:r.attributes.filter(c=>c!==i)},s=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=n.get(i.value.value)??[];l.push(s),n.set(i.value.value,l);continue}}o.push(r)}return{slots:n,rest:o}}lowerIf(e,n,o){let r=this.hole(n),i=[{name:"when",kind:"attr",expr:r.code,reactive:r.reactive}];if(o){let s=this.stripAndLower(o,l=>l.kind==="ElseDirective");i.push({name:"fallback",kind:"attr",expr:this.emit(s),jsxElement:!0})}let a=this.stripAndLower(e,s=>s.kind==="IfDirective");return{kind:"component",name:"Show",props:i,children:[a]}}lowerEach(e){let n=e.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(e);let o=this.hole(n.hole),r=[{name:"each",kind:"attr",expr:o.code,reactive:o.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;r.push({name:"by",kind:"attr",expr:l})}let i=this.itemArrow(e),a;if(i){let l={kind:"expr",code:i.body,reactive:i.bodyReactive},c=this.rebuildWithChildren(e,[l]);a=`(${i.params.join(", ")}) => (${this.emit(c)})`}else{let l=this.stripAndLower(e,c=>c.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:r,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(e){let n=e.children.filter(o=>!this.isBlankText(o));return n.length!==1||n[0].kind!=="Expression"?null:this.hole(n[0].hole).arrow??null}stripAndLower(e,n){let o={...e,attributes:e.attributes.filter(r=>!n(r))};return o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o)}rebuildWithChildren(e,n){let o=this.lowerAttributes(e.attributes.filter(r=>r.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:o,children:n,static:!1}:{kind:"component",name:e.tag,props:o,children:n}}lowerAttributes(e){let n=[],o=[],r=!1,i=[],a=!1,s=[];for(let l of e)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(l));break;case"PropertyBinding":n.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":n.push(this.eventProp(l));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let c=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${c.code}`),r=r||c.reactive;break}case"StyleDirective":{let c=this.hole(l.hole);i.push(`${JSON.stringify(l.name)}: ${c.code}`),a=a||c.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let c=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!c)break;s.push(l.name!=null&&l.hole!=null?`[${c}, () => (${this.hole(l.hole).code})]`:`[${c}]`);break}}return o.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:r}),i.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${i.join(", ")} }`,reactive:a}),s.length>0&&n.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),n}eventProp(e){let n=e.name.toLowerCase(),o=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+re(e.name),kind:"event",event:{name:n,delegated:ne.has(n)},expr:o};let i=this.wrapHandler(o,e.modifiers),a=this.eventOptions(e.modifiers),s=a?`[${i}, ${a}]`:i;return{name:"on:"+n,kind:"attr",expr:s}}wrapHandler(e,n){let o=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",r=[];return n.includes("prevent")&&r.push("e.preventDefault();"),n.includes("stop")&&r.push("e.stopPropagation();"),!o&&r.length===0?e:`(e) => { ${o}${r.join(" ")} return (${e})(e); }`}eventOptions(e){let n=[];return e.includes("capture")&&n.push("capture: true"),e.includes("once")&&n.push("once: true"),e.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(e,n){let o=e==="checked",r=o?"change":"input",i=o?"checked":"value",a=`(${n})`;return[{name:e,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+re(r),kind:"event",event:{name:r,delegated:ne.has(r)},expr:`(e) => ${a}[1](e.target.${i})`}]}plainAttr(e){let n=e.value,o=e.name;e.name==="class"?o=n&&n.kind==="hole"&&this.hole(n.hole).object?"classList":"className":e.name==="html"&&(o="innerHTML");let i={name:o,kind:"attr"};if(n==null)return i.literal=!0,i;if(n.kind==="static")return i.literal=n.value,i;if(n.kind==="hole"){let l=this.hole(n.hole);return i.expr=l.code,i.reactive=l.reactive,i}let a=!1,s=n.parts.map(l=>{if("text"in l)return Le(l.text);let c=this.hole(l.hole);return a=a||c.reactive,"${"+c.code+"}"}).join("");return i.expr="`"+s+"`",i.reactive=a,i}};function ie(t,e,n,o={}){let{root:r}=(0,oe.parseTemplate)(t,{svg:o.svg});return new A(e,n).lowerRoot(r.children)}function je(t){let e=[],n=0;return t.statics.forEach((o,r)=>{if(e.push({kind:"static",text:o,start:n}),n+=o.length,r<t.holes.length){let i=n+t.holes[r].code.length;e.push({kind:"hole",index:r,start:n,end:i}),n=i}}),e}function _e(t,e={}){if(t.statics.length!==t.holes.length+1)throw new Error(`[fluixi] compileTemplate: ${t.statics.length} static runs for ${t.holes.length} holes — a template always has exactly one more.`);return se(je(t),t.holes,e)}function se(t,e,n={}){let o=new Set,r=ie(t,[...e],o,{svg:n.svg});L(r),F(r,{resolver:te(n.resolve??[]),modules:{controlFlowModule:n.controlFlowModule??"@fluixi/dom",coreModule:n.coreModule??"@fluixi/core",routerModule:n.routerModule??"@fluixi/core/router-next"},strategyFor:l=>l.load}),z(r);let{code:i,imports:a,templates:s}=C.emit(r,{templateClone:n.templateClone,partialTemplates:n.partialTemplates});for(let l of a)o.add(l);return n.hoistTemplates?{code:i,imports:[...o],ir:r,templates:s}:{code:b(i,s),imports:[...o],ir:r}}

package/dist/lower/compile-template.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentResolverRule } from '../resolve/component-resolver.js';
+import type { IRNode } from '../ir/nodes.js';
+import { type TemplateHole } from './template.js';
+import type { Piece } from '@fluixi/template-parser';
+import type { StaticTemplate } from '../codegen/backend.js';
+export interface TemplateSource {
+    /**
+     * The static text runs, in order. Always one more than `holes` — the text
+     * before the first `${`, between each pair, and after the last `}`.
+     */
+    statics: readonly string[];
+    /** One descriptor per `${…}`, in source order. */
+    holes: readonly TemplateHole[];
+}
+export interface CompileTemplateOptions {
+    /** An `` svg`...` `` root, which changes how the parser namespaces tags. */
+    svg?: boolean;
+    /** Clone static subtrees from a template instead of building them element by element. */
+    templateClone?: boolean;
+    /** Also clone subtrees whose structure is static but which contain holes. */
+    partialTemplates?: boolean;
+    /** Rules that resolve an unbound capitalised tag to a module. */
+    resolve?: readonly ComponentResolverRule[];
+    /** Where control-flow components are imported from. @default '@fluixi/dom' */
+    controlFlowModule?: string;
+    /** Where core-only components (Suspense, Portal) come from. @default '@fluixi/core' */
+    coreModule?: string;
+    /** Where router components come from. @default '@fluixi/core/router-next' */
+    routerModule?: string;
+    /**
+     * Leave static templates as `_tmpl$N` references and hand them back, for a
+     * caller that has a module scope to declare them in. Off inlines them.
+     */
+    hoistTemplates?: boolean;
+}
+export interface CompileTemplateResult {
+    /** A JavaScript expression that builds the DOM when evaluated. */
+    code: string;
+    /** Runtime symbols the code refers to, for the caller to import. */
+    imports: string[];
+    /** The IR it was emitted from, for a caller that wants to inspect or transform it. */
+    ir: IRNode;
+    /**
+     * Static templates the code refers to by local `_tmpl$N` id, when the caller
+     * asked to hoist them. `compileTemplate` inlines them instead — it has no module
+     * scope to hoist into.
+     */
+    templates?: StaticTemplate[];
+}
+export declare function compileTemplate(source: TemplateSource, options?: CompileTemplateOptions): CompileTemplateResult;
+/**
+ * Same pipeline entered with pieces that already carry real source offsets, so a
+ * caller reading a file keeps its positions instead of the synthetic ones derived
+ * from the static runs.
+ */
+export declare function compilePieces(pieces: Piece[], holes: readonly TemplateHole[], options?: CompileTemplateOptions): CompileTemplateResult;
+//# sourceMappingURL=compile-template.d.ts.map

package/dist/lower/compile-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile-template.d.ts","sourceRoot":"","sources":["../../src/lower/compile-template.ts"],"names":[],"mappings":"AAcA,OAAO,EAA2B,KAAK,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,kDAAkD;IAClD,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,4EAA4E;IAC5E,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AAqBD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CASvB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,KAAK,EAAE,EACf,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,OAAO,GAAE,sBAA2B,GACnC,qBAAqB,CA0BvB"}

package/dist/lower/compile-template.js

@@ -0,0 +1,72 @@
+/**
+ * Compile a `` html`...` `` template to runtime calls, with no JS toolchain in
+ * the path.
+ *
+ *   statics + holes → parseTemplate → IR → resolve → optimize → codegen → code
+ *
+ * Finding templates in a module and describing each hole still needs a front-end;
+ * everything after that point is here. Passes run in the same order as
+ * `emitLitViaIR` — compile-template.spec.ts compares the two.
+ */
+import { analyzeStatic } from '../optimize/analyze-static.js';
+import { collapseStrategies } from '../optimize/collapse-strategies.js';
+import { imperativeBackend, inlineTemplates } from '../codegen/backends/imperative.js';
+import { resolveComponentSources } from '../resolve/resolve-ir.js';
+import { createComponentResolver } from '../resolve/component-resolver.js';
+import { lowerTemplate } from './template.js';
+/**
+ * `statics`/`holes` as the parser wants them. Offsets are cumulative so a
+ * diagnostic can point back into the original template text.
+ */
+function toPieces(source) {
+    const pieces = [];
+    let offset = 0;
+    source.statics.forEach((text, i) => {
+        pieces.push({ kind: 'static', text, start: offset });
+        offset += text.length;
+        if (i < source.holes.length) {
+            const end = offset + source.holes[i].code.length;
+            pieces.push({ kind: 'hole', index: i, start: offset, end });
+            offset = end;
+        }
+    });
+    return pieces;
+}
+export function compileTemplate(source, options = {}) {
+    if (source.statics.length !== source.holes.length + 1) {
+        throw new Error(`[fluixi] compileTemplate: ${source.statics.length} static runs for ` +
+            `${source.holes.length} holes — a template always has exactly one more.`);
+    }
+    return compilePieces(toPieces(source), source.holes, options);
+}
+/**
+ * Same pipeline entered with pieces that already carry real source offsets, so a
+ * caller reading a file keeps its positions instead of the synthetic ones derived
+ * from the static runs.
+ */
+export function compilePieces(pieces, holes, options = {}) {
+    const used = new Set();
+    const ir = lowerTemplate(pieces, [...holes], used, { svg: options.svg });
+    analyzeStatic(ir);
+    // Same order as the Babel front-end: decide where each component reference
+    // comes from, then drop deferred boundaries around modules already in the chunk.
+    resolveComponentSources(ir, {
+        resolver: createComponentResolver(options.resolve ?? []),
+        modules: {
+            controlFlowModule: options.controlFlowModule ?? '@fluixi/dom',
+            coreModule: options.coreModule ?? '@fluixi/core',
+            routerModule: options.routerModule ?? '@fluixi/core/router-next',
+        },
+        strategyFor: (node) => node.load,
+    });
+    collapseStrategies(ir);
+    const { code, imports, templates } = imperativeBackend.emit(ir, {
+        templateClone: options.templateClone,
+        partialTemplates: options.partialTemplates,
+    });
+    for (const symbol of imports)
+        used.add(symbol);
+    if (options.hoistTemplates)
+        return { code, imports: [...used], ir, templates };
+    return { code: inlineTemplates(code, templates), imports: [...used], ir };
+}

package/dist/lower/compile-template.mjs

@@ -0,0 +1 @@
+function oe(t){switch(t.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return t.reactive?"reactive-prop":t.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function D(t){let e=[],n=new Map,r=o=>{switch(o.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let i of o.children)r(i);return!1;case"fragment":for(let i of o.children)r(i);return!1;case"element":{let i=!0;for(let s of o.children)r(s)||(i=!1);let a;for(let s of o.props)if(a=oe(s),a)break;return!a&&!i&&(a=ie(o)),o.static=!a,a?n.set(o,a):e.push(o),o.static}default:return!1}};for(let o of Array.isArray(t)?t:[t])r(o);return{staticElements:e,reasons:n}}function ie(t){for(let e of t.children){if(e.kind==="expr")return"expression-child";if(e.kind==="component")return"component-child";if(e.kind==="control")return"control-child";if(e.kind==="element"&&!e.static||e.kind==="fragment")return"expression-child"}return"expression-child"}var k={kind:"eager"},se=["pointerdown","focusin","keydown"],L=new Set(["eager","idle","visible","interaction","media","never"]),f=class extends Error{};function j(t,e){let n=t.slice(5);if(!L.has(n))throw new f(`Unknown load strategy 'load:${n}'. Expected one of ${[...L].join(", ")}.`);switch(n){case"eager":return k;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return e?{kind:"visible",rootMargin:e}:{kind:"visible"};case"interaction":return{kind:"interaction",events:e?le(e):[...se]};case"media":if(!e)throw new f(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:e};default:throw new f(`Unhandled load strategy '${n}'.`)}}function le(t){let e=t.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(e.length===0)throw new f("'load:interaction' was given no event names.");return e}function _(t){return t.kind!=="eager"&&t.kind!=="never"}var E=["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary"],w=["Suspense","SuspenseList","Await"],x=["Router","Outlet","Redirect","Link"],Oe=[...E,...w,...x],$=new Set([...E,...w]);function B(t={}){let{controlFlowModule:e="@fluixi/dom",coreModule:n="@fluixi/core",routerModule:r="@fluixi/core/router-next"}=t,o={};for(let i of E)o[i]=e;for(let i of w)o[i]=n;for(let i of x)o[i]=r;return o}function H(t,e={}){let{resolver:n,isBound:r,modules:o,strategyFor:i}=e,a=B(o),s=new Map,l=new Set,c=p=>{let{name:u}=p;if(!u||u.includes(".")||r?.(u))return;let m=d(u);if(!m){l.add(u);return}let v=m.origin==="builtin"&&$.has(u)?k:i?.(p)??k;p.source={...m,loading:v},s.set(u,p.source)},d=p=>{if($.has(p))return{module:a[p],export:p,origin:"builtin"};let u=n?.resolve(p);if(u)return{module:u.module,export:u.export,origin:"rule"};if(x.includes(p))return{module:a[p],export:p,origin:"builtin"}};return N(t,p=>{p.kind==="component"&&c(p)}),{resolved:s,unresolved:[...l]}}function N(t,e){let n=Array.isArray(t)?t:[t];for(let r of n){e(r);let o=r.children;o&&N(o,e)}}function F(t){let e=[];N(t,i=>{i.kind==="component"&&i.source&&e.push(i)});let n=new Set,r=new Set;for(let i of e){let{module:a,loading:s}=i.source;s.kind==="eager"&&n.add(a),s.kind==="never"&&r.add(a)}let o=new Map;for(let i of e){let a=i.source;_(a.loading)&&n.has(a.module)&&(a.loading={kind:"eager"},o.set(a.module,(o.get(a.module)??0)+1))}return{collapsed:o,conflicted:[...r].filter(i=>n.has(i))}}var ae=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),z={className:"class",htmlFor:"for"},ce=new Set(["innerHTML","outerHTML","innerText","textContent","value","checked","selected","muted","defaultValue","defaultChecked","children","ref"]),pe=new Set(["script","style","textarea","title"]);function T(t){return pe.has(t)}function J(t){return z[t]??t}function h(t){return t.kind!=="attr"||t.expr!==void 0||t.name.includes(":")?!1:!ce.has(t.name)}function S(t){if(!t.static||T(t.tag))return!1;for(let e of t.props)if(!h(e))return!1;for(let e of t.children)if(e.kind!=="text"&&!(e.kind==="element"&&S(e)))return!1;return!0}function g(t){let e=t.props.map(ue).filter(Boolean).join(""),n=`<${t.tag}${e}>`;return ae.has(t.tag)?n:`${n}${t.children.map(de).join("")}</${t.tag}>`}function de(t){if(t.kind==="text")return fe(t.value);if(t.kind!=="element")throw new Error(`serializeStatic: unexpected ${t.kind}`);return g(t)}function ue(t){let e=z[t.name]??t.name,n=t.literal;return n===!0||n===void 0?` ${e}`:n===!1||n===null?"":` ${e}="${me(String(n))}"`}function me(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function fe(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var he="<!--fx-->",ge="<!--fx/-->";function y(t){return t.kind==="expr"||t.kind==="component"||t.kind==="control"}function Re(t){return t.kind==="text"||t.kind==="element"&&U(t)}function U(t){return t.svg||T(t.tag)||!t.props.every(e=>h(e))?!1:t.children.every(e=>Re(e)||y(e))}function I(t){if(y(t))return!0;let e=t.children;return e?e.some(I):!1}function V(t){for(let e=0;e<t.children.length;e++){let n=t.children[e];if(n.kind==="text"&&(n.value===""||t.children[e+1]?.kind==="text"))return!1}return t.children.every(e=>e.kind!=="element"||V(e))}function W(t){if(!U(t)||!V(t)||!t.children.some(I))return null;let e=[],n=[],r=0,o=a=>{let s=`_n$${r++}`;return e.push({ref:s,expr:a}),s};return i(t,"_el$"),{html:ve(t),tag:t.tag,steps:e,holes:n};function i(a,s){let l=-1;a.children.forEach((d,p)=>{I(d)&&(l=p)});let c=null;for(let d=0;d<=l;d++){let p=a.children[d],u=c?`${c}.nextSibling`:`${s}.firstChild`;if(y(p)){let v=o(u),A=o(`holeEnd(${v})`);n.push({parentRef:s,startRef:v,endRef:A,node:p}),c=A;continue}let m=o(u);p.kind==="element"&&I(p)&&i(p,m),c=m}}}function ve(t){return g(q(t)).split(G).join(he+ge)}function q(t){return{...t,children:t.children.map(e=>y(e)?{kind:"text",value:G}:e.kind==="element"?q(e):e)}}var G="\0fx-hole\0";var P={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},Ue={version:2,module:"@fluixi/dom",symbols:[...P.symbols,"template","cloneTemplate","walk"]};var ke={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function xe(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function Y(t){return xe(t)?t:JSON.stringify(t)}function Ne(t){return t.expr!==void 0?t.reactive?`() => (${t.expr})`:`(${t.expr})`:JSON.stringify(t.literal??!0)}function Ie(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function ye(t,e,n){let r=t.filter(s=>s.kind==="spread"),i=t.filter(s=>s.kind!=="spread").map(s=>`${Y(s.name)}: ${Ne(s)}`);e!=null&&i.push(`children: ${e}`);let a=`{ ${i.join(", ")} }`;return r.length>0?(n.add("mergeProps"),`mergeProps(${r.map(s=>s.expr).join(", ")}, ${a})`):a}function Z(t,e,n){return t.length===1?R(t[0],e,n):`[${t.map(r=>R(r,e,n)).join(", ")}]`}function K(t,e,n,r,o){r.add("createMemo"),r.add("createComponent");let i=e.filter(c=>c.kind==="spread"),s=e.filter(c=>c.kind!=="spread").map(c=>`get ${Y(c.name)}() { return ${Ie(c)}; }`);n.length>0&&s.push(`get children() { return ${Z(n,r,o)}; }`);let l=`{ ${s.join(", ")} }`;return i.length>0&&(r.add("mergeProps"),l=`mergeProps(${i.map(c=>c.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${t}, ${l}))`}function be(t,e){let n=J(e.name),r=e.literal;return r===!0||r===void 0?`${t}.setAttribute(${JSON.stringify(n)}, "");`:r===!1||r===null?"":`${t}.setAttribute(${JSON.stringify(n)}, ${JSON.stringify(String(r))});`}var X=!1;function R(t,e,n){switch(t.kind){case"text":return JSON.stringify(t.value);case"expr":return t.reactive?`() => (${t.code})`:`(${t.code})`;case"fragment":return t.children.length===0?"null":Z(t.children,e,n);case"component":return K(t.name,t.props,t.children,e,n);case"control":{let r=ke[t.control]??t.control;return e.add(r),K(r,t.props,t.children,e,n)}case"element":{if(n&&t.static&&!t.svg&&S(t)){e.add("templateNode");let s=`_tmpl$${n.length}`;return n.push({id:s,html:g(t),tag:t.tag,svg:!1}),`templateNode(${s}, ${JSON.stringify(t.tag)})`}if(n&&X){let s=W(t);if(s){e.add("templateNode"),e.add("insert"),e.add("holeEnd"),e.add("holeContent"),e.add("holeScope");let l=`_tmpl$${n.length}`;n.push({id:l,html:s.html,tag:s.tag,svg:!1});let c=[`const _el$ = templateNode(${l}, ${JSON.stringify(s.tag)}, true);`];for(let d of s.steps)c.push(`const ${d.ref} = ${d.expr};`);for(let d of s.holes)c.push(`insert(${d.parentRef}, holeScope(${d.startRef}, () => (${R(d.node,e,n)})), ${d.endRef}, holeContent(${d.startRef}, ${d.endRef}));`);return c.push("return _el$;"),`(() => { ${c.join(" ")} })()`}}e.add("createNativeElement");let r=JSON.stringify(t.tag),o="_el$",i=[],a=t.svg?`${r}, true`:r;if(i.push(`const ${o} = createNativeElement(${a});`),t.props.length>0)if(!t.svg&&t.props.every(h))for(let s of t.props)i.push(be(o,s));else{e.add("spread");let s=t.svg?", isSVG: true":"";i.push(`spread({ element: ${o}, props: ${ye(t.props,null,e)}${s} });`)}for(let s of t.children){e.add("insert");let l=R(s,e,n),c=s.kind==="expr"&&s.reactive||s.kind==="component"||s.kind==="control";i.push(c?`insert(${o}, ${l}, null);`:`insert(${o}, ${l});`)}return i.push(`return ${o};`),`(() => { ${i.join(" ")} })()`}}}function b(t,e){if(!e||e.length===0)return t;let n=new Map(e.map(r=>[r.id,JSON.stringify(r.html)]));return t.replace(/_tmpl\$\d+/g,r=>n.get(r)??r)}var C={name:"imperative",contract:P,emit(t,e){let n=new Set,r=e?.templateClone!==!1?[]:void 0;return X=e?.partialTemplates===!0,{code:R(t,n,r),imports:Array.from(n),templates:r}}};var Ce=t=>"components"in t;function Q(t,e){return t.replace(/\$(\d+)/g,(n,r)=>e[Number(r)]??n)}function Ee(t,e){return typeof e=="string"?{module:e,export:t}:e}function ee(t=[]){let e=new Map,n=[],r=[];for(let a of t){if(!Ce(a)){r.push(a);continue}for(let[s,l]of Object.entries(a.components)){let c=Ee(s,l),d=e.get(s);if(d&&d.module!==c.module){let p=n.find(u=>u.name===s);p?p.modules.push(c.module):n.push({name:s,modules:[d.module,c.module]});continue}e.set(s,c)}}let o=new Map;return{resolve:a=>{if(o.has(a))return o.get(a);let s=e.get(a);if(!s)for(let l of r){let c=a.match(new RegExp(l.match.source,l.match.flags.replace("g","")));if(c){s={module:Q(l.module,c),export:l.export?Q(l.export,c):a};break}}return o.set(a,s),s},names:()=>[...e.keys()],conflicts:()=>n}}import{parseTemplate as we}from"@fluixi/template-parser";function M(t){let e=t.split(/\r\n|\n|\r/),n=0;for(let o=0;o<e.length;o++)/[^ \t]/.test(e[o])&&(n=o);let r="";for(let o=0;o<e.length;o++){let i=e[o].replace(/\t/g," ");o!==0&&(i=i.replace(/^ +/,"")),o!==e.length-1&&(i=i.replace(/ +$/,"")),i&&(o!==n&&(i+=" "),r+=i)}return r}var te=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function $e(t){return t.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ne(t){return t.charAt(0).toUpperCase()+t.slice(1)}var O=class{constructor(e,n){this.holes=e;this.used=n}hole(e){return this.holes[e]??{code:"undefined",reactive:!1}}emit(e){let{code:n,imports:r,templates:o}=C.emit(e,{});for(let i of r)this.used.add(i);return b(n,o)}lowerRoot(e){let n=this.lowerChildren(e);return n.length===1?n[0]:{kind:"fragment",children:n}}lowerChildren(e){let n=[];for(let r=0;r<e.length;r++){let o=e[r];if(o.kind==="Element"||o.kind==="Component"){let a=o.attributes.find(s=>s.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let s=r+1;s<e.length&&this.isBlankText(e[s])&&s++;let l=e[s],c=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(d=>d.kind==="ElseDirective");n.push(this.lowerIf(o,a.hole,c?l:null)),c&&(r=s);continue}if(o.attributes.some(s=>s.kind==="EachDirective")){n.push(this.lowerEach(o));continue}}let i=this.lowerNode(o);i&&n.push(i)}return n}isBlankText(e){return e.kind==="Text"&&!e.raw&&M(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let n=M(e.value);return n?{kind:"text",value:n}:null}case"Comment":return null;case"Expression":{let n=this.hole(e.hole);return{kind:"expr",code:n.code,reactive:n.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(e.children)};case"Element":return this.lowerElement(e);case"Component":return this.lowerComponent(e);default:return null}}lowerElement(e){let n=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&n&&n.value&&n.value.kind==="hole"){let r=e.attributes.filter(i=>i!==n),o=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return o.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(n.value.hole).code})`}),o}return{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:this.lowerAttributes(e.attributes),children:this.lowerChildren(e.children),static:!1}}lowerComponent(e){let n=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:o,rest:i}=this.partitionSlots(e.children);for(let[l,c]of o){let d=c.length===1?c[0]:{kind:"fragment",children:c},p={name:l,kind:"attr",expr:this.emit(d),jsxElement:!0},u=r.findIndex(m=>m.name===l);u>=0?r[u]=p:r.push(p)}let a=e.attributes.find(l=>l.kind==="LoadDirective"),s=a?j(`load:${a.strategy}`,a.modifier):void 0;return{kind:"component",name:n,props:r,children:this.lowerChildren(i),...s?{load:s}:{}}}partitionSlots(e){let n=new Map,r=[];for(let o of e){if(o.kind==="Element"||o.kind==="Component"){let i=o.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(i&&i.value&&i.value.kind==="static"){let a={...o,attributes:o.attributes.filter(c=>c!==i)},s=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=n.get(i.value.value)??[];l.push(s),n.set(i.value.value,l);continue}}r.push(o)}return{slots:n,rest:r}}lowerIf(e,n,r){let o=this.hole(n),i=[{name:"when",kind:"attr",expr:o.code,reactive:o.reactive}];if(r){let s=this.stripAndLower(r,l=>l.kind==="ElseDirective");i.push({name:"fallback",kind:"attr",expr:this.emit(s),jsxElement:!0})}let a=this.stripAndLower(e,s=>s.kind==="IfDirective");return{kind:"component",name:"Show",props:i,children:[a]}}lowerEach(e){let n=e.attributes.find(l=>l.kind==="EachDirective");if(!n||n.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(n.hole),o=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(n.key){let l="static"in n.key?`(item) => item[${JSON.stringify(n.key.static)}]`:this.hole(n.key.hole).code;o.push({name:"by",kind:"attr",expr:l})}let i=this.itemArrow(e),a;if(i){let l={kind:"expr",code:i.body,reactive:i.bodyReactive},c=this.rebuildWithChildren(e,[l]);a=`(${i.params.join(", ")}) => (${this.emit(c)})`}else{let l=this.stripAndLower(e,c=>c.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:o,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(e){let n=e.children.filter(r=>!this.isBlankText(r));return n.length!==1||n[0].kind!=="Expression"?null:this.hole(n[0].hole).arrow??null}stripAndLower(e,n){let r={...e,attributes:e.attributes.filter(o=>!n(o))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,n){let r=this.lowerAttributes(e.attributes.filter(o=>o.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:n,static:!1}:{kind:"component",name:e.tag,props:r,children:n}}lowerAttributes(e){let n=[],r=[],o=!1,i=[],a=!1,s=[];for(let l of e)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":n.push(this.plainAttr(l));break;case"PropertyBinding":n.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":n.push(this.eventProp(l));break;case"RefBinding":n.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":n.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let c=this.hole(l.hole);r.push(`${JSON.stringify(l.name)}: ${c.code}`),o=o||c.reactive;break}case"StyleDirective":{let c=this.hole(l.hole);i.push(`${JSON.stringify(l.name)}: ${c.code}`),a=a||c.reactive;break}case"BindDirective":n.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let c=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!c)break;s.push(l.name!=null&&l.hole!=null?`[${c}, () => (${this.hole(l.hole).code})]`:`[${c}]`);break}}return r.length>0&&n.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:o}),i.length>0&&n.push({name:"style",kind:"attr",expr:`{ ${i.join(", ")} }`,reactive:a}),s.length>0&&n.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),n}eventProp(e){let n=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+ne(e.name),kind:"event",event:{name:n,delegated:te.has(n)},expr:r};let i=this.wrapHandler(r,e.modifiers),a=this.eventOptions(e.modifiers),s=a?`[${i}, ${a}]`:i;return{name:"on:"+n,kind:"attr",expr:s}}wrapHandler(e,n){let r=n.includes("self")?"if (e.target !== e.currentTarget) return; ":"",o=[];return n.includes("prevent")&&o.push("e.preventDefault();"),n.includes("stop")&&o.push("e.stopPropagation();"),!r&&o.length===0?e:`(e) => { ${r}${o.join(" ")} return (${e})(e); }`}eventOptions(e){let n=[];return e.includes("capture")&&n.push("capture: true"),e.includes("once")&&n.push("once: true"),e.includes("passive")&&n.push("passive: true"),n.length?`{ ${n.join(", ")} }`:null}bindProps(e,n){let r=e==="checked",o=r?"change":"input",i=r?"checked":"value",a=`(${n})`;return[{name:e,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+ne(o),kind:"event",event:{name:o,delegated:te.has(o)},expr:`(e) => ${a}[1](e.target.${i})`}]}plainAttr(e){let n=e.value,r=e.name;e.name==="class"?r=n&&n.kind==="hole"&&this.hole(n.hole).object?"classList":"className":e.name==="html"&&(r="innerHTML");let i={name:r,kind:"attr"};if(n==null)return i.literal=!0,i;if(n.kind==="static")return i.literal=n.value,i;if(n.kind==="hole"){let l=this.hole(n.hole);return i.expr=l.code,i.reactive=l.reactive,i}let a=!1,s=n.parts.map(l=>{if("text"in l)return $e(l.text);let c=this.hole(l.hole);return a=a||c.reactive,"${"+c.code+"}"}).join("");return i.expr="`"+s+"`",i.reactive=a,i}};function re(t,e,n,r={}){let{root:o}=we(t,{svg:r.svg});return new O(e,n).lowerRoot(o.children)}function Te(t){let e=[],n=0;return t.statics.forEach((r,o)=>{if(e.push({kind:"static",text:r,start:n}),n+=r.length,o<t.holes.length){let i=n+t.holes[o].code.length;e.push({kind:"hole",index:o,start:n,end:i}),n=i}}),e}function ct(t,e={}){if(t.statics.length!==t.holes.length+1)throw new Error(`[fluixi] compileTemplate: ${t.statics.length} static runs for ${t.holes.length} holes — a template always has exactly one more.`);return Se(Te(t),t.holes,e)}function Se(t,e,n={}){let r=new Set,o=re(t,[...e],r,{svg:n.svg});D(o),H(o,{resolver:ee(n.resolve??[]),modules:{controlFlowModule:n.controlFlowModule??"@fluixi/dom",coreModule:n.coreModule??"@fluixi/core",routerModule:n.routerModule??"@fluixi/core/router-next"},strategyFor:l=>l.load}),F(o);let{code:i,imports:a,templates:s}=C.emit(o,{templateClone:n.templateClone,partialTemplates:n.partialTemplates});for(let l of a)r.add(l);return n.hoistTemplates?{code:i,imports:[...r],ir:o,templates:s}:{code:b(i,s),imports:[...r],ir:o}}export{Se as compilePieces,ct as compileTemplate};

package/dist/lower/jsx.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var X=(e,t)=>{for(var n in t)d(e,n,{get:t[n],enumerable:!0})},A=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of L(t))!C.call(e,r)&&r!==n&&d(e,r,{get:()=>t[r],enumerable:!(i=J(t,r))||i.enumerable});return e};var $=e=>A(d({},"__esModule",{value:!0}),e);var W={};X(W,{SVG_TAGS:()=>I,buildJsxIR:()=>z});module.exports=$(W);var T={kind:"eager"},D=["pointerdown","focusin","keydown"],E=new Set(["eager","idle","visible","interaction","media","never"]),c=class extends Error{};function f(e){return e.startsWith("load:")}function k(e,t){let n=e.slice(5);if(!E.has(n))throw new c(`Unknown load strategy 'load:${n}'. Expected one of ${[...E].join(", ")}.`);switch(n){case"eager":return T;case"idle":return{kind:"idle"};case"never":return{kind:"never"};case"visible":return t?{kind:"visible",rootMargin:t}:{kind:"visible"};case"interaction":return{kind:"interaction",events:t?P(t):[...D]};case"media":if(!t)throw new c(`'load:media' needs a query, e.g. load:media="(min-width: 1024px)".`);return{kind:"media",query:t};default:throw new c(`Unhandled load strategy '${n}'.`)}}function P(e){let t=e.split(/[\s,]+/).map(n=>n.trim()).filter(Boolean);if(t.length===0)throw new c("'load:interaction' was given no event names.");return t}var M="children";function m(e){switch(e.kind){case"call":return!0;case"member":return e.property!==M;case"compound":return e.parts.some(m);case"opaque":return!1}}var j=new Set(["CallExpression","OptionalCallExpression"]),q=new Set(["MemberExpression","OptionalMemberExpression"]);function y(e){if(!e)return{kind:"opaque"};if(j.has(e.type))return{kind:"call"};if(q.has(e.type)){let t=e.property;return{kind:"member",property:!(e.computed===!0)&&t?.type==="Identifier"?t.name:null}}return e.type==="ConditionalExpression"?{kind:"compound",parts:[e.test,e.consequent,e.alternate].map(l)}:e.type==="LogicalExpression"||e.type==="BinaryExpression"?{kind:"compound",parts:[e.left,e.right].map(l)}:e.type==="TemplateLiteral"?{kind:"compound",parts:e.expressions.map(l)}:e.type==="ObjectExpression"?{kind:"compound",parts:e.properties.filter(n=>(n.type==="ObjectProperty"||n.type==="Property")&&n.computed!==!0).map(n=>l(n.value))}:e.type==="ArrayExpression"?{kind:"compound",parts:e.elements.filter(n=>n!=null&&n.type!=="SpreadElement").map(l)}:{kind:"opaque"}}var l=e=>y(e);function O(e){switch(e.kind){case"event":return"event";case"ref":return"ref";case"spread":return"spread";case"class":case"style":return"class-or-style-directive";case"attr":case"prop":return e.reactive?"reactive-prop":e.expr!==void 0?"expression-prop":void 0;default:return"expression-prop"}}function v(e){let t=[],n=new Map,i=r=>{switch(r.kind){case"text":return!0;case"expr":return!1;case"component":case"control":for(let s of r.children)i(s);return!1;case"fragment":for(let s of r.children)i(s);return!1;case"element":{let s=!0;for(let a of r.children)i(a)||(s=!1);let o;for(let a of r.props)if(o=O(a),o)break;return!o&&!s&&(o=B(r)),r.static=!o,o?n.set(r,o):t.push(r),r.static}default:return!1}};for(let r of Array.isArray(e)?e:[e])i(r);return{staticElements:t,reasons:n}}function B(e){for(let t of e.children){if(t.kind==="expr")return"expression-child";if(t.kind==="component")return"component-child";if(t.kind==="control")return"control-child";if(t.kind==="element"&&!t.static||t.kind==="fragment")return"expression-child"}return"expression-child"}function S(e){let t=e.split(/\r\n|\n|\r/),n=0;for(let r=0;r<t.length;r++)/[^ \t]/.test(t[r])&&(n=r);let i="";for(let r=0;r<t.length;r++){let s=t[r].replace(/\t/g," ");r!==0&&(s=s.replace(/^ +/,"")),r!==t.length-1&&(s=s.replace(/ +$/,"")),s&&(r!==n&&(s+=" "),i+=s)}return i}var I=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),G=/^on[A-Z]/,_=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]),b=e=>m(y(e));function u(e){if(e.type==="StringLiteral"||e.type==="NumericLiteral"||e.type==="BooleanLiteral"||e.type==="Literal"&&(typeof e.value=="string"||typeof e.value=="number"||typeof e.value=="boolean"))return e.value}var x=e=>!!e&&typeof u(e)=="string";function F(e,t){return e.type==="JSXIdentifier"?{tag:e.name,component:e.name[0]!==e.name[0].toLowerCase()}:e.type==="JSXMemberExpression"?{tag:t.code(e),component:!0}:e.type==="JSXNamespacedName"?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function g(e){return e.type==="JSXIdentifier"?e.name==="class"?"className":e.name:e.type==="JSXNamespacedName"?`${e.namespace.name}:${e.name.name}`:"unknown"}function K(e,t){let n=g(e.name),i=G.test(n),r=i||n.startsWith("on:")||n==="ref",o={name:n,kind:i?"event":"attr"};if(i){let p=n.slice(2).toLowerCase();o.event={name:p,delegated:_.has(p)}}let a=e.value;if(a==null)return o.literal=!0,o;if(x(a))return o.literal=u(a),o;if(a.type==="JSXExpressionContainer"&&a.expression?.type!=="JSXEmptyExpression"){let p=a.expression,h=u(p);return h!==void 0?(o.literal=h,o):(o.expr=t.code(p),o.reactive=r?!1:b(p),(p.type==="JSXElement"||p.type==="JSXFragment")&&(o.jsxElement=!0),o)}return o.literal=!0,o}function R(e,t){let n=e.value;return n==null?null:x(n)?JSON.stringify(u(n)):n.type==="JSXExpressionContainer"&&n.expression?.type!=="JSXEmptyExpression"?t.code(n.expression):null}function U(e,t){let n=[],i=[];for(let r of e){if(r.type==="JSXSpreadAttribute"){n.push({name:"",kind:"spread",expr:t.code(r.argument)});continue}if(r.type!=="JSXAttribute"||f(g(r.name)))continue;let s=r.name.type==="JSXNamespacedName"?r.name.namespace.name:null;if(s==="use"){let o=r.name.name.name;t.used.add(o);let a=R(r,t);i.push(a!=null?`[${o}, () => (${a})]`:`[${o}]`);continue}if(s==="oncapture"){let o=r.name.name.name.toLowerCase(),a=R(r,t)??"undefined";n.push({name:"on:"+o,kind:"attr",expr:`[${a}, { capture: true }]`});continue}n.push(K(r,t))}return i.length>0&&n.push({name:"use",kind:"attr",expr:`[${i.join(", ")}]`}),n}function N(e,t){let n=[];for(let i of e)if(i.type==="JSXText"){let r=S(i.value);r&&n.push({kind:"text",value:r})}else if(i.type==="JSXExpressionContainer"){if(i.expression?.type!=="JSXEmptyExpression"){let r=i.expression;n.push({kind:"expr",code:t.code(r),reactive:b(r)})}}else i.type==="JSXElement"||i.type==="JSXFragment"?n.push(w(i,t)):i.type==="JSXSpreadChild"&&n.push({kind:"expr",code:t.code(i.expression),reactive:!1});return n}function V(e){for(let t of e){if(t.type!=="JSXAttribute")continue;let n=g(t.name);if(f(n)){if(t.value&&!x(t.value))throw new c(`'${n}' needs a literal value, not an expression — the strategy is compile-time.`);return k(n,t.value?u(t.value):null)}}}function w(e,t){if(e.type==="JSXFragment")return{kind:"fragment",children:N(e.children,t)};let{tag:n,component:i}=F(e.openingElement.name,t),r=U(e.openingElement.attributes,t),s=N(e.children,t);if(i){let o=V(e.openingElement.attributes);return{kind:"component",name:n,props:r,children:s,...o?{load:o}:{}}}return{kind:"element",tag:n,svg:I.has(n),props:r,children:s,static:!1}}function z(e,t){let n=w(e,t);return v(n),n}

package/dist/lower/jsx.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Build IR from a JSX tree.
+ *
+ * Reads `node.type` rather than a parser's helpers, and asks the caller for the
+ * source of an expression through `code()` — a front-end that can slice the
+ * original text returns that, one that reprints returns the printed form. Either
+ * way the IR is the same, which is what keeps one builder for both.
+ */
+import type { IRNode } from '../ir/nodes.js';
+interface Node {
+    type: string;
+    [key: string]: any;
+}
+export interface JsxContext {
+    /** The source of an expression node, with anything nested already compiled. */
+    code(node: Node): string;
+    /** Runtime symbols the emitted code needs; `use:` directives register here too. */
+    used: Set<string>;
+}
+export declare const SVG_TAGS: Set<string>;
+/** Build IR from a JSXElement or JSXFragment. */
+export declare function buildJsxIR(node: Node, ctx: JsxContext): IRNode;
+export {};
+//# sourceMappingURL=jsx.d.ts.map

package/dist/lower/jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.d.ts","sourceRoot":"","sources":["../../src/lower/jsx.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAkB,MAAM,EAAsB,MAAM,gBAAgB,CAAC;AAOjF,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,+EAA+E;IAC/E,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,mFAAmF;IACnF,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,aAGnB,CAAC;AAsLH,iDAAiD;AACjD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,GAAG,MAAM,CAM9D"}

package/dist/lower/jsx.js

@@ -0,0 +1,193 @@
+import { isLoadDirective, parseLoadDirective, LoadDirectiveError } from '../resolve/load-directive.js';
+import { isReactiveShape } from '../analyze/reactive-expr.js';
+import { shapeOf } from '../analyze/expr-shape.js';
+import { analyzeStatic } from '../optimize/analyze-static.js';
+import { cleanTemplateText } from './text.js';
+export const SVG_TAGS = new Set([
+    'svg', 'path', 'circle', 'rect', 'line', 'polygon', 'polyline',
+    'ellipse', 'g', 'defs', 'clipPath', 'text',
+]);
+const EVENT_RE = /^on[A-Z]/;
+const DELEGATED = new Set([
+    'click', 'dblclick', 'input', 'change', 'submit', 'focus', 'blur',
+    'keydown', 'keyup', 'keypress', 'mousedown', 'mouseup',
+]);
+const isReactive = (node) => isReactiveShape(shapeOf(node));
+/** A literal value, or undefined when the node is not one. */
+function literalOf(node) {
+    if (node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'BooleanLiteral') {
+        return node.value;
+    }
+    // ESTree spells all three `Literal`; regexes and null are not values we inline.
+    if (node.type === 'Literal' && (typeof node.value === 'string' || typeof node.value === 'number' || typeof node.value === 'boolean')) {
+        return node.value;
+    }
+    return undefined;
+}
+const isString = (node) => !!node && typeof literalOf(node) === 'string';
+/** A capitalized / member / namespaced tag is a component. */
+function tagInfo(name, ctx) {
+    if (name.type === 'JSXIdentifier') {
+        return { tag: name.name, component: name.name[0] !== name.name[0].toLowerCase() };
+    }
+    if (name.type === 'JSXMemberExpression')
+        return { tag: ctx.code(name), component: true };
+    if (name.type === 'JSXNamespacedName') {
+        return { tag: `${name.namespace.name}:${name.name.name}`, component: false };
+    }
+    return { tag: 'div', component: false };
+}
+function attrName(name) {
+    if (name.type === 'JSXIdentifier')
+        return name.name === 'class' ? 'className' : name.name;
+    if (name.type === 'JSXNamespacedName')
+        return `${name.namespace.name}:${name.name.name}`;
+    return 'unknown';
+}
+function buildAttr(attr, ctx) {
+    const name = attrName(attr.name);
+    const isEvent = EVENT_RE.test(name);
+    // on: reaches the runtime as a native listener; a handler, never reactive. `ref`
+    // joins them: the runtime CALLS it with the element, so a thunk gets called
+    // instead and the real ref never sees anything.
+    const isHandler = isEvent || name.startsWith('on:') || name === 'ref';
+    const kind = isEvent ? 'event' : 'attr';
+    const base = { name, kind };
+    if (isEvent) {
+        const evt = name.slice(2).toLowerCase();
+        base.event = { name: evt, delegated: DELEGATED.has(evt) };
+    }
+    const v = attr.value;
+    if (v == null) {
+        base.literal = true; // valueless attribute
+        return base;
+    }
+    if (isString(v)) {
+        base.literal = literalOf(v);
+        return base;
+    }
+    if (v.type === 'JSXExpressionContainer' && v.expression?.type !== 'JSXEmptyExpression') {
+        const expr = v.expression;
+        const literal = literalOf(expr);
+        if (literal !== undefined) {
+            base.literal = literal;
+            return base;
+        }
+        base.expr = ctx.code(expr);
+        base.reactive = isHandler ? false : isReactive(expr);
+        if (expr.type === 'JSXElement' || expr.type === 'JSXFragment')
+            base.jsxElement = true;
+        return base;
+    }
+    base.literal = true;
+    return base;
+}
+/** Attribute value as JS code, or null when valueless. */
+function attrExprCode(attr, ctx) {
+    const v = attr.value;
+    if (v == null)
+        return null;
+    if (isString(v))
+        return JSON.stringify(literalOf(v));
+    if (v.type === 'JSXExpressionContainer' && v.expression?.type !== 'JSXEmptyExpression') {
+        return ctx.code(v.expression);
+    }
+    return null;
+}
+function buildProps(attrs, ctx) {
+    const props = [];
+    const usePairs = []; // use:name directives collapse into one `use` prop
+    for (const a of attrs) {
+        if (a.type === 'JSXSpreadAttribute') {
+            props.push({ name: '', kind: 'spread', expr: ctx.code(a.argument) });
+            continue;
+        }
+        if (a.type !== 'JSXAttribute')
+            continue;
+        // load: is a directive, not a prop — the resolve pass reads it off the node.
+        if (isLoadDirective(attrName(a.name)))
+            continue;
+        const ns = a.name.type === 'JSXNamespacedName' ? a.name.namespace.name : null;
+        // use:name / use:name={opts} -> [dir, () => opts]; dir is an in-scope fn
+        if (ns === 'use') {
+            const dir = a.name.name.name;
+            ctx.used.add(dir); // keep the import
+            const opts = attrExprCode(a, ctx);
+            // parens round the body so an object literal is not read as a block
+            usePairs.push(opts != null ? `[${dir}, () => (${opts})]` : `[${dir}]`);
+            continue;
+        }
+        // oncapture:name -> native on:name with { capture: true }
+        if (ns === 'oncapture') {
+            const evt = a.name.name.name.toLowerCase();
+            const h = attrExprCode(a, ctx) ?? 'undefined';
+            props.push({ name: 'on:' + evt, kind: 'attr', expr: `[${h}, { capture: true }]` });
+            continue;
+        }
+        props.push(buildAttr(a, ctx));
+    }
+    if (usePairs.length > 0)
+        props.push({ name: 'use', kind: 'attr', expr: `[${usePairs.join(', ')}]` });
+    return props;
+}
+function buildChildren(children, ctx) {
+    const out = [];
+    for (const child of children) {
+        if (child.type === 'JSXText') {
+            // Drop whitespace-only text spanning a newline so a lone child stays lone —
+            // an array insert will not reactively bind a memo/component inside it.
+            const text = cleanTemplateText(child.value);
+            if (text)
+                out.push({ kind: 'text', value: text });
+        }
+        else if (child.type === 'JSXExpressionContainer') {
+            if (child.expression?.type !== 'JSXEmptyExpression') {
+                const expr = child.expression;
+                out.push({ kind: 'expr', code: ctx.code(expr), reactive: isReactive(expr) });
+            }
+        }
+        else if (child.type === 'JSXElement' || child.type === 'JSXFragment') {
+            out.push(buildNode(child, ctx));
+        }
+        else if (child.type === 'JSXSpreadChild') {
+            out.push({ kind: 'expr', code: ctx.code(child.expression), reactive: false });
+        }
+    }
+    return out;
+}
+/** The load: strategy written on a component tag, if any. */
+function readLoad(attrs) {
+    for (const a of attrs) {
+        if (a.type !== 'JSXAttribute')
+            continue;
+        const name = attrName(a.name);
+        if (!isLoadDirective(name))
+            continue;
+        if (a.value && !isString(a.value)) {
+            throw new LoadDirectiveError(`'${name}' needs a literal value, not an expression — the strategy is compile-time.`);
+        }
+        return parseLoadDirective(name, a.value ? literalOf(a.value) : null);
+    }
+    return undefined;
+}
+function buildNode(node, ctx) {
+    if (node.type === 'JSXFragment') {
+        return { kind: 'fragment', children: buildChildren(node.children, ctx) };
+    }
+    const { tag, component } = tagInfo(node.openingElement.name, ctx);
+    const props = buildProps(node.openingElement.attributes, ctx);
+    const children = buildChildren(node.children, ctx);
+    if (component) {
+        const load = readLoad(node.openingElement.attributes);
+        return { kind: 'component', name: tag, props, children, ...(load ? { load } : {}) };
+    }
+    return { kind: 'element', tag, svg: SVG_TAGS.has(tag), props, children, static: false };
+}
+/** Build IR from a JSXElement or JSXFragment. */
+export function buildJsxIR(node, ctx) {
+    const ir = buildNode(node, ctx);
+    // `static` is a property of a whole subtree, so one pass decides it rather than
+    // each node at construction.
+    analyzeStatic(ir);
+    return ir;
+}