@fluixi/compiler 1.0.0-alpha.55 → 1.0.0-alpha.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/babel-DZ7BC6T2.mjs +2 -0
  2. package/dist/frontend/babel/build-ir-lit.cjs +1 -0
  3. package/dist/frontend/babel/build-ir-lit.d.ts +26 -0
  4. package/dist/frontend/babel/build-ir-lit.d.ts.map +1 -0
  5. package/dist/frontend/babel/build-ir-lit.js +9 -0
  6. package/dist/frontend/babel/build-ir-lit.mjs +1 -0
  7. package/dist/frontend/babel/build-ir.cjs +1 -1
  8. package/dist/frontend/babel/build-ir.d.ts +11 -0
  9. package/dist/frontend/babel/build-ir.d.ts.map +1 -1
  10. package/dist/frontend/babel/build-ir.js +72 -13
  11. package/dist/frontend/babel/build-ir.mjs +1 -1
  12. package/dist/frontend/babel/index.cjs +2 -2
  13. package/dist/frontend/babel/index.mjs +2 -2
  14. package/dist/frontend/babel/lower-template.cjs +1 -0
  15. package/dist/frontend/babel/lower-template.d.ts +21 -0
  16. package/dist/frontend/babel/lower-template.d.ts.map +1 -0
  17. package/dist/frontend/babel/lower-template.js +447 -0
  18. package/dist/frontend/babel/lower-template.mjs +1 -0
  19. package/dist/frontend/babel/plugin.cjs +2 -2
  20. package/dist/frontend/babel/plugin.d.ts +21 -0
  21. package/dist/frontend/babel/plugin.d.ts.map +1 -1
  22. package/dist/frontend/babel/plugin.js +144 -206
  23. package/dist/frontend/babel/plugin.mjs +2 -2
  24. package/dist/integrations.cjs +7 -7
  25. package/dist/integrations.d.ts +19 -0
  26. package/dist/integrations.d.ts.map +1 -1
  27. package/dist/integrations.js +3 -0
  28. package/dist/integrations.mjs +4 -4
  29. package/dist/tsconfig.lib.tsbuildinfo +1 -1
  30. package/package.json +5 -5
  31. package/dist/babel-OGRQKOZA.mjs +0 -2
package/dist/frontend/babel/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var be=Object.create;var $=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Je=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Xe=Object.prototype.hasOwnProperty;var ve=(e,n)=>{for(var r in n)$(e,r,{get:n[r],enumerable:!0})},Q=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of Je(n))!Xe.call(e,s)&&s!==r&&$(e,s,{get:()=>n[s],enumerable:!(i=ye(n,s))||i.enumerable});return e};var we=(e,n,r)=>(r=e!=null?be(Ce(e)):{},Q(n||!e||!e.__esModule?$(r,"default",{value:e,enumerable:!0}):r,e)),Fe=e=>Q($({},"__esModule",{value:!0}),e);var ut={};ve(ut,{babelPluginReactiveJSX:()=>lt,createPlugin:()=>ct,createPreset:()=>B,default:()=>L,presets:()=>pt});module.exports=Fe(ut);var ae=require("@babel/helper-plugin-utils"),t=require("@babel/core");var p=require("@babel/core"),G=we(require("@babel/generator"),1);var q={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},mt={version:2,module:"@fluixi/dom",symbols:[...q.symbols,"template","cloneTemplate","walk"]};var je={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Pe(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function ee(e){return Pe(e)?e:JSON.stringify(e)}function Ie(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function Le(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function Me(e,n,r){let i=e.filter(l=>l.kind==="spread"),o=e.filter(l=>l.kind!=="spread").map(l=>`${ee(l.name)}: ${Ie(l)}`);n!=null&&o.push(`children: ${n}`);let a=`{ ${o.join(", ")} }`;return i.length>0?(r.add("mergeProps"),`mergeProps(${i.map(l=>l.expr).join(", ")}, ${a})`):a}function te(e,n){return e.length===1?D(e[0],n):`[${e.map(r=>D(r,n)).join(", ")}]`}function Y(e,n,r,i){i.add("createMemo"),i.add("createComponent");let s=n.filter(u=>u.kind==="spread"),a=n.filter(u=>u.kind!=="spread").map(u=>`get ${ee(u.name)}() { return ${Le(u)}; }`);r.length>0&&a.push(`get children() { return ${te(r,i)}; }`);let l=`{ ${a.join(", ")} }`;return s.length>0&&(i.add("mergeProps"),l=`mergeProps(${s.map(u=>u.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${e}, ${l}))`}function D(e,n){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":te(e.children,n);case"component":return Y(e.name,e.props,e.children,n);case"control":{let r=je[e.control]??e.control;return n.add(r),Y(r,e.props,e.children,n)}case"element":{n.add("createNativeElement");let r=JSON.stringify(e.tag),i="_el$",s=[],o=e.svg?`${r}, true`:r;if(s.push(`const ${i} = createNativeElement(${o});`),e.props.length>0){n.add("spread");let a=e.svg?", isSVG: true":"";s.push(`spread({ element: ${i}, props: ${Me(e.props,null,n)}${a} });`)}for(let a of e.children){n.add("insert");let l=D(a,n),u=a.kind==="expr"&&a.reactive||a.kind==="component"||a.kind==="control";s.push(u?`insert(${i}, ${l}, null);`:`insert(${i}, ${l});`)}return s.push(`return ${i};`),`(() => { ${s.join(" ")} })()`}}}var V={name:"imperative",contract:q,emit(e,n){let r=new Set;return{code:D(e,r),imports:Array.from(r)}}};var Ne=G.default.default??G.default;function re(e){return Ne(e,{concise:!0}).code}function Ae(e,n){let r=p.types.cloneNode(e,!0),i=p.types.file(p.types.program([p.types.expressionStatement(r)])),s=!1;return(0,p.traverse)(i,{"JSXElement|JSXFragment"(o){let a=o.node,{code:l,imports:u}=V.emit(R(a,n),{});for(let b of u)n.add(b);let g=p.template.expression(l,{placeholderPattern:!1})();o.replaceWith(g),o.skip(),s=!0}}),s?i.program.body[0].expression:e}function _(e,n){return re(Ae(e,n))}var Re=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Oe=/^on[A-Z]/,ke=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Te(e){if(p.types.isJSXIdentifier(e)){let n=e.name[0]!==e.name[0].toLowerCase();return{tag:e.name,component:n}}return p.types.isJSXMemberExpression(e)?{tag:re(e),component:!0}:p.types.isJSXNamespacedName(e)?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function $e(e){return p.types.isJSXIdentifier(e)?e.name==="class"?"className":e.name:p.types.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function F(e){return p.types.isCallExpression(e)||p.types.isOptionalCallExpression(e)?!0:p.types.isMemberExpression(e)||p.types.isOptionalMemberExpression(e)?!(!e.computed&&p.types.isIdentifier(e.property,{name:"children"})):p.types.isConditionalExpression(e)?F(e.test)||F(e.consequent)||F(e.alternate):p.types.isLogicalExpression(e)||p.types.isBinaryExpression(e)?F(e.left)||F(e.right):p.types.isTemplateLiteral(e)?e.expressions.some(n=>F(n)):!1}function De(e,n){let r=$e(e.name),i=Oe.test(r),o={name:r,kind:i?"event":"attr"};i&&(o.event={name:r.slice(2).toLowerCase(),delegated:ke.has(r.slice(2).toLowerCase())});let a=e.value;if(a==null)return o.literal=!0,o;if(p.types.isStringLiteral(a))return o.literal=a.value,o;if(p.types.isJSXExpressionContainer(a)&&!p.types.isJSXEmptyExpression(a.expression)){let l=a.expression;return p.types.isStringLiteral(l)||p.types.isNumericLiteral(l)||p.types.isBooleanLiteral(l)?(o.literal=l.value,o):(o.expr=_(l,n),o.reactive=i?!1:F(l),(p.types.isJSXElement(l)||p.types.isJSXFragment(l))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function Ve(e,n){let r=[];for(let i of e)p.types.isJSXSpreadAttribute(i)?r.push({name:"",kind:"spread",expr:_(i.argument,n)}):p.types.isJSXAttribute(i)&&r.push(De(i,n));return r}function _e(e){let n=e.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function ne(e,n){let r=[];for(let i of e)if(p.types.isJSXText(i)){let s=_e(i.value);s&&r.push({kind:"text",value:s})}else if(p.types.isJSXExpressionContainer(i)){if(!p.types.isJSXEmptyExpression(i.expression)){let s=i.expression;r.push({kind:"expr",code:_(s,n),reactive:F(s)})}}else p.types.isJSXElement(i)||p.types.isJSXFragment(i)?r.push(R(i,n)):p.types.isJSXSpreadChild(i)&&r.push({kind:"expr",code:_(i.expression,n),reactive:!1});return r}function R(e,n=new Set){if(p.types.isJSXFragment(e))return{kind:"fragment",children:ne(e.children,n)};let{tag:r,component:i}=Te(e.openingElement.name),s=Ve(e.openingElement.attributes,n),o=ne(e.children,n);return i?{kind:"component",name:r,props:s,children:o}:{kind:"element",tag:r,svg:Re.has(r),props:s,children:o,static:!1}}var le=new Set(["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense"]),ze={Show:"when",For:"each",Index:"each",Match:"when"};var ce=/^on[A-Z]/,pe=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],L=(0,ae.declare)((e,n={})=>{e.assertVersion(7);let{runtime:r="automatic",importSource:i="@fluixi/jsx",pragma:s="jsx",pragmaFrag:o="Fragment",development:a=!1,detectReactivity:l=!0,useLitHTML:u=!0,hoistStatics:g=!0,delegateEvents:b=!0,delegatedEvents:m=pe,optimizeControlFlow:y=!0,sourceMaps:P=!0,signalModule:J="@fluixi/dom",controlFlowModule:w="@fluixi/dom",reactiveModule:M="@fluixi/reactive/signal",autoShowTransform:K=!1,backend:X="imperative",codegen:N="inline"}=n,he={backend:X,codegen:N,irImports:new Set,libModule:"@fluixi/core",hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(f,c){c.plugins.push("jsx","typescript")},pre(f){Object.assign(f,he)},visitor:{ImportDeclaration(f,c){f.node.source.value==="@fluixi/core/rx"&&(f.node.source=t.types.stringLiteral("@fluixi/reactive"))},Program:{enter(f,c){Object.assign(c,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsLitrxImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,autoShow:K,staticCounter:0,libModule:"@fluixi/core",backend:X,codegen:N,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(f,c){let d=[];if(c.hasJSX||(c.needsSignalImport&&d.push(t.types.importDeclaration([t.types.importSpecifier(t.types.identifier("signal"),t.types.identifier("signal"))],t.types.stringLiteral(J))),c.needsLitrxImport&&!f.scope.hasBinding("litrx")&&d.push(t.types.importDeclaration([t.types.importSpecifier(t.types.identifier("litrx"),t.types.identifier("litrx"))],t.types.stringLiteral(c.libModule)))),c.hasJSX){if(X==="imperative"&&N==="ir"){let x=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),S=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),E=Array.from(c.irImports),v=h=>t.types.importSpecifier(t.types.identifier(h),t.types.identifier(h)),I=h=>!f.scope.hasBinding(h),W=E.filter(h=>S.has(h)&&I(h)),T=E.filter(h=>!x.has(h)&&!S.has(h)&&I(h)),A=E.filter(h=>x.has(h)&&I(h));W.length>0&&d.push(t.types.importDeclaration(W.map(v),t.types.stringLiteral(M))),T.length>0&&d.push(t.types.importDeclaration(T.map(v),t.types.stringLiteral(J))),A.length>0&&d.push(t.types.importDeclaration(A.map(v),t.types.stringLiteral(w)))}else if(X==="imperative"){let S=[[!!c.needsCreateNativeElement,"createNativeElement"],[!!c.needsSpread,"spread"],[!!c.needsInsert,"insert"],[!!c.needsCreateComponent,"createComponent"],[!!c.needsMergeProps,"mergeProps"]].filter(([E,v])=>E&&!f.scope.hasBinding(v)).map(([,E])=>t.types.importSpecifier(t.types.identifier(E),t.types.identifier(E)));S.length>0&&d.push(t.types.importDeclaration(S,t.types.stringLiteral(J)))}else if(r==="automatic"){let x=[t.types.importSpecifier(t.types.identifier("jsx"),t.types.identifier("jsx")),t.types.importSpecifier(t.types.identifier("jsxs"),t.types.identifier("jsxs")),t.types.importSpecifier(t.types.identifier("Fragment"),t.types.identifier("Fragment"))];a&&x.push(t.types.importSpecifier(t.types.identifier("jsxDEV"),t.types.identifier("jsxDEV"))),c.needsMergeProps&&x.push(t.types.importSpecifier(t.types.identifier("mergeProps"),t.types.identifier("mergeProps"))),d.push(t.types.importDeclaration(x,t.types.stringLiteral(i)))}if(c.needsCreateMemo&&!f.scope.hasBinding("createMemo")&&d.push(t.types.importDeclaration([t.types.importSpecifier(t.types.identifier("createMemo"),t.types.identifier("createMemo"))],t.types.stringLiteral(X==="imperative"?M:c.libModule??"@fluixi/core"))),c.needsControlFlowImport&&c.controlFlowComponents.size>0){let x=Array.from(c.controlFlowComponents).filter(S=>!f.scope.hasBinding(S));if(x.length>0){let S=x.map(E=>t.types.importSpecifier(t.types.identifier(E),t.types.identifier(E)));d.push(t.types.importDeclaration(S,t.types.stringLiteral(w)))}}if(b&&c.delegatedEvents.size>0){d.push(t.types.importDeclaration([t.types.importSpecifier(t.types.identifier("delegateEvents"),t.types.identifier("delegateEvents"))],t.types.stringLiteral(X==="imperative"?J:"@fluixi/jsx")));let x=t.types.arrayExpression(Array.from(c.delegatedEvents).map(E=>t.types.stringLiteral(E))),S=t.types.expressionStatement(t.types.callExpression(t.types.identifier("delegateEvents"),[x]));f.node.body.unshift(S)}if(g&&c.staticElements.size>0){let x=[];c.staticElements.forEach((S,E)=>{x.push(t.types.variableDeclaration("const",[t.types.variableDeclarator(t.types.identifier(E),S)]))}),f.node.body.unshift(...x)}}d.length>0&&f.node.body.unshift(...d)}},JSXElement(f,c){if(c.hasJSX=!0,X==="imperative"&&N==="ir"){f.replaceWith(se(f.node,c));return}let d=f.node,x=d.openingElement;if(t.types.isJSXIdentifier(x.name)&&le.has(x.name.name)&&(c.controlFlowComponents.add(x.name.name),y)){let E=st(d,c);if(E){f.replaceWith(E);return}}if(g&&X!=="imperative"&&Se(d,c)){let E=it(d,c);if(E){f.replaceWith(E);return}}let S=Be(d,c,{runtime:r,pragma:s,development:a,detectReactivity:l,useLitHTML:u,autoShow:K});f.replaceWith(S)},JSXFragment(f,c){if(c.hasJSX=!0,X==="imperative"&&N==="ir"){f.replaceWith(se(f.node,c));return}let d=z(f.node,c,{runtime:r,pragmaFrag:o,development:a});f.replaceWith(d)},CallExpression(f,c){if(!l)return;let d=f.node.callee;d.name,t.types.isIdentifier(d)&&(d.name==="createSignal"||d.name==="createStore"||d.name==="useContext"||d.name==="useLocation")&&(c.hasReactivity=!0)},JSXExpressionContainer(f){},TaggedTemplateExpression(f,c){let{tag:d,quasi:x}=f.node;f.get("quasi").get("expressions").forEach((S,E)=>{let v=S.node,I=x.quasis[E].value.raw;if(I.trim().endsWith("=")||I.match(/@[\w-]+$/))return;let T=!1,A=!1;if(t.types.isMemberExpression(v)){let h=v.property;t.types.isIdentifier(h)&&(h.name=h.name.replace("$",""),c.needsLitrxImport=!0,A=!0)}(T||A)&&S.replaceWith(t.types.callExpression(t.types.identifier("((window as any).Fluixi.litrx || litrx)"),[t.types.arrowFunctionExpression([],v)]))})}}}});function Be(e,n,r){let{runtime:i,pragma:s,development:o,autoShow:a=!0}=r;return i==="automatic"?k(e,n,o,a):He(e,n,s)}var We=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function ie(e,n,r){return n.length>0?(r.needsMergeProps=!0,t.types.callExpression(t.types.identifier("mergeProps"),[...n,t.types.objectExpression(e)])):t.types.objectExpression(e)}function ue(e){return e.length===1?e[0]:t.types.arrayExpression(e)}function qe(e,n,r,i,s,o){if(!n){let m=[...r];return s.length>0&&m.push(t.types.objectMethod("get",t.types.identifier("children"),[],t.types.blockStatement([t.types.returnStatement(ue(s))]))),fe(e,ie(m,i,o),o)}let a=e.value,l=We.has(a),u=t.types.identifier("_el$"),g=[];o.needsCreateNativeElement=!0;let b=[e];if(l&&b.push(t.types.booleanLiteral(!0)),g.push(t.types.variableDeclaration("const",[t.types.variableDeclarator(u,t.types.callExpression(t.types.identifier("createNativeElement"),b))])),r.length>0||i.length>0){o.needsSpread=!0;let m=[t.types.objectProperty(t.types.identifier("element"),u),t.types.objectProperty(t.types.identifier("props"),ie(r,i,o))];l&&m.push(t.types.objectProperty(t.types.identifier("isSVG"),t.types.booleanLiteral(!0))),g.push(t.types.expressionStatement(t.types.callExpression(t.types.identifier("spread"),[t.types.objectExpression(m)])))}if(s.length>0){o.needsInsert=!0;for(let m of s){let P=t.types.isArrowFunctionExpression(m)||t.types.isFunctionExpression(m)||t.types.isCallExpression(m)&&t.types.isIdentifier(m.callee)&&m.callee.name==="createMemo"?[t.types.cloneNode(u),m,t.types.nullLiteral()]:[t.types.cloneNode(u),m];g.push(t.types.expressionStatement(t.types.callExpression(t.types.identifier("insert"),P)))}}return g.push(t.types.returnStatement(u)),t.types.callExpression(t.types.arrowFunctionExpression([],t.types.blockStatement(g)),[])}function fe(e,n,r){return r.backend==="imperative"?(r.needsCreateComponent=!0,r.needsCreateMemo=!0,t.types.callExpression(t.types.identifier("createMemo"),[t.types.arrowFunctionExpression([],t.types.callExpression(t.types.identifier("createComponent"),[e,n]))])):t.types.callExpression(t.types.identifier("jsx"),[e,n])}function se(e,n){let r=new Set,i=R(e,r),{code:s,imports:o}=V.emit(i,{});for(let a of o)r.add(a);for(let a of r)n.irImports.add(a);return t.template.expression(s,{placeholderPattern:!1})()}function Ge(e){return e.map(n=>{if(t.types.isObjectProperty(n)){let r=n.key,i=n.computed,s=n.value;return t.types.objectMethod("get",r,[],t.types.blockStatement([t.types.returnStatement(s)]),i)}return n})}function k(e,n,r,i=!0){let s=e.openingElement,o=e.children,a=me(s.name),l=t.types.isJSXIdentifier(s.name)&&/^[a-z]/.test(s.name.name),u=ge(s.attributes,n,l,t.types.isJSXIdentifier(s.name)?s.name.name:""),g=u.props,b=u.spreads;l||(g=Ge(g));let m=Z(o,n,i);if(n.backend==="imperative")return qe(a,l,g,b,m,n);if(m.length>0){let w=m.length===1?m[0]:t.types.arrayExpression(m);g.push(t.types.objectProperty(t.types.identifier("children"),w))}let y;if(b.length>0){let w=g.length>0?t.types.objectExpression(g):t.types.objectExpression([]);n.needsMergeProps=!0,y=t.types.callExpression(t.types.identifier("mergeProps"),[...b,w])}else y=t.types.objectExpression(g);let P=r?"jsxDEV":m.length>1?"jsxs":"jsx",J=[a,y];return r&&J.push(t.types.identifier("undefined"),t.types.booleanLiteral(!1),t.types.identifier("undefined"),t.types.identifier("undefined")),t.types.callExpression(t.types.identifier(P),J)}function He(e,n,r){let i=e.openingElement,s=e.children,o=me(i.name),a=t.types.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),{props:l,spreads:u}=ge(i.attributes,n,a,t.types.isJSXIdentifier(i.name)?i.name.name:""),g=Z(s,n,n.autoShow??!0),b;if(u.length>0){let y=l.length>0?t.types.objectExpression(l):t.types.objectExpression([]);n.needsMergeProps=!0,b=t.types.callExpression(t.types.identifier("mergeProps"),[...u,y])}else b=l.length>0?t.types.objectExpression(l):t.types.nullLiteral();let m=[o,b,...g];return t.types.callExpression(t.types.identifier(r),m)}function z(e,n,r){let{runtime:i,pragmaFrag:s,development:o}=r,a=Z(e.children,n,n.autoShow??!0);if(n.backend==="imperative")return a.length===0?t.types.nullLiteral():ue(a);if(i==="automatic"){let l=o?"jsxDEV":a.length>1?"jsxs":"jsx",u=t.types.objectExpression([t.types.objectProperty(t.types.identifier("children"),a.length===1?a[0]:t.types.arrayExpression(a))]),g=[t.types.identifier("Fragment"),u];return o&&g.push(t.types.identifier("undefined"),t.types.booleanLiteral(!1),t.types.identifier("undefined"),t.types.identifier("undefined")),t.types.callExpression(t.types.identifier(l),g)}else return t.types.callExpression(t.types.identifier(s),a)}function me(e){if(t.types.isJSXIdentifier(e)){let n=e.name;return n[0]===n[0].toLowerCase()?t.types.stringLiteral(n):t.types.identifier(n)}return t.types.isJSXMemberExpression(e)?de(e):t.types.isJSXNamespacedName(e)?t.types.stringLiteral(`${e.namespace.name}:${e.name.name}`):t.types.stringLiteral("div")}function de(e){let n;return t.types.isJSXIdentifier(e.object)?n=t.types.identifier(e.object.name):n=de(e.object),t.types.memberExpression(n,t.types.identifier(e.property.name))}function Ze(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}function ge(e,n,r=!0,i=""){let s=[],o=[],a=ze[i];for(let l of e)if(t.types.isJSXSpreadAttribute(l))o.push(l.argument);else if(t.types.isJSXAttribute(l)){let u=Ue(l.name),g=Ke(l.value,n,u,r);if(ce.test(u)){let M=u.slice(2).toLowerCase();pe.includes(M)&&n.delegatedEvents.add(M)}let b=Ze(u)?t.types.identifier(u):t.types.stringLiteral(u),m=l.value,y=t.types.isJSXElement(m)||t.types.isJSXFragment(m)||t.types.isJSXExpressionContainer(m)&&(t.types.isJSXElement(m.expression)||t.types.isJSXFragment(m.expression)),P=!r&&u===a,J=t.types.isJSXExpressionContainer(m)&&!t.types.isJSXEmptyExpression(m.expression)?m.expression:null,w=!r&&!!J&&Ee(J,u);!r&&y||P||w?s.push(t.types.objectMethod("get",b,[],t.types.blockStatement([t.types.returnStatement(g)]))):s.push(t.types.objectProperty(b,g))}return{props:s,spreads:o}}function Ue(e){return t.types.isJSXIdentifier(e)?e.name==="class"?"className":e.name:t.types.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function Ke(e,n,r="",i=!0){if(e===null)return t.types.booleanLiteral(!0);if(t.types.isStringLiteral(e))return e.value.includes(`
2
- `)?t.types.stringLiteral(e.value.replace(/\s+/g," ").trim()):e;if(t.types.isJSXExpressionContainer(e)){if(t.types.isJSXEmptyExpression(e.expression))return t.types.booleanLiteral(!0);let s=e.expression;return i&&Ee(s,r)?t.types.arrowFunctionExpression([],s):s}return t.types.isJSXElement(e)?k(e,n,!1,n.autoShow??!0):t.types.isJSXFragment(e)?z(e,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):t.types.booleanLiteral(!0)}function Ee(e,n){return ce.test(n)||n.startsWith("on:")||n==="ref"||n.startsWith("use:")||t.types.isArrowFunctionExpression(e)||t.types.isFunctionExpression(e)||t.types.isIdentifier(e)||t.types.isStringLiteral(e)||t.types.isNumericLiteral(e)||t.types.isBooleanLiteral(e)||t.types.isNullLiteral(e)?!1:!!(t.types.isCallExpression(e)||t.types.isOptionalCallExpression(e)||t.types.isMemberExpression(e)||t.types.isOptionalMemberExpression(e)||t.types.isLogicalExpression(e)||t.types.isConditionalExpression(e)||t.types.isBinaryExpression(e)||t.types.isUnaryExpression(e)||t.types.isTemplateLiteral(e)||t.types.isObjectExpression(e)||t.types.isArrayExpression(e))}function Qe(e){let n=e.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function Z(e,n,r=!0){let i=[];for(let s of e)if(t.types.isJSXText(s)){let o=Qe(s.value);o&&i.push(t.types.stringLiteral(o))}else if(t.types.isJSXExpressionContainer(s)){if(!t.types.isJSXEmptyExpression(s.expression)){let o=s.expression;if(r){let a=Ye(o,n)??et(o,n);if(a){i.push(a);continue}}else{let a=tt(o,n);if(a){i.push(a);continue}}rt(o)?i.push(t.types.arrowFunctionExpression([],o)):i.push(o)}}else t.types.isJSXElement(s)?i.push(k(s,n,!1,n.autoShow??!0)):t.types.isJSXFragment(s)?i.push(z(s,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):t.types.isJSXSpreadChild(s)&&i.push(s.expression);return i}function Ye(e,n){if(!t.types.isArrowFunctionExpression(e)||e.params.length!==0||e.async)return null;let r=e.body;if(t.types.isLogicalExpression(r)&&r.operator==="&&"){let i=C(r.right);if(i)return O(j(r.left),i,null,n)}if(t.types.isConditionalExpression(r)){let i=C(r.consequent);if(i){let s=U(r.alternate,n);return O(j(r.test),i,s,n,!0)}}return null}function et(e,n){if(t.types.isLogicalExpression(e)&&e.operator==="&&"){let r=C(e.right);if(r)return O(j(e.left),r,null,n)}if(t.types.isConditionalExpression(e)){let r=C(e.consequent);if(r){let i=U(e.alternate,n);return O(j(e.test),r,i,n)}}return null}function tt(e,n){let r=t.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&t.types.isExpression(e.body)?e.body:e;if(t.types.isConditionalExpression(r)){let i=j(r.test),o=C(r.consequent)??r.consequent,l=C(r.alternate)??r.alternate,u=t.types.conditionalExpression(i,o,l);return H(r.consequent)||H(r.alternate)?null:(n.needsCreateMemo=!0,t.types.callExpression(t.types.identifier("createMemo"),[t.types.arrowFunctionExpression([],u)]))}if(t.types.isLogicalExpression(r)&&r.operator==="&&"){let i=j(r.left),o=C(r.right)??r.right,a=t.types.logicalExpression("&&",i,o);return H(r.right)?null:(n.needsCreateMemo=!0,t.types.callExpression(t.types.identifier("createMemo"),[t.types.arrowFunctionExpression([],a)]))}return null}function U(e,n){if(nt(e))return null;let r=C(e);if(r)return xe(r,n);if(t.types.isConditionalExpression(e)){let i=e,s=C(i.consequent);if(s){let o=U(i.alternate,n);return O(j(i.test),s,o,n)}}return e}function oe(e){return t.types.isJSXElement(e)||t.types.isJSXFragment(e)}function H(e){let n=C(e);if(!n||!t.types.isJSXElement(n))return!1;let r=n.openingElement.name;return t.types.isJSXIdentifier(r)&&le.has(r.name)}function C(e){return oe(e)?e:t.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&oe(e.body)?e.body:null}function j(e){return t.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&t.types.isExpression(e.body)?e.body:e}function nt(e){return t.types.isNullLiteral(e)||t.types.isIdentifier(e)&&e.name==="undefined"||t.types.isBooleanLiteral(e)&&e.value===!1}function xe(e,n){return t.types.isJSXElement(e)?k(e,n,!1,n.autoShow??!0):z(e,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function O(e,n,r,i,s=!1){i.controlFlowComponents.add("Show"),i.needsControlFlowImport=!0;let o=xe(n,i),a=[t.types.objectProperty(t.types.identifier("when"),t.types.arrowFunctionExpression([],e)),t.types.objectProperty(t.types.identifier("children"),o)];return r&&a.push(t.types.objectProperty(t.types.identifier("fallback"),r)),fe(t.types.identifier("Show"),t.types.objectExpression(a),i)}function rt(e){return t.types.isMemberExpression(e)||t.types.isOptionalMemberExpression(e)?!(!e.computed&&t.types.isIdentifier(e.property,{name:"children"})):t.types.isCallExpression(e)||t.types.isOptionalCallExpression(e)?!0:t.types.isIdentifier(e)?!1:!!(t.types.isLogicalExpression(e)||t.types.isConditionalExpression(e)||t.types.isBinaryExpression(e)||t.types.isUnaryExpression(e)||t.types.isTemplateLiteral(e))}function Se(e,n){let r=e.openingElement;if(!t.types.isJSXIdentifier(r.name))return!1;let i=r.name.name;if(i[0]!==i[0].toLowerCase())return!1;for(let s of r.attributes){if(t.types.isJSXSpreadAttribute(s))return!1;if(t.types.isJSXAttribute(s)){let o=s.value;if(t.types.isJSXExpressionContainer(o)&&!t.types.isStringLiteral(o.expression)&&!t.types.isNumericLiteral(o.expression))return!1}}for(let s of e.children)if(t.types.isJSXElement(s)&&!Se(s,n)||t.types.isJSXExpressionContainer(s))return!1;return!0}function it(e,n){let r=`_$static${n.staticCounter++}`,i=k(e,n,!1);return n.staticElements.set(r,i),t.types.identifier(r)}function st(e,n){let r=e.openingElement.name.name;return r==="Show"?ot(e,n):r==="For"?at(e,n):null}function ot(e,n){return null}function at(e,n){return null}var lt=L;function ct(e){return[L,e]}function B(e={}){return{plugins:[[L,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...e}]]}}var pt={production:B({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:B({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:B({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};
1
+ "use strict";var $e=Object.create;var z=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Ve=(e,t)=>{for(var r in t)z(e,r,{get:t[r],enumerable:!0})},ae=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of De(t))!_e.call(e,i)&&i!==r&&z(e,i,{get:()=>t[i],enumerable:!(s=Oe(t,i))||s.enumerable});return e};var le=(e,t,r)=>(r=e!=null?$e(Be(e)):{},ae(t||!e||!e.__esModule?z(r,"default",{value:e,enumerable:!0}):r,e)),ze=e=>ae(z({},"__esModule",{value:!0}),e);var Ft={};Ve(Ft,{babelPluginReactiveJSX:()=>Rt,createPlugin:()=>Pt,createPreset:()=>U,default:()=>A,presets:()=>Lt});module.exports=ze(Ft);var we=require("@babel/helper-plugin-utils"),n=require("@babel/core");var u=require("@babel/core"),Q=le(require("@babel/generator"),1);var Z={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},At={version:2,module:"@fluixi/dom",symbols:[...Z.symbols,"template","cloneTemplate","walk"]};var We={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function He(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function pe(e){return He(e)?e:JSON.stringify(e)}function Ge(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function qe(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function Ue(e,t,r){let s=e.filter(c=>c.kind==="spread"),o=e.filter(c=>c.kind!=="spread").map(c=>`${pe(c.name)}: ${Ge(c)}`);t!=null&&o.push(`children: ${t}`);let a=`{ ${o.join(", ")} }`;return s.length>0?(r.add("mergeProps"),`mergeProps(${s.map(c=>c.expr).join(", ")}, ${a})`):a}function ue(e,t){return e.length===1?W(e[0],t):`[${e.map(r=>W(r,t)).join(", ")}]`}function ce(e,t,r,s){s.add("createMemo"),s.add("createComponent");let i=t.filter(l=>l.kind==="spread"),a=t.filter(l=>l.kind!=="spread").map(l=>`get ${pe(l.name)}() { return ${qe(l)}; }`);r.length>0&&a.push(`get children() { return ${ue(r,s)}; }`);let c=`{ ${a.join(", ")} }`;return i.length>0&&(s.add("mergeProps"),c=`mergeProps(${i.map(l=>l.expr).join(", ")}, ${c})`),`createMemo(() => createComponent(${e}, ${c}))`}function W(e,t){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":ue(e.children,t);case"component":return ce(e.name,e.props,e.children,t);case"control":{let r=We[e.control]??e.control;return t.add(r),ce(r,e.props,e.children,t)}case"element":{t.add("createNativeElement");let r=JSON.stringify(e.tag),s="_el$",i=[],o=e.svg?`${r}, true`:r;if(i.push(`const ${s} = createNativeElement(${o});`),e.props.length>0){t.add("spread");let a=e.svg?", isSVG: true":"";i.push(`spread({ element: ${s}, props: ${Ue(e.props,null,t)}${a} });`)}for(let a of e.children){t.add("insert");let c=W(a,t),l=a.kind==="expr"&&a.reactive||a.kind==="component"||a.kind==="control";i.push(l?`insert(${s}, ${c}, null);`:`insert(${s}, ${c});`)}return i.push(`return ${s};`),`(() => { ${i.join(" ")} })()`}}}var X={name:"imperative",contract:Z,emit(e,t){let r=new Set;return{code:W(e,r),imports:Array.from(r)}}};var T=require("@babel/core"),K=le(require("@babel/generator"),1),fe=require("@fluixi/template-parser");var Ze=K.default.default??K.default;function Ke(e){return Ze(e,{concise:!0}).code}var me=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Ye(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function de(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Y=class{constructor(t,r){this.holes=t;this.used=r}hole(t){return this.holes[t]??{node:T.types.identifier("undefined"),code:"undefined",reactive:!1}}emit(t){let{code:r,imports:s}=X.emit(t,{});for(let i of s)this.used.add(i);return r}lowerRoot(t){let r=this.lowerChildren(t);return r.length===1?r[0]:{kind:"fragment",children:r}}lowerChildren(t){let r=[];for(let s=0;s<t.length;s++){let i=t[s];if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(c=>c.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let c=s+1;c<t.length&&this.isBlankText(t[c])&&c++;let l=t[c],p=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(E=>E.kind==="ElseDirective");r.push(this.lowerIf(i,a.hole,p?l:null)),p&&(s=c);continue}if(i.attributes.some(c=>c.kind==="EachDirective")){r.push(this.lowerEach(i));continue}}let o=this.lowerNode(i);o&&r.push(o)}return r}isBlankText(t){return t.kind==="Text"&&!t.raw&&H(t.value)===""}lowerNode(t){switch(t.kind){case"Text":{if(t.raw)return{kind:"text",value:t.value};let r=H(t.value);return r?{kind:"text",value:r}:null}case"Comment":return null;case"Expression":{let r=this.hole(t.hole);return{kind:"expr",code:r.code,reactive:r.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(t.children)};case"Element":return this.lowerElement(t);case"Component":return this.lowerComponent(t);default:return null}}lowerElement(t){let r=t.attributes.find(s=>s.kind==="Attribute"&&s.name==="is");if(t.tag==="component"&&r&&r.value&&r.value.kind==="hole"){let s=t.attributes.filter(o=>o!==r),i=this.lowerComponent({...t,kind:"Component",tag:"Dynamic",tagHole:null,attributes:s});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(r.value.hole).code})`}),i}return{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:this.lowerAttributes(t.attributes),children:this.lowerChildren(t.children),static:!1}}lowerComponent(t){let r=t.tagHole!=null?this.hole(t.tagHole).code:t.tag,s=this.lowerAttributes(t.attributes),{slots:i,rest:o}=this.partitionSlots(t.children);for(let[a,c]of i){let l=c.length===1?c[0]:{kind:"fragment",children:c};s.push({name:a,kind:"attr",expr:this.emit(l),jsxElement:!0})}return{kind:"component",name:r,props:s,children:this.lowerChildren(o)}}partitionSlots(t){let r=new Map,s=[];for(let i of t){if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(o&&o.value&&o.value.kind==="static"){let a={...i,attributes:i.attributes.filter(p=>p!==o)},c=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=r.get(o.value.value)??[];l.push(c),r.set(o.value.value,l);continue}}s.push(i)}return{slots:r,rest:s}}lowerIf(t,r,s){let i=this.hole(r),o=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(s){let c=this.stripAndLower(s,l=>l.kind==="ElseDirective");o.push({name:"fallback",kind:"attr",expr:this.emit(c),jsxElement:!0})}let a=this.stripAndLower(t,c=>c.kind==="IfDirective");return{kind:"component",name:"Show",props:o,children:[a]}}lowerEach(t){let r=t.attributes.find(l=>l.kind==="EachDirective");if(!r||r.kind!=="EachDirective")return this.lowerNode(t);let s=this.hole(r.hole),i=[{name:"each",kind:"attr",expr:s.code,reactive:s.reactive}];if(r.key){let l="static"in r.key?`(item) => item[${JSON.stringify(r.key.static)}]`:this.hole(r.key.hole).code;i.push({name:"by",kind:"attr",expr:l})}let o=this.itemArrow(t),a;if(o){let l=o.body,p={kind:"expr",code:R(l,this.used),reactive:y(l)},E=this.rebuildWithChildren(t,[p]);a=`(${o.params.map(f=>Ke(f)).join(", ")}) => (${this.emit(E)})`}else{let l=this.stripAndLower(t,p=>p.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(t){let r=t.children.filter(i=>!this.isBlankText(i));if(r.length!==1||r[0].kind!=="Expression")return null;let s=this.hole(r[0].hole).node;return T.types.isArrowFunctionExpression(s)&&!T.types.isBlockStatement(s.body)?s:null}stripAndLower(t,r){let s={...t,attributes:t.attributes.filter(i=>!r(i))};return s.kind==="Element"?this.lowerElement(s):this.lowerComponent(s)}rebuildWithChildren(t,r){let s=this.lowerAttributes(t.attributes.filter(i=>i.kind!=="EachDirective"));return t.kind==="Element"?{kind:"element",tag:t.tag,svg:t.namespace==="svg",props:s,children:r,static:!1}:{kind:"component",name:t.tag,props:s,children:r}}lowerAttributes(t){let r=[],s=[],i=!1,o=[],a=!1,c=[];for(let l of t)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":r.push(this.plainAttr(l));break;case"PropertyBinding":r.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":r.push(this.eventProp(l));break;case"RefBinding":r.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":r.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let p=this.hole(l.hole);s.push(`${JSON.stringify(l.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${p.code}`),a=a||p.reactive;break}case"BindDirective":r.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let p=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!p)break;c.push(l.name!=null&&l.hole!=null?`[${p}, () => (${this.hole(l.hole).code})]`:`[${p}]`);break}}return s.length>0&&r.push({name:"classList",kind:"attr",expr:`{ ${s.join(", ")} }`,reactive:i}),o.length>0&&r.push({name:"style",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:a}),c.length>0&&r.push({name:"use",kind:"attr",expr:`[${c.join(", ")}]`}),r}eventProp(t){let r=t.name.toLowerCase(),s=this.hole(t.hole).code;if(!(t.syntax==="colon"||t.modifiers.length>0))return{name:"on"+de(t.name),kind:"event",event:{name:r,delegated:me.has(r)},expr:s};let o=this.wrapHandler(s,t.modifiers),a=this.eventOptions(t.modifiers),c=a?`[${o}, ${a}]`:o;return{name:"on:"+r,kind:"attr",expr:c}}wrapHandler(t,r){let s=r.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return r.includes("prevent")&&i.push("e.preventDefault();"),r.includes("stop")&&i.push("e.stopPropagation();"),!s&&i.length===0?t:`(e) => { ${s}${i.join(" ")} return (${t})(e); }`}eventOptions(t){let r=[];return t.includes("capture")&&r.push("capture: true"),t.includes("once")&&r.push("once: true"),t.includes("passive")&&r.push("passive: true"),r.length?`{ ${r.join(", ")} }`:null}bindProps(t,r){let s=t==="checked",i=s?"change":"input",o=s?"checked":"value",a=`(${r})`;return[{name:t,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+de(i),kind:"event",event:{name:i,delegated:me.has(i)},expr:`(e) => ${a}[1](e.target.${o})`}]}plainAttr(t){let r=t.value,s=t.name;t.name==="class"?s=r&&r.kind==="hole"&&T.types.isObjectExpression(this.hole(r.hole).node)?"classList":"className":t.name==="html"&&(s="innerHTML");let o={name:s,kind:"attr"};if(r==null)return o.literal=!0,o;if(r.kind==="static")return o.literal=r.value,o;if(r.kind==="hole"){let l=this.hole(r.hole);return o.expr=l.code,o.reactive=l.reactive,o}let a=!1,c=r.parts.map(l=>{if("text"in l)return Ye(l.text);let p=this.hole(l.hole);return a=a||p.reactive,"${"+p.code+"}"}).join("");return o.expr="`"+c+"`",o.reactive=a,o}};function ge(e,t,r={}){let s=e.quasi,i=s.expressions.map(c=>{let l=c;return{node:l,code:R(l,t),reactive:y(l)}}),o=Qe(s),{root:a}=(0,fe.parseTemplate)(o,{svg:r.svg});return new Y(i,t).lowerRoot(a.children)}function Qe(e){let t=[];return e.quasis.forEach((r,s)=>{let i=r.value.cooked??r.value.raw;if(t.push({kind:"static",text:i,start:r.start??0}),s<e.expressions.length){let o=e.expressions[s];t.push({kind:"hole",index:s,start:o.start??0,end:o.end??0})}}),t}function G(e,t=new Set,r={}){return ge(e,t,r)}var et=Q.default.default??Q.default;function xe(e){return et(e,{concise:!0}).code}function tt(e,t){let r=u.types.cloneNode(e,!0),s=u.types.file(u.types.program([u.types.expressionStatement(r)])),i=!1,o=(a,c,l)=>{for(let p of l)t.add(p);a.replaceWith(u.template.expression(c,{placeholderPattern:!1,plugins:["typescript"]})()),a.skip(),i=!0};return(0,u.traverse)(s,{"JSXElement|JSXFragment"(a){let c=a.node,{code:l,imports:p}=X.emit($(c,t),{});o(a,l,p)},TaggedTemplateExpression(a){let c=a.node.tag;if(!u.types.isIdentifier(c)||c.name!=="html"&&c.name!=="svg")return;let l=G(a.node,t,{svg:c.name==="svg"}),{code:p,imports:E}=X.emit(l,{});o(a,p,E)}}),i?s.program.body[0].expression:e}function R(e,t){return xe(tt(e,t))}var nt=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),rt=/^on[A-Z]/,it=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function st(e){if(u.types.isJSXIdentifier(e)){let t=e.name[0]!==e.name[0].toLowerCase();return{tag:e.name,component:t}}return u.types.isJSXMemberExpression(e)?{tag:xe(e),component:!0}:u.types.isJSXNamespacedName(e)?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function ot(e){return u.types.isJSXIdentifier(e)?e.name==="class"?"className":e.name:u.types.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function y(e){return u.types.isCallExpression(e)||u.types.isOptionalCallExpression(e)?!0:u.types.isMemberExpression(e)||u.types.isOptionalMemberExpression(e)?!(!e.computed&&u.types.isIdentifier(e.property,{name:"children"})):u.types.isConditionalExpression(e)?y(e.test)||y(e.consequent)||y(e.alternate):u.types.isLogicalExpression(e)||u.types.isBinaryExpression(e)?y(e.left)||y(e.right):u.types.isTemplateLiteral(e)?e.expressions.some(t=>y(t)):u.types.isObjectExpression(e)?e.properties.some(t=>u.types.isObjectProperty(t)&&!t.computed&&y(t.value)):u.types.isArrayExpression(e)?e.elements.some(t=>t!=null&&!u.types.isSpreadElement(t)&&y(t)):!1}function at(e,t){let r=ot(e.name),s=rt.test(r),i=s||r.startsWith("on:"),a={name:r,kind:s?"event":"attr"};s&&(a.event={name:r.slice(2).toLowerCase(),delegated:it.has(r.slice(2).toLowerCase())});let c=e.value;if(c==null)return a.literal=!0,a;if(u.types.isStringLiteral(c))return a.literal=c.value,a;if(u.types.isJSXExpressionContainer(c)&&!u.types.isJSXEmptyExpression(c.expression)){let l=c.expression;return u.types.isStringLiteral(l)||u.types.isNumericLiteral(l)||u.types.isBooleanLiteral(l)?(a.literal=l.value,a):(a.expr=R(l,t),a.reactive=i?!1:y(l),(u.types.isJSXElement(l)||u.types.isJSXFragment(l))&&(a.jsxElement=!0),a)}return a.literal=!0,a}function he(e,t){let r=e.value;return r==null?null:u.types.isStringLiteral(r)?JSON.stringify(r.value):u.types.isJSXExpressionContainer(r)&&!u.types.isJSXEmptyExpression(r.expression)?R(r.expression,t):null}function lt(e,t){let r=[],s=[];for(let i of e){if(u.types.isJSXSpreadAttribute(i)){r.push({name:"",kind:"spread",expr:R(i.argument,t)});continue}if(!u.types.isJSXAttribute(i))continue;let o=u.types.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(o==="use"){let a=i.name.name.name;t.add(a);let c=he(i,t);s.push(c!=null?`[${a}, () => (${c})]`:`[${a}]`);continue}if(o==="oncapture"){let a=i.name.name.name.toLowerCase(),c=he(i,t)??"undefined";r.push({name:"on:"+a,kind:"attr",expr:`[${c}, { capture: true }]`});continue}r.push(at(i,t))}return s.length>0&&r.push({name:"use",kind:"attr",expr:`[${s.join(", ")}]`}),r}function H(e){let t=e.split(/\r\n|\n|\r/),r=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(r=i);let s="";for(let i=0;i<t.length;i++){let o=t[i].replace(/\t/g," ");i!==0&&(o=o.replace(/^ +/,"")),i!==t.length-1&&(o=o.replace(/ +$/,"")),o&&(i!==r&&(o+=" "),s+=o)}return s}function Ee(e,t){let r=[];for(let s of e)if(u.types.isJSXText(s)){let i=H(s.value);i&&r.push({kind:"text",value:i})}else if(u.types.isJSXExpressionContainer(s)){if(!u.types.isJSXEmptyExpression(s.expression)){let i=s.expression;r.push({kind:"expr",code:R(i,t),reactive:y(i)})}}else u.types.isJSXElement(s)||u.types.isJSXFragment(s)?r.push($(s,t)):u.types.isJSXSpreadChild(s)&&r.push({kind:"expr",code:R(s.expression,t),reactive:!1});return r}function $(e,t=new Set){if(u.types.isJSXFragment(e))return{kind:"fragment",children:Ee(e.children,t)};let{tag:r,component:s}=st(e.openingElement.name),i=lt(e.openingElement.attributes,t),o=Ee(e.children,t);return s?{kind:"component",name:r,props:i,children:o}:{kind:"element",tag:r,svg:nt.has(r),props:i,children:o,static:!1}}var te=new Set(["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense","Await"]),Se=new Set(["Suspense","SuspenseList","Await"]),O=new Set(["Router","Outlet","Redirect","Link"]),ct={Show:"when",For:"each",Index:"each",Match:"when"};var Ce=/^on[A-Z]/,ke=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],A=(0,we.declare)((e,t={})=>{e.assertVersion(7);let{runtime:r="automatic",importSource:s="@fluixi/jsx",pragma:i="jsx",pragmaFrag:o="Fragment",development:a=!1,detectReactivity:c=!0,useLitHTML:l=!0,hoistStatics:p=!0,delegateEvents:E=!0,delegatedEvents:f=ke,optimizeControlFlow:w=!0,sourceMaps:L=!0,signalModule:C="@fluixi/dom",controlFlowModule:J="@fluixi/dom",routerModule:_="@fluixi/core/router-next",reactiveModule:ie="@fluixi/reactive/signal",autoShowTransform:se=!1,backend:N="imperative",codegen:M="inline",format:oe="both",litTag:Ae="html"}=t,Me=oe==="lit"||oe==="both",Te={backend:N,codegen:M,irImports:new Set,libModule:"@fluixi/core",hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(d,m){m.plugins.push("jsx","typescript")},pre(d){Object.assign(d,Te)},visitor:{ImportDeclaration(d,m){d.node.source.value==="@fluixi/core/rx"&&(d.node.source=n.types.stringLiteral("@fluixi/reactive"))},Program:{enter(d,m){Object.assign(m,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,hasLitIR:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,autoShow:se,staticCounter:0,libModule:"@fluixi/core",backend:N,codegen:M,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(d,m){let g=[];if(m.hasJSX||m.needsSignalImport&&g.push(n.types.importDeclaration([n.types.importSpecifier(n.types.identifier("signal"),n.types.identifier("signal"))],n.types.stringLiteral(C))),m.hasJSX||m.hasLitIR){if(m.irImports.size>0){let h=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),b=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),x=Array.from(m.irImports),I=S=>n.types.importSpecifier(n.types.identifier(S),n.types.identifier(S)),F=S=>!d.scope.hasBinding(S),j=x.filter(S=>b.has(S)&&F(S)),v=x.filter(S=>!h.has(S)&&!b.has(S)&&F(S)),V=x.filter(S=>h.has(S)&&F(S));j.length>0&&g.push(n.types.importDeclaration(j.map(I),n.types.stringLiteral(ie))),v.length>0&&g.push(n.types.importDeclaration(v.map(I),n.types.stringLiteral(C))),V.length>0&&g.push(n.types.importDeclaration(V.map(I),n.types.stringLiteral(J)))}if(m.hasJSX&&N==="imperative"&&M!=="ir"){let b=[[!!m.needsCreateNativeElement,"createNativeElement"],[!!m.needsSpread,"spread"],[!!m.needsInsert,"insert"],[!!m.needsCreateComponent,"createComponent"],[!!m.needsMergeProps,"mergeProps"]].filter(([x,I])=>x&&!d.scope.hasBinding(I)).map(([,x])=>n.types.importSpecifier(n.types.identifier(x),n.types.identifier(x)));b.length>0&&g.push(n.types.importDeclaration(b,n.types.stringLiteral(C)))}else if(m.hasJSX&&r==="automatic"){let h=[n.types.importSpecifier(n.types.identifier("jsx"),n.types.identifier("jsx")),n.types.importSpecifier(n.types.identifier("jsxs"),n.types.identifier("jsxs")),n.types.importSpecifier(n.types.identifier("Fragment"),n.types.identifier("Fragment"))];a&&h.push(n.types.importSpecifier(n.types.identifier("jsxDEV"),n.types.identifier("jsxDEV"))),m.needsMergeProps&&h.push(n.types.importSpecifier(n.types.identifier("mergeProps"),n.types.identifier("mergeProps"))),g.push(n.types.importDeclaration(h,n.types.stringLiteral(s)))}if(m.needsCreateMemo&&!d.scope.hasBinding("createMemo")&&g.push(n.types.importDeclaration([n.types.importSpecifier(n.types.identifier("createMemo"),n.types.identifier("createMemo"))],n.types.stringLiteral(N==="imperative"?ie:m.libModule??"@fluixi/core"))),m.needsControlFlowImport&&m.controlFlowComponents.size>0){let h=Array.from(m.controlFlowComponents).filter(v=>!d.scope.hasBinding(v)),b=m.libModule??"@fluixi/core",x=h.filter(v=>O.has(v)),I=h.filter(v=>Se.has(v)),F=h.filter(v=>!Se.has(v)&&!O.has(v)),j=(v,V)=>n.types.importDeclaration(v.map(S=>n.types.importSpecifier(n.types.identifier(S),n.types.identifier(S))),n.types.stringLiteral(V));F.length>0&&g.push(j(F,J)),I.length>0&&g.push(j(I,b)),x.length>0&&g.push(j(x,_))}if(E&&m.delegatedEvents.size>0){g.push(n.types.importDeclaration([n.types.importSpecifier(n.types.identifier("delegateEvents"),n.types.identifier("delegateEvents"))],n.types.stringLiteral(N==="imperative"?C:"@fluixi/jsx")));let h=n.types.arrayExpression(Array.from(m.delegatedEvents).map(x=>n.types.stringLiteral(x))),b=n.types.expressionStatement(n.types.callExpression(n.types.identifier("delegateEvents"),[h]));d.node.body.unshift(b)}if(p&&m.staticElements.size>0){let h=[];m.staticElements.forEach((b,x)=>{h.push(n.types.variableDeclaration("const",[n.types.variableDeclarator(n.types.identifier(x),b)]))}),d.node.body.unshift(...h)}}g.length>0&&d.node.body.unshift(...dt(g))}},JSXElement(d,m){if(m.hasJSX=!0,N==="imperative"&&M==="ir"){d.replaceWith(ve(d.node,m));return}let g=d.node,h=g.openingElement;if(n.types.isJSXIdentifier(h.name)&&O.has(h.name.name)&&(m.controlFlowComponents.add(h.name.name),m.needsControlFlowImport=!0),n.types.isJSXIdentifier(h.name)&&te.has(h.name.name)&&(m.controlFlowComponents.add(h.name.name),w)){let x=Jt(g,m);if(x){d.replaceWith(x);return}}if(p&&N!=="imperative"&&je(g,m)){let x=Nt(g,m);if(x){d.replaceWith(x);return}}let b=pt(g,m,{runtime:r,pragma:i,development:a,detectReactivity:c,useLitHTML:l,autoShow:se});d.replaceWith(b)},JSXFragment(d,m){if(m.hasJSX=!0,N==="imperative"&&M==="ir"){d.replaceWith(ve(d.node,m));return}let g=q(d.node,m,{runtime:r,pragmaFrag:o,development:a});d.replaceWith(g)},CallExpression(d,m){if(!c)return;let g=d.node.callee;g.name,n.types.isIdentifier(g)&&(g.name==="createSignal"||g.name==="createStore"||g.name==="useContext"||g.name==="useLocation")&&(m.hasReactivity=!0)},JSXExpressionContainer(d){},TaggedTemplateExpression(d,m){if(Me&&N==="imperative"&&n.types.isIdentifier(d.node.tag)&&(d.node.tag.name===Ae||d.node.tag.name==="svg")){d.replaceWith(ft(d.node,m));return}}}}});function pt(e,t,r){let{runtime:s,pragma:i,development:o,autoShow:a=!0}=r;return s==="automatic"?B(e,t,o,a):ht(e,t,i)}var ut=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function be(e,t,r){return t.length>0?(r.needsMergeProps=!0,n.types.callExpression(n.types.identifier("mergeProps"),[...t,n.types.objectExpression(e)])):n.types.objectExpression(e)}function Ne(e){return e.length===1?e[0]:n.types.arrayExpression(e)}function mt(e,t,r,s,i,o){if(!t){let f=[...r];return i.length>0&&f.push(n.types.objectMethod("get",n.types.identifier("children"),[],n.types.blockStatement([n.types.returnStatement(Ne(i))]))),Je(e,be(f,s,o),o)}let a=e.value,c=ut.has(a),l=n.types.identifier("_el$"),p=[];o.needsCreateNativeElement=!0;let E=[e];if(c&&E.push(n.types.booleanLiteral(!0)),p.push(n.types.variableDeclaration("const",[n.types.variableDeclarator(l,n.types.callExpression(n.types.identifier("createNativeElement"),E))])),r.length>0||s.length>0){o.needsSpread=!0;let f=[n.types.objectProperty(n.types.identifier("element"),l),n.types.objectProperty(n.types.identifier("props"),be(r,s,o))];c&&f.push(n.types.objectProperty(n.types.identifier("isSVG"),n.types.booleanLiteral(!0))),p.push(n.types.expressionStatement(n.types.callExpression(n.types.identifier("spread"),[n.types.objectExpression(f)])))}if(i.length>0){o.needsInsert=!0;for(let f of i){let L=n.types.isArrowFunctionExpression(f)||n.types.isFunctionExpression(f)||n.types.isCallExpression(f)&&n.types.isIdentifier(f.callee)&&f.callee.name==="createMemo"?[n.types.cloneNode(l),f,n.types.nullLiteral()]:[n.types.cloneNode(l),f];p.push(n.types.expressionStatement(n.types.callExpression(n.types.identifier("insert"),L)))}}return p.push(n.types.returnStatement(l)),n.types.callExpression(n.types.arrowFunctionExpression([],n.types.blockStatement(p)),[])}function Je(e,t,r){return n.types.isIdentifier(e)&&O.has(e.name)&&(r.controlFlowComponents.add(e.name),r.needsControlFlowImport=!0),r.backend==="imperative"?(r.needsCreateComponent=!0,r.needsCreateMemo=!0,n.types.callExpression(n.types.identifier("createMemo"),[n.types.arrowFunctionExpression([],n.types.callExpression(n.types.identifier("createComponent"),[e,t]))])):n.types.callExpression(n.types.identifier("jsx"),[e,t])}function ve(e,t){let r=new Set,s=$(e,r),{code:i,imports:o}=X.emit(s,{});for(let a of o)r.add(a);for(let a of r)t.irImports.add(a);return n.template.expression(i,{placeholderPattern:!1,plugins:["typescript"]})()}function dt(e){let t=new Map,r=[];for(let s of e){let i=s.source.value;if(!s.specifiers.every(c=>n.types.isImportSpecifier(c))){r.push(s);continue}let a=t.get(i);if(!a){let c=new Set(s.specifiers.map(l=>l.local.name));t.set(i,{decl:s,names:c}),r.push(s);continue}for(let c of s.specifiers)a.names.has(c.local.name)||(a.names.add(c.local.name),a.decl.specifiers.push(c))}return r}function ft(e,t){let r=new Set,s=n.types.isIdentifier(e.tag)&&e.tag.name==="svg",i=G(e,r,{svg:s}),{code:o,imports:a}=X.emit(i,{});for(let c of a)r.add(c);for(let c of r)t.irImports.add(c);return Ie(i,t),t.hasLitIR=!0,n.template.expression(o,{placeholderPattern:!1,plugins:["typescript"]})()}function Ie(e,t){if(e.kind==="component"&&(te.has(e.name)||O.has(e.name))&&(t.controlFlowComponents.add(e.name),t.needsControlFlowImport=!0),(e.kind==="element"||e.kind==="component"||e.kind==="control")&&"props"in e)for(let r of e.props)r.kind==="event"&&r.event?.delegated&&t.delegatedEvents.add(r.event.name);if("children"in e&&e.children)for(let r of e.children)Ie(r,t)}function gt(e){return e.map(t=>{if(n.types.isObjectProperty(t)){let r=t.key,s=t.computed,i=t.value;return n.types.objectMethod("get",r,[],n.types.blockStatement([n.types.returnStatement(i)]),s)}return t})}function B(e,t,r,s=!0){let i=e.openingElement,o=e.children,a=Xe(i.name),c=n.types.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),l=Pe(i.attributes,t,c,n.types.isJSXIdentifier(i.name)?i.name.name:""),p=l.props,E=l.spreads;c||(p=gt(p));let f=ne(o,t,s);if(t.backend==="imperative")return mt(a,c,p,E,f,t);if(f.length>0){let J=f.length===1?f[0]:n.types.arrayExpression(f);p.push(n.types.objectProperty(n.types.identifier("children"),J))}let w;if(E.length>0){let J=p.length>0?n.types.objectExpression(p):n.types.objectExpression([]);t.needsMergeProps=!0,w=n.types.callExpression(n.types.identifier("mergeProps"),[...E,J])}else w=n.types.objectExpression(p);let L=r?"jsxDEV":f.length>1?"jsxs":"jsx",C=[a,w];return r&&C.push(n.types.identifier("undefined"),n.types.booleanLiteral(!1),n.types.identifier("undefined"),n.types.identifier("undefined")),n.types.callExpression(n.types.identifier(L),C)}function ht(e,t,r){let s=e.openingElement,i=e.children,o=Xe(s.name),a=n.types.isJSXIdentifier(s.name)&&/^[a-z]/.test(s.name.name),{props:c,spreads:l}=Pe(s.attributes,t,a,n.types.isJSXIdentifier(s.name)?s.name.name:""),p=ne(i,t,t.autoShow??!0),E;if(l.length>0){let w=c.length>0?n.types.objectExpression(c):n.types.objectExpression([]);t.needsMergeProps=!0,E=n.types.callExpression(n.types.identifier("mergeProps"),[...l,w])}else E=c.length>0?n.types.objectExpression(c):n.types.nullLiteral();let f=[o,E,...p];return n.types.callExpression(n.types.identifier(r),f)}function q(e,t,r){let{runtime:s,pragmaFrag:i,development:o}=r,a=ne(e.children,t,t.autoShow??!0);if(t.backend==="imperative")return a.length===0?n.types.nullLiteral():Ne(a);if(s==="automatic"){let c=o?"jsxDEV":a.length>1?"jsxs":"jsx",l=n.types.objectExpression([n.types.objectProperty(n.types.identifier("children"),a.length===1?a[0]:n.types.arrayExpression(a))]),p=[n.types.identifier("Fragment"),l];return o&&p.push(n.types.identifier("undefined"),n.types.booleanLiteral(!1),n.types.identifier("undefined"),n.types.identifier("undefined")),n.types.callExpression(n.types.identifier(c),p)}else return n.types.callExpression(n.types.identifier(i),a)}function Xe(e){if(n.types.isJSXIdentifier(e)){let t=e.name;return t[0]===t[0].toLowerCase()?n.types.stringLiteral(t):n.types.identifier(t)}return n.types.isJSXMemberExpression(e)?Re(e):n.types.isJSXNamespacedName(e)?n.types.stringLiteral(`${e.namespace.name}:${e.name.name}`):n.types.stringLiteral("div")}function Re(e){let t;return n.types.isJSXIdentifier(e.object)?t=n.types.identifier(e.object.name):t=Re(e.object),n.types.memberExpression(t,n.types.identifier(e.property.name))}function Et(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}function Pe(e,t,r=!0,s=""){let i=[],o=[],a=ct[s];for(let c of e)if(n.types.isJSXSpreadAttribute(c))o.push(c.argument);else if(n.types.isJSXAttribute(c)){let l=xt(c.name),p=St(c.value,t,l,r);if(Ce.test(l)){let _=l.slice(2).toLowerCase();ke.includes(_)&&t.delegatedEvents.add(_)}let E=Et(l)?n.types.identifier(l):n.types.stringLiteral(l),f=c.value,w=n.types.isJSXElement(f)||n.types.isJSXFragment(f)||n.types.isJSXExpressionContainer(f)&&(n.types.isJSXElement(f.expression)||n.types.isJSXFragment(f.expression)),L=!r&&l===a,C=n.types.isJSXExpressionContainer(f)&&!n.types.isJSXEmptyExpression(f.expression)?f.expression:null,J=!r&&!!C&&Le(C,l);!r&&w||L||J?i.push(n.types.objectMethod("get",E,[],n.types.blockStatement([n.types.returnStatement(p)]))):i.push(n.types.objectProperty(E,p))}return{props:i,spreads:o}}function xt(e){return n.types.isJSXIdentifier(e)?e.name==="class"?"className":e.name:n.types.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function St(e,t,r="",s=!0){if(e===null)return n.types.booleanLiteral(!0);if(n.types.isStringLiteral(e))return e.value.includes(`
2
+ `)?n.types.stringLiteral(e.value.replace(/\s+/g," ").trim()):e;if(n.types.isJSXExpressionContainer(e)){if(n.types.isJSXEmptyExpression(e.expression))return n.types.booleanLiteral(!0);let i=e.expression;return s&&Le(i,r)?n.types.arrowFunctionExpression([],i):i}return n.types.isJSXElement(e)?B(e,t,!1,t.autoShow??!0):n.types.isJSXFragment(e)?q(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):n.types.booleanLiteral(!0)}function Le(e,t){return Ce.test(t)||t.startsWith("on:")||t==="ref"||t.startsWith("use:")||n.types.isArrowFunctionExpression(e)||n.types.isFunctionExpression(e)||n.types.isIdentifier(e)||n.types.isStringLiteral(e)||n.types.isNumericLiteral(e)||n.types.isBooleanLiteral(e)||n.types.isNullLiteral(e)?!1:!!(n.types.isCallExpression(e)||n.types.isOptionalCallExpression(e)||n.types.isMemberExpression(e)||n.types.isOptionalMemberExpression(e)||n.types.isLogicalExpression(e)||n.types.isConditionalExpression(e)||n.types.isBinaryExpression(e)||n.types.isUnaryExpression(e)||n.types.isTemplateLiteral(e)||n.types.isObjectExpression(e)||n.types.isArrayExpression(e))}function bt(e){let t=e.split(/\r\n|\n|\r/),r=0;for(let i=0;i<t.length;i++)/[^ \t]/.test(t[i])&&(r=i);let s="";for(let i=0;i<t.length;i++){let o=t[i].replace(/\t/g," ");i!==0&&(o=o.replace(/^ +/,"")),i!==t.length-1&&(o=o.replace(/ +$/,"")),o&&(i!==r&&(o+=" "),s+=o)}return s}function ne(e,t,r=!0){let s=[];for(let i of e)if(n.types.isJSXText(i)){let o=bt(i.value);o&&s.push(n.types.stringLiteral(o))}else if(n.types.isJSXExpressionContainer(i)){if(!n.types.isJSXEmptyExpression(i.expression)){let o=i.expression;if(r){let a=vt(o,t)??yt(o,t);if(a){s.push(a);continue}}else{let a=wt(o,t);if(a){s.push(a);continue}}kt(o)?s.push(n.types.arrowFunctionExpression([],o)):s.push(o)}}else n.types.isJSXElement(i)?s.push(B(i,t,!1,t.autoShow??!0)):n.types.isJSXFragment(i)?s.push(q(i,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):n.types.isJSXSpreadChild(i)&&s.push(i.expression);return s}function vt(e,t){if(!n.types.isArrowFunctionExpression(e)||e.params.length!==0||e.async)return null;let r=e.body;if(n.types.isLogicalExpression(r)&&r.operator==="&&"){let s=k(r.right);if(s)return D(P(r.left),s,null,t)}if(n.types.isConditionalExpression(r)){let s=k(r.consequent);if(s){let i=re(r.alternate,t);return D(P(r.test),s,i,t,!0)}}return null}function yt(e,t){if(n.types.isLogicalExpression(e)&&e.operator==="&&"){let r=k(e.right);if(r)return D(P(e.left),r,null,t)}if(n.types.isConditionalExpression(e)){let r=k(e.consequent);if(r){let s=re(e.alternate,t);return D(P(e.test),r,s,t)}}return null}function wt(e,t){let r=n.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&n.types.isExpression(e.body)?e.body:e;if(n.types.isConditionalExpression(r)){let s=P(r.test),o=k(r.consequent)??r.consequent,c=k(r.alternate)??r.alternate,l=n.types.conditionalExpression(s,o,c);return ee(r.consequent)||ee(r.alternate)?null:(t.needsCreateMemo=!0,n.types.callExpression(n.types.identifier("createMemo"),[n.types.arrowFunctionExpression([],l)]))}if(n.types.isLogicalExpression(r)&&r.operator==="&&"){let s=P(r.left),o=k(r.right)??r.right,a=n.types.logicalExpression("&&",s,o);return ee(r.right)?null:(t.needsCreateMemo=!0,n.types.callExpression(n.types.identifier("createMemo"),[n.types.arrowFunctionExpression([],a)]))}return null}function re(e,t){if(Ct(e))return null;let r=k(e);if(r)return Fe(r,t);if(n.types.isConditionalExpression(e)){let s=e,i=k(s.consequent);if(i){let o=re(s.alternate,t);return D(P(s.test),i,o,t)}}return e}function ye(e){return n.types.isJSXElement(e)||n.types.isJSXFragment(e)}function ee(e){let t=k(e);if(!t||!n.types.isJSXElement(t))return!1;let r=t.openingElement.name;return n.types.isJSXIdentifier(r)&&te.has(r.name)}function k(e){return ye(e)?e:n.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&ye(e.body)?e.body:null}function P(e){return n.types.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&n.types.isExpression(e.body)?e.body:e}function Ct(e){return n.types.isNullLiteral(e)||n.types.isIdentifier(e)&&e.name==="undefined"||n.types.isBooleanLiteral(e)&&e.value===!1}function Fe(e,t){return n.types.isJSXElement(e)?B(e,t,!1,t.autoShow??!0):q(e,t,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function D(e,t,r,s,i=!1){s.controlFlowComponents.add("Show"),s.needsControlFlowImport=!0;let o=Fe(t,s),a=[n.types.objectProperty(n.types.identifier("when"),n.types.arrowFunctionExpression([],e)),n.types.objectProperty(n.types.identifier("children"),o)];return r&&a.push(n.types.objectProperty(n.types.identifier("fallback"),r)),Je(n.types.identifier("Show"),n.types.objectExpression(a),s)}function kt(e){return n.types.isMemberExpression(e)||n.types.isOptionalMemberExpression(e)?!(!e.computed&&n.types.isIdentifier(e.property,{name:"children"})):n.types.isCallExpression(e)||n.types.isOptionalCallExpression(e)?!0:n.types.isIdentifier(e)?!1:!!(n.types.isLogicalExpression(e)||n.types.isConditionalExpression(e)||n.types.isBinaryExpression(e)||n.types.isUnaryExpression(e)||n.types.isTemplateLiteral(e))}function je(e,t){let r=e.openingElement;if(!n.types.isJSXIdentifier(r.name))return!1;let s=r.name.name;if(s[0]!==s[0].toLowerCase())return!1;for(let i of r.attributes){if(n.types.isJSXSpreadAttribute(i))return!1;if(n.types.isJSXAttribute(i)){let o=i.value;if(n.types.isJSXExpressionContainer(o)&&!n.types.isStringLiteral(o.expression)&&!n.types.isNumericLiteral(o.expression))return!1}}for(let i of e.children)if(n.types.isJSXElement(i)&&!je(i,t)||n.types.isJSXExpressionContainer(i))return!1;return!0}function Nt(e,t){let r=`_$static${t.staticCounter++}`,s=B(e,t,!1);return t.staticElements.set(r,s),n.types.identifier(r)}function Jt(e,t){let r=e.openingElement.name.name;return r==="Show"?It(e,t):r==="For"?Xt(e,t):null}function It(e,t){return null}function Xt(e,t){return null}var Rt=A;function Pt(e){return[A,e]}function U(e={}){return{plugins:[[A,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...e}]]}}var Lt={production:U({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:U({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:U({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};
package/dist/frontend/babel/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{declare as Ae}from"@babel/helper-plugin-utils";import{types as e,template as Re}from"@babel/core";import{types as u,traverse as Je,template as Ce}from"@babel/core";import Y from"@babel/generator";var B={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},tt={version:2,module:"@fluixi/dom",symbols:[...B.symbols,"template","cloneTemplate","walk"]};var xe={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Se(t){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(t)}function K(t){return Se(t)?t:JSON.stringify(t)}function he(t){return t.expr!==void 0?t.reactive?`() => (${t.expr})`:`(${t.expr})`:JSON.stringify(t.literal??!0)}function be(t){return t.expr!==void 0?`(${t.expr})`:JSON.stringify(t.literal??!0)}function ye(t,n,r){let i=t.filter(l=>l.kind==="spread"),o=t.filter(l=>l.kind!=="spread").map(l=>`${K(l.name)}: ${he(l)}`);n!=null&&o.push(`children: ${n}`);let a=`{ ${o.join(", ")} }`;return i.length>0?(r.add("mergeProps"),`mergeProps(${i.map(l=>l.expr).join(", ")}, ${a})`):a}function Q(t,n){return t.length===1?$(t[0],n):`[${t.map(r=>$(r,n)).join(", ")}]`}function U(t,n,r,i){i.add("createMemo"),i.add("createComponent");let s=n.filter(p=>p.kind==="spread"),a=n.filter(p=>p.kind!=="spread").map(p=>`get ${K(p.name)}() { return ${be(p)}; }`);r.length>0&&a.push(`get children() { return ${Q(r,i)}; }`);let l=`{ ${a.join(", ")} }`;return s.length>0&&(i.add("mergeProps"),l=`mergeProps(${s.map(p=>p.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${t}, ${l}))`}function $(t,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":Q(t.children,n);case"component":return U(t.name,t.props,t.children,n);case"control":{let r=xe[t.control]??t.control;return n.add(r),U(r,t.props,t.children,n)}case"element":{n.add("createNativeElement");let r=JSON.stringify(t.tag),i="_el$",s=[],o=t.svg?`${r}, true`:r;if(s.push(`const ${i} = createNativeElement(${o});`),t.props.length>0){n.add("spread");let a=t.svg?", isSVG: true":"";s.push(`spread({ element: ${i}, props: ${ye(t.props,null,n)}${a} });`)}for(let a of t.children){n.add("insert");let l=$(a,n),p=a.kind==="expr"&&a.reactive||a.kind==="component"||a.kind==="control";s.push(p?`insert(${i}, ${l}, null);`:`insert(${i}, ${l});`)}return s.push(`return ${i};`),`(() => { ${s.join(" ")} })()`}}}var D={name:"imperative",contract:B,emit(t,n){let r=new Set;return{code:$(t,r),imports:Array.from(r)}}};var Xe=Y.default??Y;function te(t){return Xe(t,{concise:!0}).code}function ve(t,n){let r=u.cloneNode(t,!0),i=u.file(u.program([u.expressionStatement(r)])),s=!1;return Je(i,{"JSXElement|JSXFragment"(o){let a=o.node,{code:l,imports:p}=D.emit(A(a,n),{});for(let b of p)n.add(b);let g=Ce.expression(l,{placeholderPattern:!1})();o.replaceWith(g),o.skip(),s=!0}}),s?i.program.body[0].expression:t}function V(t,n){return te(ve(t,n))}var we=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Fe=/^on[A-Z]/,je=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Pe(t){if(u.isJSXIdentifier(t)){let n=t.name[0]!==t.name[0].toLowerCase();return{tag:t.name,component:n}}return u.isJSXMemberExpression(t)?{tag:te(t),component:!0}:u.isJSXNamespacedName(t)?{tag:`${t.namespace.name}:${t.name.name}`,component:!1}:{tag:"div",component:!1}}function Ie(t){return u.isJSXIdentifier(t)?t.name==="class"?"className":t.name:u.isJSXNamespacedName(t)?`${t.namespace.name}:${t.name.name}`:"unknown"}function F(t){return u.isCallExpression(t)||u.isOptionalCallExpression(t)?!0:u.isMemberExpression(t)||u.isOptionalMemberExpression(t)?!(!t.computed&&u.isIdentifier(t.property,{name:"children"})):u.isConditionalExpression(t)?F(t.test)||F(t.consequent)||F(t.alternate):u.isLogicalExpression(t)||u.isBinaryExpression(t)?F(t.left)||F(t.right):u.isTemplateLiteral(t)?t.expressions.some(n=>F(n)):!1}function Le(t,n){let r=Ie(t.name),i=Fe.test(r),o={name:r,kind:i?"event":"attr"};i&&(o.event={name:r.slice(2).toLowerCase(),delegated:je.has(r.slice(2).toLowerCase())});let a=t.value;if(a==null)return o.literal=!0,o;if(u.isStringLiteral(a))return o.literal=a.value,o;if(u.isJSXExpressionContainer(a)&&!u.isJSXEmptyExpression(a.expression)){let l=a.expression;return u.isStringLiteral(l)||u.isNumericLiteral(l)||u.isBooleanLiteral(l)?(o.literal=l.value,o):(o.expr=V(l,n),o.reactive=i?!1:F(l),(u.isJSXElement(l)||u.isJSXFragment(l))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function Me(t,n){let r=[];for(let i of t)u.isJSXSpreadAttribute(i)?r.push({name:"",kind:"spread",expr:V(i.argument,n)}):u.isJSXAttribute(i)&&r.push(Le(i,n));return r}function Ne(t){let n=t.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function ee(t,n){let r=[];for(let i of t)if(u.isJSXText(i)){let s=Ne(i.value);s&&r.push({kind:"text",value:s})}else if(u.isJSXExpressionContainer(i)){if(!u.isJSXEmptyExpression(i.expression)){let s=i.expression;r.push({kind:"expr",code:V(s,n),reactive:F(s)})}}else u.isJSXElement(i)||u.isJSXFragment(i)?r.push(A(i,n)):u.isJSXSpreadChild(i)&&r.push({kind:"expr",code:V(i.expression,n),reactive:!1});return r}function A(t,n=new Set){if(u.isJSXFragment(t))return{kind:"fragment",children:ee(t.children,n)};let{tag:r,component:i}=Pe(t.openingElement.name),s=Me(t.openingElement.attributes,n),o=ee(t.children,n);return i?{kind:"component",name:r,props:s,children:o}:{kind:"element",tag:r,svg:we.has(r),props:s,children:o,static:!1}}var se=new Set(["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense"]),Oe={Show:"when",For:"each",Index:"each",Match:"when"};var oe=/^on[A-Z]/,ae=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],O=Ae((t,n={})=>{t.assertVersion(7);let{runtime:r="automatic",importSource:i="@fluixi/jsx",pragma:s="jsx",pragmaFrag:o="Fragment",development:a=!1,detectReactivity:l=!0,useLitHTML:p=!0,hoistStatics:g=!0,delegateEvents:b=!0,delegatedEvents:m=ae,optimizeControlFlow:y=!0,sourceMaps:P=!0,signalModule:J="@fluixi/dom",controlFlowModule:w="@fluixi/dom",reactiveModule:L="@fluixi/reactive/signal",autoShowTransform:Z=!1,backend:X="imperative",codegen:M="inline"}=n,Ee={backend:X,codegen:M,irImports:new Set,libModule:"@fluixi/core",hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(f,c){c.plugins.push("jsx","typescript")},pre(f){Object.assign(f,Ee)},visitor:{ImportDeclaration(f,c){f.node.source.value==="@fluixi/core/rx"&&(f.node.source=e.stringLiteral("@fluixi/reactive"))},Program:{enter(f,c){Object.assign(c,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsLitrxImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,autoShow:Z,staticCounter:0,libModule:"@fluixi/core",backend:X,codegen:M,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(f,c){let d=[];if(c.hasJSX||(c.needsSignalImport&&d.push(e.importDeclaration([e.importSpecifier(e.identifier("signal"),e.identifier("signal"))],e.stringLiteral(J))),c.needsLitrxImport&&!f.scope.hasBinding("litrx")&&d.push(e.importDeclaration([e.importSpecifier(e.identifier("litrx"),e.identifier("litrx"))],e.stringLiteral(c.libModule)))),c.hasJSX){if(X==="imperative"&&M==="ir"){let x=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),S=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),E=Array.from(c.irImports),v=h=>e.importSpecifier(e.identifier(h),e.identifier(h)),I=h=>!f.scope.hasBinding(h),z=E.filter(h=>S.has(h)&&I(h)),T=E.filter(h=>!x.has(h)&&!S.has(h)&&I(h)),N=E.filter(h=>x.has(h)&&I(h));z.length>0&&d.push(e.importDeclaration(z.map(v),e.stringLiteral(L))),T.length>0&&d.push(e.importDeclaration(T.map(v),e.stringLiteral(J))),N.length>0&&d.push(e.importDeclaration(N.map(v),e.stringLiteral(w)))}else if(X==="imperative"){let S=[[!!c.needsCreateNativeElement,"createNativeElement"],[!!c.needsSpread,"spread"],[!!c.needsInsert,"insert"],[!!c.needsCreateComponent,"createComponent"],[!!c.needsMergeProps,"mergeProps"]].filter(([E,v])=>E&&!f.scope.hasBinding(v)).map(([,E])=>e.importSpecifier(e.identifier(E),e.identifier(E)));S.length>0&&d.push(e.importDeclaration(S,e.stringLiteral(J)))}else if(r==="automatic"){let x=[e.importSpecifier(e.identifier("jsx"),e.identifier("jsx")),e.importSpecifier(e.identifier("jsxs"),e.identifier("jsxs")),e.importSpecifier(e.identifier("Fragment"),e.identifier("Fragment"))];a&&x.push(e.importSpecifier(e.identifier("jsxDEV"),e.identifier("jsxDEV"))),c.needsMergeProps&&x.push(e.importSpecifier(e.identifier("mergeProps"),e.identifier("mergeProps"))),d.push(e.importDeclaration(x,e.stringLiteral(i)))}if(c.needsCreateMemo&&!f.scope.hasBinding("createMemo")&&d.push(e.importDeclaration([e.importSpecifier(e.identifier("createMemo"),e.identifier("createMemo"))],e.stringLiteral(X==="imperative"?L:c.libModule??"@fluixi/core"))),c.needsControlFlowImport&&c.controlFlowComponents.size>0){let x=Array.from(c.controlFlowComponents).filter(S=>!f.scope.hasBinding(S));if(x.length>0){let S=x.map(E=>e.importSpecifier(e.identifier(E),e.identifier(E)));d.push(e.importDeclaration(S,e.stringLiteral(w)))}}if(b&&c.delegatedEvents.size>0){d.push(e.importDeclaration([e.importSpecifier(e.identifier("delegateEvents"),e.identifier("delegateEvents"))],e.stringLiteral(X==="imperative"?J:"@fluixi/jsx")));let x=e.arrayExpression(Array.from(c.delegatedEvents).map(E=>e.stringLiteral(E))),S=e.expressionStatement(e.callExpression(e.identifier("delegateEvents"),[x]));f.node.body.unshift(S)}if(g&&c.staticElements.size>0){let x=[];c.staticElements.forEach((S,E)=>{x.push(e.variableDeclaration("const",[e.variableDeclarator(e.identifier(E),S)]))}),f.node.body.unshift(...x)}}d.length>0&&f.node.body.unshift(...d)}},JSXElement(f,c){if(c.hasJSX=!0,X==="imperative"&&M==="ir"){f.replaceWith(re(f.node,c));return}let d=f.node,x=d.openingElement;if(e.isJSXIdentifier(x.name)&&se.has(x.name.name)&&(c.controlFlowComponents.add(x.name.name),y)){let E=Qe(d,c);if(E){f.replaceWith(E);return}}if(g&&X!=="imperative"&&ge(d,c)){let E=Ke(d,c);if(E){f.replaceWith(E);return}}let S=ke(d,c,{runtime:r,pragma:s,development:a,detectReactivity:l,useLitHTML:p,autoShow:Z});f.replaceWith(S)},JSXFragment(f,c){if(c.hasJSX=!0,X==="imperative"&&M==="ir"){f.replaceWith(re(f.node,c));return}let d=_(f.node,c,{runtime:r,pragmaFrag:o,development:a});f.replaceWith(d)},CallExpression(f,c){if(!l)return;let d=f.node.callee;d.name,e.isIdentifier(d)&&(d.name==="createSignal"||d.name==="createStore"||d.name==="useContext"||d.name==="useLocation")&&(c.hasReactivity=!0)},JSXExpressionContainer(f){},TaggedTemplateExpression(f,c){let{tag:d,quasi:x}=f.node;f.get("quasi").get("expressions").forEach((S,E)=>{let v=S.node,I=x.quasis[E].value.raw;if(I.trim().endsWith("=")||I.match(/@[\w-]+$/))return;let T=!1,N=!1;if(e.isMemberExpression(v)){let h=v.property;e.isIdentifier(h)&&(h.name=h.name.replace("$",""),c.needsLitrxImport=!0,N=!0)}(T||N)&&S.replaceWith(e.callExpression(e.identifier("((window as any).Fluixi.litrx || litrx)"),[e.arrowFunctionExpression([],v)]))})}}}});function ke(t,n,r){let{runtime:i,pragma:s,development:o,autoShow:a=!0}=r;return i==="automatic"?k(t,n,o,a):Ve(t,n,s)}var Te=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function ne(t,n,r){return n.length>0?(r.needsMergeProps=!0,e.callExpression(e.identifier("mergeProps"),[...n,e.objectExpression(t)])):e.objectExpression(t)}function le(t){return t.length===1?t[0]:e.arrayExpression(t)}function $e(t,n,r,i,s,o){if(!n){let m=[...r];return s.length>0&&m.push(e.objectMethod("get",e.identifier("children"),[],e.blockStatement([e.returnStatement(le(s))]))),ce(t,ne(m,i,o),o)}let a=t.value,l=Te.has(a),p=e.identifier("_el$"),g=[];o.needsCreateNativeElement=!0;let b=[t];if(l&&b.push(e.booleanLiteral(!0)),g.push(e.variableDeclaration("const",[e.variableDeclarator(p,e.callExpression(e.identifier("createNativeElement"),b))])),r.length>0||i.length>0){o.needsSpread=!0;let m=[e.objectProperty(e.identifier("element"),p),e.objectProperty(e.identifier("props"),ne(r,i,o))];l&&m.push(e.objectProperty(e.identifier("isSVG"),e.booleanLiteral(!0))),g.push(e.expressionStatement(e.callExpression(e.identifier("spread"),[e.objectExpression(m)])))}if(s.length>0){o.needsInsert=!0;for(let m of s){let P=e.isArrowFunctionExpression(m)||e.isFunctionExpression(m)||e.isCallExpression(m)&&e.isIdentifier(m.callee)&&m.callee.name==="createMemo"?[e.cloneNode(p),m,e.nullLiteral()]:[e.cloneNode(p),m];g.push(e.expressionStatement(e.callExpression(e.identifier("insert"),P)))}}return g.push(e.returnStatement(p)),e.callExpression(e.arrowFunctionExpression([],e.blockStatement(g)),[])}function ce(t,n,r){return r.backend==="imperative"?(r.needsCreateComponent=!0,r.needsCreateMemo=!0,e.callExpression(e.identifier("createMemo"),[e.arrowFunctionExpression([],e.callExpression(e.identifier("createComponent"),[t,n]))])):e.callExpression(e.identifier("jsx"),[t,n])}function re(t,n){let r=new Set,i=A(t,r),{code:s,imports:o}=D.emit(i,{});for(let a of o)r.add(a);for(let a of r)n.irImports.add(a);return Re.expression(s,{placeholderPattern:!1})()}function De(t){return t.map(n=>{if(e.isObjectProperty(n)){let r=n.key,i=n.computed,s=n.value;return e.objectMethod("get",r,[],e.blockStatement([e.returnStatement(s)]),i)}return n})}function k(t,n,r,i=!0){let s=t.openingElement,o=t.children,a=pe(s.name),l=e.isJSXIdentifier(s.name)&&/^[a-z]/.test(s.name.name),p=fe(s.attributes,n,l,e.isJSXIdentifier(s.name)?s.name.name:""),g=p.props,b=p.spreads;l||(g=De(g));let m=q(o,n,i);if(n.backend==="imperative")return $e(a,l,g,b,m,n);if(m.length>0){let w=m.length===1?m[0]:e.arrayExpression(m);g.push(e.objectProperty(e.identifier("children"),w))}let y;if(b.length>0){let w=g.length>0?e.objectExpression(g):e.objectExpression([]);n.needsMergeProps=!0,y=e.callExpression(e.identifier("mergeProps"),[...b,w])}else y=e.objectExpression(g);let P=r?"jsxDEV":m.length>1?"jsxs":"jsx",J=[a,y];return r&&J.push(e.identifier("undefined"),e.booleanLiteral(!1),e.identifier("undefined"),e.identifier("undefined")),e.callExpression(e.identifier(P),J)}function Ve(t,n,r){let i=t.openingElement,s=t.children,o=pe(i.name),a=e.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),{props:l,spreads:p}=fe(i.attributes,n,a,e.isJSXIdentifier(i.name)?i.name.name:""),g=q(s,n,n.autoShow??!0),b;if(p.length>0){let y=l.length>0?e.objectExpression(l):e.objectExpression([]);n.needsMergeProps=!0,b=e.callExpression(e.identifier("mergeProps"),[...p,y])}else b=l.length>0?e.objectExpression(l):e.nullLiteral();let m=[o,b,...g];return e.callExpression(e.identifier(r),m)}function _(t,n,r){let{runtime:i,pragmaFrag:s,development:o}=r,a=q(t.children,n,n.autoShow??!0);if(n.backend==="imperative")return a.length===0?e.nullLiteral():le(a);if(i==="automatic"){let l=o?"jsxDEV":a.length>1?"jsxs":"jsx",p=e.objectExpression([e.objectProperty(e.identifier("children"),a.length===1?a[0]:e.arrayExpression(a))]),g=[e.identifier("Fragment"),p];return o&&g.push(e.identifier("undefined"),e.booleanLiteral(!1),e.identifier("undefined"),e.identifier("undefined")),e.callExpression(e.identifier(l),g)}else return e.callExpression(e.identifier(s),a)}function pe(t){if(e.isJSXIdentifier(t)){let n=t.name;return n[0]===n[0].toLowerCase()?e.stringLiteral(n):e.identifier(n)}return e.isJSXMemberExpression(t)?ue(t):e.isJSXNamespacedName(t)?e.stringLiteral(`${t.namespace.name}:${t.name.name}`):e.stringLiteral("div")}function ue(t){let n;return e.isJSXIdentifier(t.object)?n=e.identifier(t.object.name):n=ue(t.object),e.memberExpression(n,e.identifier(t.property.name))}function _e(t){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(t)}function fe(t,n,r=!0,i=""){let s=[],o=[],a=Oe[i];for(let l of t)if(e.isJSXSpreadAttribute(l))o.push(l.argument);else if(e.isJSXAttribute(l)){let p=ze(l.name),g=Be(l.value,n,p,r);if(oe.test(p)){let L=p.slice(2).toLowerCase();ae.includes(L)&&n.delegatedEvents.add(L)}let b=_e(p)?e.identifier(p):e.stringLiteral(p),m=l.value,y=e.isJSXElement(m)||e.isJSXFragment(m)||e.isJSXExpressionContainer(m)&&(e.isJSXElement(m.expression)||e.isJSXFragment(m.expression)),P=!r&&p===a,J=e.isJSXExpressionContainer(m)&&!e.isJSXEmptyExpression(m.expression)?m.expression:null,w=!r&&!!J&&me(J,p);!r&&y||P||w?s.push(e.objectMethod("get",b,[],e.blockStatement([e.returnStatement(g)]))):s.push(e.objectProperty(b,g))}return{props:s,spreads:o}}function ze(t){return e.isJSXIdentifier(t)?t.name==="class"?"className":t.name:e.isJSXNamespacedName(t)?`${t.namespace.name}:${t.name.name}`:"unknown"}function Be(t,n,r="",i=!0){if(t===null)return e.booleanLiteral(!0);if(e.isStringLiteral(t))return t.value.includes(`
2
- `)?e.stringLiteral(t.value.replace(/\s+/g," ").trim()):t;if(e.isJSXExpressionContainer(t)){if(e.isJSXEmptyExpression(t.expression))return e.booleanLiteral(!0);let s=t.expression;return i&&me(s,r)?e.arrowFunctionExpression([],s):s}return e.isJSXElement(t)?k(t,n,!1,n.autoShow??!0):e.isJSXFragment(t)?_(t,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):e.booleanLiteral(!0)}function me(t,n){return oe.test(n)||n.startsWith("on:")||n==="ref"||n.startsWith("use:")||e.isArrowFunctionExpression(t)||e.isFunctionExpression(t)||e.isIdentifier(t)||e.isStringLiteral(t)||e.isNumericLiteral(t)||e.isBooleanLiteral(t)||e.isNullLiteral(t)?!1:!!(e.isCallExpression(t)||e.isOptionalCallExpression(t)||e.isMemberExpression(t)||e.isOptionalMemberExpression(t)||e.isLogicalExpression(t)||e.isConditionalExpression(t)||e.isBinaryExpression(t)||e.isUnaryExpression(t)||e.isTemplateLiteral(t)||e.isObjectExpression(t)||e.isArrayExpression(t))}function We(t){let n=t.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function q(t,n,r=!0){let i=[];for(let s of t)if(e.isJSXText(s)){let o=We(s.value);o&&i.push(e.stringLiteral(o))}else if(e.isJSXExpressionContainer(s)){if(!e.isJSXEmptyExpression(s.expression)){let o=s.expression;if(r){let a=qe(o,n)??Ge(o,n);if(a){i.push(a);continue}}else{let a=He(o,n);if(a){i.push(a);continue}}Ue(o)?i.push(e.arrowFunctionExpression([],o)):i.push(o)}}else e.isJSXElement(s)?i.push(k(s,n,!1,n.autoShow??!0)):e.isJSXFragment(s)?i.push(_(s,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):e.isJSXSpreadChild(s)&&i.push(s.expression);return i}function qe(t,n){if(!e.isArrowFunctionExpression(t)||t.params.length!==0||t.async)return null;let r=t.body;if(e.isLogicalExpression(r)&&r.operator==="&&"){let i=C(r.right);if(i)return R(j(r.left),i,null,n)}if(e.isConditionalExpression(r)){let i=C(r.consequent);if(i){let s=G(r.alternate,n);return R(j(r.test),i,s,n,!0)}}return null}function Ge(t,n){if(e.isLogicalExpression(t)&&t.operator==="&&"){let r=C(t.right);if(r)return R(j(t.left),r,null,n)}if(e.isConditionalExpression(t)){let r=C(t.consequent);if(r){let i=G(t.alternate,n);return R(j(t.test),r,i,n)}}return null}function He(t,n){let r=e.isArrowFunctionExpression(t)&&t.params.length===0&&!t.async&&e.isExpression(t.body)?t.body:t;if(e.isConditionalExpression(r)){let i=j(r.test),o=C(r.consequent)??r.consequent,l=C(r.alternate)??r.alternate,p=e.conditionalExpression(i,o,l);return W(r.consequent)||W(r.alternate)?null:(n.needsCreateMemo=!0,e.callExpression(e.identifier("createMemo"),[e.arrowFunctionExpression([],p)]))}if(e.isLogicalExpression(r)&&r.operator==="&&"){let i=j(r.left),o=C(r.right)??r.right,a=e.logicalExpression("&&",i,o);return W(r.right)?null:(n.needsCreateMemo=!0,e.callExpression(e.identifier("createMemo"),[e.arrowFunctionExpression([],a)]))}return null}function G(t,n){if(Ze(t))return null;let r=C(t);if(r)return de(r,n);if(e.isConditionalExpression(t)){let i=t,s=C(i.consequent);if(s){let o=G(i.alternate,n);return R(j(i.test),s,o,n)}}return t}function ie(t){return e.isJSXElement(t)||e.isJSXFragment(t)}function W(t){let n=C(t);if(!n||!e.isJSXElement(n))return!1;let r=n.openingElement.name;return e.isJSXIdentifier(r)&&se.has(r.name)}function C(t){return ie(t)?t:e.isArrowFunctionExpression(t)&&t.params.length===0&&!t.async&&ie(t.body)?t.body:null}function j(t){return e.isArrowFunctionExpression(t)&&t.params.length===0&&!t.async&&e.isExpression(t.body)?t.body:t}function Ze(t){return e.isNullLiteral(t)||e.isIdentifier(t)&&t.name==="undefined"||e.isBooleanLiteral(t)&&t.value===!1}function de(t,n){return e.isJSXElement(t)?k(t,n,!1,n.autoShow??!0):_(t,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function R(t,n,r,i,s=!1){i.controlFlowComponents.add("Show"),i.needsControlFlowImport=!0;let o=de(n,i),a=[e.objectProperty(e.identifier("when"),e.arrowFunctionExpression([],t)),e.objectProperty(e.identifier("children"),o)];return r&&a.push(e.objectProperty(e.identifier("fallback"),r)),ce(e.identifier("Show"),e.objectExpression(a),i)}function Ue(t){return e.isMemberExpression(t)||e.isOptionalMemberExpression(t)?!(!t.computed&&e.isIdentifier(t.property,{name:"children"})):e.isCallExpression(t)||e.isOptionalCallExpression(t)?!0:e.isIdentifier(t)?!1:!!(e.isLogicalExpression(t)||e.isConditionalExpression(t)||e.isBinaryExpression(t)||e.isUnaryExpression(t)||e.isTemplateLiteral(t))}function ge(t,n){let r=t.openingElement;if(!e.isJSXIdentifier(r.name))return!1;let i=r.name.name;if(i[0]!==i[0].toLowerCase())return!1;for(let s of r.attributes){if(e.isJSXSpreadAttribute(s))return!1;if(e.isJSXAttribute(s)){let o=s.value;if(e.isJSXExpressionContainer(o)&&!e.isStringLiteral(o.expression)&&!e.isNumericLiteral(o.expression))return!1}}for(let s of t.children)if(e.isJSXElement(s)&&!ge(s,n)||e.isJSXExpressionContainer(s))return!1;return!0}function Ke(t,n){let r=`_$static${n.staticCounter++}`,i=k(t,n,!1);return n.staticElements.set(r,i),e.identifier(r)}function Qe(t,n){let r=t.openingElement.name.name;return r==="Show"?Ye(t,n):r==="For"?et(t,n):null}function Ye(t,n){return null}function et(t,n){return null}var Et=O;function xt(t){return[O,t]}function H(t={}){return{plugins:[[O,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...t}]]}}var St={production:H({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:H({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:H({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};export{Et as babelPluginReactiveJSX,xt as createPlugin,H as createPreset,O as default,St as presets};
1
+ import{declare as tt}from"@babel/helper-plugin-utils";import{types as t,template as Se}from"@babel/core";import{types as m,traverse as ze,template as We}from"@babel/core";import ue from"@babel/generator";var q={version:1,module:"@fluixi/dom",symbols:["createNativeElement","insert","spread","setAttribute","delegateEvents","createComponent","createMemo","untrack","Show","For","Index","Switch","Match","Dynamic","ErrorBoundary"]},wt={version:2,module:"@fluixi/dom",symbols:[...q.symbols,"template","cloneTemplate","walk"]};var je={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function Ae(e){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(e)}function se(e){return Ae(e)?e:JSON.stringify(e)}function Me(e){return e.expr!==void 0?e.reactive?`() => (${e.expr})`:`(${e.expr})`:JSON.stringify(e.literal??!0)}function Te(e){return e.expr!==void 0?`(${e.expr})`:JSON.stringify(e.literal??!0)}function $e(e,n,r){let i=e.filter(c=>c.kind==="spread"),o=e.filter(c=>c.kind!=="spread").map(c=>`${se(c.name)}: ${Me(c)}`);n!=null&&o.push(`children: ${n}`);let a=`{ ${o.join(", ")} }`;return i.length>0?(r.add("mergeProps"),`mergeProps(${i.map(c=>c.expr).join(", ")}, ${a})`):a}function oe(e,n){return e.length===1?V(e[0],n):`[${e.map(r=>V(r,n)).join(", ")}]`}function ie(e,n,r,i){i.add("createMemo"),i.add("createComponent");let s=n.filter(l=>l.kind==="spread"),a=n.filter(l=>l.kind!=="spread").map(l=>`get ${se(l.name)}() { return ${Te(l)}; }`);r.length>0&&a.push(`get children() { return ${oe(r,i)}; }`);let c=`{ ${a.join(", ")} }`;return s.length>0&&(i.add("mergeProps"),c=`mergeProps(${s.map(l=>l.expr).join(", ")}, ${c})`),`createMemo(() => createComponent(${e}, ${c}))`}function V(e,n){switch(e.kind){case"text":return JSON.stringify(e.value);case"expr":return e.reactive?`() => (${e.code})`:`(${e.code})`;case"fragment":return e.children.length===0?"null":oe(e.children,n);case"component":return ie(e.name,e.props,e.children,n);case"control":{let r=je[e.control]??e.control;return n.add(r),ie(r,e.props,e.children,n)}case"element":{n.add("createNativeElement");let r=JSON.stringify(e.tag),i="_el$",s=[],o=e.svg?`${r}, true`:r;if(s.push(`const ${i} = createNativeElement(${o});`),e.props.length>0){n.add("spread");let a=e.svg?", isSVG: true":"";s.push(`spread({ element: ${i}, props: ${$e(e.props,null,n)}${a} });`)}for(let a of e.children){n.add("insert");let c=V(a,n),l=a.kind==="expr"&&a.reactive||a.kind==="component"||a.kind==="control";s.push(l?`insert(${i}, ${c}, null);`:`insert(${i}, ${c});`)}return s.push(`return ${i};`),`(() => { ${s.join(" ")} })()`}}}var X={name:"imperative",contract:q,emit(e,n){let r=new Set;return{code:V(e,r),imports:Array.from(r)}}};import{types as z}from"@babel/core";import ae from"@babel/generator";import{parseTemplate as Oe}from"@fluixi/template-parser";var De=ae.default??ae;function Be(e){return De(e,{concise:!0}).code}var le=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function _e(e){return e.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function ce(e){return e.charAt(0).toUpperCase()+e.slice(1)}var U=class{constructor(n,r){this.holes=n;this.used=r}hole(n){return this.holes[n]??{node:z.identifier("undefined"),code:"undefined",reactive:!1}}emit(n){let{code:r,imports:i}=X.emit(n,{});for(let s of i)this.used.add(s);return r}lowerRoot(n){let r=this.lowerChildren(n);return r.length===1?r[0]:{kind:"fragment",children:r}}lowerChildren(n){let r=[];for(let i=0;i<n.length;i++){let s=n[i];if(s.kind==="Element"||s.kind==="Component"){let a=s.attributes.find(c=>c.kind==="IfDirective");if(a&&a.kind==="IfDirective"){let c=i+1;c<n.length&&this.isBlankText(n[c])&&c++;let l=n[c],p=l&&(l.kind==="Element"||l.kind==="Component")&&l.attributes.some(E=>E.kind==="ElseDirective");r.push(this.lowerIf(s,a.hole,p?l:null)),p&&(i=c);continue}if(s.attributes.some(c=>c.kind==="EachDirective")){r.push(this.lowerEach(s));continue}}let o=this.lowerNode(s);o&&r.push(o)}return r}isBlankText(n){return n.kind==="Text"&&!n.raw&&W(n.value)===""}lowerNode(n){switch(n.kind){case"Text":{if(n.raw)return{kind:"text",value:n.value};let r=W(n.value);return r?{kind:"text",value:r}:null}case"Comment":return null;case"Expression":{let r=this.hole(n.hole);return{kind:"expr",code:r.code,reactive:r.reactive}}case"Fragment":return{kind:"fragment",children:this.lowerChildren(n.children)};case"Element":return this.lowerElement(n);case"Component":return this.lowerComponent(n);default:return null}}lowerElement(n){let r=n.attributes.find(i=>i.kind==="Attribute"&&i.name==="is");if(n.tag==="component"&&r&&r.value&&r.value.kind==="hole"){let i=n.attributes.filter(o=>o!==r),s=this.lowerComponent({...n,kind:"Component",tag:"Dynamic",tagHole:null,attributes:i});return s.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(r.value.hole).code})`}),s}return{kind:"element",tag:n.tag,svg:n.namespace==="svg",props:this.lowerAttributes(n.attributes),children:this.lowerChildren(n.children),static:!1}}lowerComponent(n){let r=n.tagHole!=null?this.hole(n.tagHole).code:n.tag,i=this.lowerAttributes(n.attributes),{slots:s,rest:o}=this.partitionSlots(n.children);for(let[a,c]of s){let l=c.length===1?c[0]:{kind:"fragment",children:c};i.push({name:a,kind:"attr",expr:this.emit(l),jsxElement:!0})}return{kind:"component",name:r,props:i,children:this.lowerChildren(o)}}partitionSlots(n){let r=new Map,i=[];for(let s of n){if(s.kind==="Element"||s.kind==="Component"){let o=s.attributes.find(a=>a.kind==="Attribute"&&a.name==="slot");if(o&&o.value&&o.value.kind==="static"){let a={...s,attributes:s.attributes.filter(p=>p!==o)},c=a.kind==="Element"?this.lowerElement(a):this.lowerComponent(a),l=r.get(o.value.value)??[];l.push(c),r.set(o.value.value,l);continue}}i.push(s)}return{slots:r,rest:i}}lowerIf(n,r,i){let s=this.hole(r),o=[{name:"when",kind:"attr",expr:s.code,reactive:s.reactive}];if(i){let c=this.stripAndLower(i,l=>l.kind==="ElseDirective");o.push({name:"fallback",kind:"attr",expr:this.emit(c),jsxElement:!0})}let a=this.stripAndLower(n,c=>c.kind==="IfDirective");return{kind:"component",name:"Show",props:o,children:[a]}}lowerEach(n){let r=n.attributes.find(l=>l.kind==="EachDirective");if(!r||r.kind!=="EachDirective")return this.lowerNode(n);let i=this.hole(r.hole),s=[{name:"each",kind:"attr",expr:i.code,reactive:i.reactive}];if(r.key){let l="static"in r.key?`(item) => item[${JSON.stringify(r.key.static)}]`:this.hole(r.key.hole).code;s.push({name:"by",kind:"attr",expr:l})}let o=this.itemArrow(n),a;if(o){let l=o.body,p={kind:"expr",code:R(l,this.used),reactive:y(l)},E=this.rebuildWithChildren(n,[p]);a=`(${o.params.map(f=>Be(f)).join(", ")}) => (${this.emit(E)})`}else{let l=this.stripAndLower(n,p=>p.kind==="EachDirective");a=`() => (${this.emit(l)})`}return{kind:"component",name:"For",props:s,children:[{kind:"expr",code:a,reactive:!1}]}}itemArrow(n){let r=n.children.filter(s=>!this.isBlankText(s));if(r.length!==1||r[0].kind!=="Expression")return null;let i=this.hole(r[0].hole).node;return z.isArrowFunctionExpression(i)&&!z.isBlockStatement(i.body)?i:null}stripAndLower(n,r){let i={...n,attributes:n.attributes.filter(s=>!r(s))};return i.kind==="Element"?this.lowerElement(i):this.lowerComponent(i)}rebuildWithChildren(n,r){let i=this.lowerAttributes(n.attributes.filter(s=>s.kind!=="EachDirective"));return n.kind==="Element"?{kind:"element",tag:n.tag,svg:n.namespace==="svg",props:i,children:r,static:!1}:{kind:"component",name:n.tag,props:i,children:r}}lowerAttributes(n){let r=[],i=[],s=!1,o=[],a=!1,c=[];for(let l of n)switch(l.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":r.push(this.plainAttr(l));break;case"PropertyBinding":r.push({name:l.name,kind:"prop",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"EventBinding":r.push(this.eventProp(l));break;case"RefBinding":r.push({name:"ref",kind:"ref",expr:this.hole(l.hole).code,reactive:this.hole(l.hole).reactive});break;case"Spread":r.push({name:"",kind:"spread",expr:this.hole(l.hole).code});break;case"ClassDirective":{let p=this.hole(l.hole);i.push(`${JSON.stringify(l.name)}: ${p.code}`),s=s||p.reactive;break}case"StyleDirective":{let p=this.hole(l.hole);o.push(`${JSON.stringify(l.name)}: ${p.code}`),a=a||p.reactive;break}case"BindDirective":r.push(...this.bindProps(l.name,this.hole(l.hole).code));break;case"UseDirective":{let p=l.name??(l.hole!=null?this.hole(l.hole).code:null);if(!p)break;c.push(l.name!=null&&l.hole!=null?`[${p}, () => (${this.hole(l.hole).code})]`:`[${p}]`);break}}return i.length>0&&r.push({name:"classList",kind:"attr",expr:`{ ${i.join(", ")} }`,reactive:s}),o.length>0&&r.push({name:"style",kind:"attr",expr:`{ ${o.join(", ")} }`,reactive:a}),c.length>0&&r.push({name:"use",kind:"attr",expr:`[${c.join(", ")}]`}),r}eventProp(n){let r=n.name.toLowerCase(),i=this.hole(n.hole).code;if(!(n.syntax==="colon"||n.modifiers.length>0))return{name:"on"+ce(n.name),kind:"event",event:{name:r,delegated:le.has(r)},expr:i};let o=this.wrapHandler(i,n.modifiers),a=this.eventOptions(n.modifiers),c=a?`[${o}, ${a}]`:o;return{name:"on:"+r,kind:"attr",expr:c}}wrapHandler(n,r){let i=r.includes("self")?"if (e.target !== e.currentTarget) return; ":"",s=[];return r.includes("prevent")&&s.push("e.preventDefault();"),r.includes("stop")&&s.push("e.stopPropagation();"),!i&&s.length===0?n:`(e) => { ${i}${s.join(" ")} return (${n})(e); }`}eventOptions(n){let r=[];return n.includes("capture")&&r.push("capture: true"),n.includes("once")&&r.push("once: true"),n.includes("passive")&&r.push("passive: true"),r.length?`{ ${r.join(", ")} }`:null}bindProps(n,r){let i=n==="checked",s=i?"change":"input",o=i?"checked":"value",a=`(${r})`;return[{name:n,kind:"attr",expr:`${a}[0]()`,reactive:!0},{name:"on"+ce(s),kind:"event",event:{name:s,delegated:le.has(s)},expr:`(e) => ${a}[1](e.target.${o})`}]}plainAttr(n){let r=n.value,i=n.name;n.name==="class"?i=r&&r.kind==="hole"&&z.isObjectExpression(this.hole(r.hole).node)?"classList":"className":n.name==="html"&&(i="innerHTML");let o={name:i,kind:"attr"};if(r==null)return o.literal=!0,o;if(r.kind==="static")return o.literal=r.value,o;if(r.kind==="hole"){let l=this.hole(r.hole);return o.expr=l.code,o.reactive=l.reactive,o}let a=!1,c=r.parts.map(l=>{if("text"in l)return _e(l.text);let p=this.hole(l.hole);return a=a||p.reactive,"${"+p.code+"}"}).join("");return o.expr="`"+c+"`",o.reactive=a,o}};function pe(e,n,r={}){let i=e.quasi,s=i.expressions.map(c=>{let l=c;return{node:l,code:R(l,n),reactive:y(l)}}),o=Ve(i),{root:a}=Oe(o,{svg:r.svg});return new U(s,n).lowerRoot(a.children)}function Ve(e){let n=[];return e.quasis.forEach((r,i)=>{let s=r.value.cooked??r.value.raw;if(n.push({kind:"static",text:s,start:r.start??0}),i<e.expressions.length){let o=e.expressions[i];n.push({kind:"hole",index:i,start:o.start??0,end:o.end??0})}}),n}function H(e,n=new Set,r={}){return pe(e,n,r)}var He=ue.default??ue;function fe(e){return He(e,{concise:!0}).code}function Ge(e,n){let r=m.cloneNode(e,!0),i=m.file(m.program([m.expressionStatement(r)])),s=!1,o=(a,c,l)=>{for(let p of l)n.add(p);a.replaceWith(We.expression(c,{placeholderPattern:!1,plugins:["typescript"]})()),a.skip(),s=!0};return ze(i,{"JSXElement|JSXFragment"(a){let c=a.node,{code:l,imports:p}=X.emit(M(c,n),{});o(a,l,p)},TaggedTemplateExpression(a){let c=a.node.tag;if(!m.isIdentifier(c)||c.name!=="html"&&c.name!=="svg")return;let l=H(a.node,n,{svg:c.name==="svg"}),{code:p,imports:E}=X.emit(l,{});o(a,p,E)}}),s?i.program.body[0].expression:e}function R(e,n){return fe(Ge(e,n))}var qe=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Ue=/^on[A-Z]/,Ze=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function Ke(e){if(m.isJSXIdentifier(e)){let n=e.name[0]!==e.name[0].toLowerCase();return{tag:e.name,component:n}}return m.isJSXMemberExpression(e)?{tag:fe(e),component:!0}:m.isJSXNamespacedName(e)?{tag:`${e.namespace.name}:${e.name.name}`,component:!1}:{tag:"div",component:!1}}function Ye(e){return m.isJSXIdentifier(e)?e.name==="class"?"className":e.name:m.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function y(e){return m.isCallExpression(e)||m.isOptionalCallExpression(e)?!0:m.isMemberExpression(e)||m.isOptionalMemberExpression(e)?!(!e.computed&&m.isIdentifier(e.property,{name:"children"})):m.isConditionalExpression(e)?y(e.test)||y(e.consequent)||y(e.alternate):m.isLogicalExpression(e)||m.isBinaryExpression(e)?y(e.left)||y(e.right):m.isTemplateLiteral(e)?e.expressions.some(n=>y(n)):m.isObjectExpression(e)?e.properties.some(n=>m.isObjectProperty(n)&&!n.computed&&y(n.value)):m.isArrayExpression(e)?e.elements.some(n=>n!=null&&!m.isSpreadElement(n)&&y(n)):!1}function Qe(e,n){let r=Ye(e.name),i=Ue.test(r),s=i||r.startsWith("on:"),a={name:r,kind:i?"event":"attr"};i&&(a.event={name:r.slice(2).toLowerCase(),delegated:Ze.has(r.slice(2).toLowerCase())});let c=e.value;if(c==null)return a.literal=!0,a;if(m.isStringLiteral(c))return a.literal=c.value,a;if(m.isJSXExpressionContainer(c)&&!m.isJSXEmptyExpression(c.expression)){let l=c.expression;return m.isStringLiteral(l)||m.isNumericLiteral(l)||m.isBooleanLiteral(l)?(a.literal=l.value,a):(a.expr=R(l,n),a.reactive=s?!1:y(l),(m.isJSXElement(l)||m.isJSXFragment(l))&&(a.jsxElement=!0),a)}return a.literal=!0,a}function me(e,n){let r=e.value;return r==null?null:m.isStringLiteral(r)?JSON.stringify(r.value):m.isJSXExpressionContainer(r)&&!m.isJSXEmptyExpression(r.expression)?R(r.expression,n):null}function et(e,n){let r=[],i=[];for(let s of e){if(m.isJSXSpreadAttribute(s)){r.push({name:"",kind:"spread",expr:R(s.argument,n)});continue}if(!m.isJSXAttribute(s))continue;let o=m.isJSXNamespacedName(s.name)?s.name.namespace.name:null;if(o==="use"){let a=s.name.name.name;n.add(a);let c=me(s,n);i.push(c!=null?`[${a}, () => (${c})]`:`[${a}]`);continue}if(o==="oncapture"){let a=s.name.name.name.toLowerCase(),c=me(s,n)??"undefined";r.push({name:"on:"+a,kind:"attr",expr:`[${c}, { capture: true }]`});continue}r.push(Qe(s,n))}return i.length>0&&r.push({name:"use",kind:"attr",expr:`[${i.join(", ")}]`}),r}function W(e){let n=e.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function de(e,n){let r=[];for(let i of e)if(m.isJSXText(i)){let s=W(i.value);s&&r.push({kind:"text",value:s})}else if(m.isJSXExpressionContainer(i)){if(!m.isJSXEmptyExpression(i.expression)){let s=i.expression;r.push({kind:"expr",code:R(s,n),reactive:y(s)})}}else m.isJSXElement(i)||m.isJSXFragment(i)?r.push(M(i,n)):m.isJSXSpreadChild(i)&&r.push({kind:"expr",code:R(i.expression,n),reactive:!1});return r}function M(e,n=new Set){if(m.isJSXFragment(e))return{kind:"fragment",children:de(e.children,n)};let{tag:r,component:i}=Ke(e.openingElement.name),s=et(e.openingElement.attributes,n),o=de(e.children,n);return i?{kind:"component",name:r,props:s,children:o}:{kind:"element",tag:r,svg:qe.has(r),props:s,children:o,static:!1}}var K=new Set(["Show","For","Index","Switch","Match","Portal","Dynamic","ErrorBoundary","Suspense","Await"]),ge=new Set(["Suspense","SuspenseList","Await"]),T=new Set(["Router","Outlet","Redirect","Link"]),nt={Show:"when",For:"each",Index:"each",Match:"when"};var be=/^on[A-Z]/,ve=["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave"],O=tt((e,n={})=>{e.assertVersion(7);let{runtime:r="automatic",importSource:i="@fluixi/jsx",pragma:s="jsx",pragmaFrag:o="Fragment",development:a=!1,detectReactivity:c=!0,useLitHTML:l=!0,hoistStatics:p=!0,delegateEvents:E=!0,delegatedEvents:f=ve,optimizeControlFlow:w=!0,sourceMaps:L=!0,signalModule:C="@fluixi/dom",controlFlowModule:J="@fluixi/dom",routerModule:B="@fluixi/core/router-next",reactiveModule:te="@fluixi/reactive/signal",autoShowTransform:ne=!1,backend:N="imperative",codegen:A="inline",format:re="both",litTag:Pe="html"}=n,Le=re==="lit"||re==="both",Fe={backend:N,codegen:A,irImports:new Set,libModule:"@fluixi/core",hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,staticCounter:0};return{name:"@fluixi/babel-plugin-jsx",manipulateOptions(d,u){u.plugins.push("jsx","typescript")},pre(d){Object.assign(d,Fe)},visitor:{ImportDeclaration(d,u){d.node.source.value==="@fluixi/core/rx"&&(d.node.source=t.stringLiteral("@fluixi/reactive"))},Program:{enter(d,u){Object.assign(u,{hasJSX:!1,hasReactivity:!1,hasLitHTML:!1,hasLitIR:!1,needsSignalImport:!1,needsControlFlowImport:!1,needsCreateMemo:!1,controlFlowComponents:new Set,delegatedEvents:new Set,staticElements:new Map,autoShow:ne,staticCounter:0,libModule:"@fluixi/core",backend:N,codegen:A,irImports:new Set,needsCreateNativeElement:!1,needsInsert:!1,needsSpread:!1,needsCreateComponent:!1,needsMergeProps:!1})},exit(d,u){let g=[];if(u.hasJSX||u.needsSignalImport&&g.push(t.importDeclaration([t.importSpecifier(t.identifier("signal"),t.identifier("signal"))],t.stringLiteral(C))),u.hasJSX||u.hasLitIR){if(u.irImports.size>0){let h=new Set(["Show","For","Index","Switch","Match","Dynamic","ErrorBoundary","Portal","Suspense"]),b=new Set(["createMemo","createEffect","createRenderEffect","createRoot","createSignal","onCleanup","batch","untrack"]),x=Array.from(u.irImports),I=S=>t.importSpecifier(t.identifier(S),t.identifier(S)),F=S=>!d.scope.hasBinding(S),j=x.filter(S=>b.has(S)&&F(S)),v=x.filter(S=>!h.has(S)&&!b.has(S)&&F(S)),_=x.filter(S=>h.has(S)&&F(S));j.length>0&&g.push(t.importDeclaration(j.map(I),t.stringLiteral(te))),v.length>0&&g.push(t.importDeclaration(v.map(I),t.stringLiteral(C))),_.length>0&&g.push(t.importDeclaration(_.map(I),t.stringLiteral(J)))}if(u.hasJSX&&N==="imperative"&&A!=="ir"){let b=[[!!u.needsCreateNativeElement,"createNativeElement"],[!!u.needsSpread,"spread"],[!!u.needsInsert,"insert"],[!!u.needsCreateComponent,"createComponent"],[!!u.needsMergeProps,"mergeProps"]].filter(([x,I])=>x&&!d.scope.hasBinding(I)).map(([,x])=>t.importSpecifier(t.identifier(x),t.identifier(x)));b.length>0&&g.push(t.importDeclaration(b,t.stringLiteral(C)))}else if(u.hasJSX&&r==="automatic"){let h=[t.importSpecifier(t.identifier("jsx"),t.identifier("jsx")),t.importSpecifier(t.identifier("jsxs"),t.identifier("jsxs")),t.importSpecifier(t.identifier("Fragment"),t.identifier("Fragment"))];a&&h.push(t.importSpecifier(t.identifier("jsxDEV"),t.identifier("jsxDEV"))),u.needsMergeProps&&h.push(t.importSpecifier(t.identifier("mergeProps"),t.identifier("mergeProps"))),g.push(t.importDeclaration(h,t.stringLiteral(i)))}if(u.needsCreateMemo&&!d.scope.hasBinding("createMemo")&&g.push(t.importDeclaration([t.importSpecifier(t.identifier("createMemo"),t.identifier("createMemo"))],t.stringLiteral(N==="imperative"?te:u.libModule??"@fluixi/core"))),u.needsControlFlowImport&&u.controlFlowComponents.size>0){let h=Array.from(u.controlFlowComponents).filter(v=>!d.scope.hasBinding(v)),b=u.libModule??"@fluixi/core",x=h.filter(v=>T.has(v)),I=h.filter(v=>ge.has(v)),F=h.filter(v=>!ge.has(v)&&!T.has(v)),j=(v,_)=>t.importDeclaration(v.map(S=>t.importSpecifier(t.identifier(S),t.identifier(S))),t.stringLiteral(_));F.length>0&&g.push(j(F,J)),I.length>0&&g.push(j(I,b)),x.length>0&&g.push(j(x,B))}if(E&&u.delegatedEvents.size>0){g.push(t.importDeclaration([t.importSpecifier(t.identifier("delegateEvents"),t.identifier("delegateEvents"))],t.stringLiteral(N==="imperative"?C:"@fluixi/jsx")));let h=t.arrayExpression(Array.from(u.delegatedEvents).map(x=>t.stringLiteral(x))),b=t.expressionStatement(t.callExpression(t.identifier("delegateEvents"),[h]));d.node.body.unshift(b)}if(p&&u.staticElements.size>0){let h=[];u.staticElements.forEach((b,x)=>{h.push(t.variableDeclaration("const",[t.variableDeclarator(t.identifier(x),b)]))}),d.node.body.unshift(...h)}}g.length>0&&d.node.body.unshift(...ot(g))}},JSXElement(d,u){if(u.hasJSX=!0,N==="imperative"&&A==="ir"){d.replaceWith(Ee(d.node,u));return}let g=d.node,h=g.openingElement;if(t.isJSXIdentifier(h.name)&&T.has(h.name.name)&&(u.controlFlowComponents.add(h.name.name),u.needsControlFlowImport=!0),t.isJSXIdentifier(h.name)&&K.has(h.name.name)&&(u.controlFlowComponents.add(h.name.name),w)){let x=bt(g,u);if(x){d.replaceWith(x);return}}if(p&&N!=="imperative"&&Re(g,u)){let x=St(g,u);if(x){d.replaceWith(x);return}}let b=rt(g,u,{runtime:r,pragma:s,development:a,detectReactivity:c,useLitHTML:l,autoShow:ne});d.replaceWith(b)},JSXFragment(d,u){if(u.hasJSX=!0,N==="imperative"&&A==="ir"){d.replaceWith(Ee(d.node,u));return}let g=G(d.node,u,{runtime:r,pragmaFrag:o,development:a});d.replaceWith(g)},CallExpression(d,u){if(!c)return;let g=d.node.callee;g.name,t.isIdentifier(g)&&(g.name==="createSignal"||g.name==="createStore"||g.name==="useContext"||g.name==="useLocation")&&(u.hasReactivity=!0)},JSXExpressionContainer(d){},TaggedTemplateExpression(d,u){if(Le&&N==="imperative"&&t.isIdentifier(d.node.tag)&&(d.node.tag.name===Pe||d.node.tag.name==="svg")){d.replaceWith(at(d.node,u));return}}}}});function rt(e,n,r){let{runtime:i,pragma:s,development:o,autoShow:a=!0}=r;return i==="automatic"?D(e,n,o,a):ct(e,n,s)}var it=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]);function he(e,n,r){return n.length>0?(r.needsMergeProps=!0,t.callExpression(t.identifier("mergeProps"),[...n,t.objectExpression(e)])):t.objectExpression(e)}function ye(e){return e.length===1?e[0]:t.arrayExpression(e)}function st(e,n,r,i,s,o){if(!n){let f=[...r];return s.length>0&&f.push(t.objectMethod("get",t.identifier("children"),[],t.blockStatement([t.returnStatement(ye(s))]))),we(e,he(f,i,o),o)}let a=e.value,c=it.has(a),l=t.identifier("_el$"),p=[];o.needsCreateNativeElement=!0;let E=[e];if(c&&E.push(t.booleanLiteral(!0)),p.push(t.variableDeclaration("const",[t.variableDeclarator(l,t.callExpression(t.identifier("createNativeElement"),E))])),r.length>0||i.length>0){o.needsSpread=!0;let f=[t.objectProperty(t.identifier("element"),l),t.objectProperty(t.identifier("props"),he(r,i,o))];c&&f.push(t.objectProperty(t.identifier("isSVG"),t.booleanLiteral(!0))),p.push(t.expressionStatement(t.callExpression(t.identifier("spread"),[t.objectExpression(f)])))}if(s.length>0){o.needsInsert=!0;for(let f of s){let L=t.isArrowFunctionExpression(f)||t.isFunctionExpression(f)||t.isCallExpression(f)&&t.isIdentifier(f.callee)&&f.callee.name==="createMemo"?[t.cloneNode(l),f,t.nullLiteral()]:[t.cloneNode(l),f];p.push(t.expressionStatement(t.callExpression(t.identifier("insert"),L)))}}return p.push(t.returnStatement(l)),t.callExpression(t.arrowFunctionExpression([],t.blockStatement(p)),[])}function we(e,n,r){return t.isIdentifier(e)&&T.has(e.name)&&(r.controlFlowComponents.add(e.name),r.needsControlFlowImport=!0),r.backend==="imperative"?(r.needsCreateComponent=!0,r.needsCreateMemo=!0,t.callExpression(t.identifier("createMemo"),[t.arrowFunctionExpression([],t.callExpression(t.identifier("createComponent"),[e,n]))])):t.callExpression(t.identifier("jsx"),[e,n])}function Ee(e,n){let r=new Set,i=M(e,r),{code:s,imports:o}=X.emit(i,{});for(let a of o)r.add(a);for(let a of r)n.irImports.add(a);return Se.expression(s,{placeholderPattern:!1,plugins:["typescript"]})()}function ot(e){let n=new Map,r=[];for(let i of e){let s=i.source.value;if(!i.specifiers.every(c=>t.isImportSpecifier(c))){r.push(i);continue}let a=n.get(s);if(!a){let c=new Set(i.specifiers.map(l=>l.local.name));n.set(s,{decl:i,names:c}),r.push(i);continue}for(let c of i.specifiers)a.names.has(c.local.name)||(a.names.add(c.local.name),a.decl.specifiers.push(c))}return r}function at(e,n){let r=new Set,i=t.isIdentifier(e.tag)&&e.tag.name==="svg",s=H(e,r,{svg:i}),{code:o,imports:a}=X.emit(s,{});for(let c of a)r.add(c);for(let c of r)n.irImports.add(c);return Ce(s,n),n.hasLitIR=!0,Se.expression(o,{placeholderPattern:!1,plugins:["typescript"]})()}function Ce(e,n){if(e.kind==="component"&&(K.has(e.name)||T.has(e.name))&&(n.controlFlowComponents.add(e.name),n.needsControlFlowImport=!0),(e.kind==="element"||e.kind==="component"||e.kind==="control")&&"props"in e)for(let r of e.props)r.kind==="event"&&r.event?.delegated&&n.delegatedEvents.add(r.event.name);if("children"in e&&e.children)for(let r of e.children)Ce(r,n)}function lt(e){return e.map(n=>{if(t.isObjectProperty(n)){let r=n.key,i=n.computed,s=n.value;return t.objectMethod("get",r,[],t.blockStatement([t.returnStatement(s)]),i)}return n})}function D(e,n,r,i=!0){let s=e.openingElement,o=e.children,a=ke(s.name),c=t.isJSXIdentifier(s.name)&&/^[a-z]/.test(s.name.name),l=Je(s.attributes,n,c,t.isJSXIdentifier(s.name)?s.name.name:""),p=l.props,E=l.spreads;c||(p=lt(p));let f=Y(o,n,i);if(n.backend==="imperative")return st(a,c,p,E,f,n);if(f.length>0){let J=f.length===1?f[0]:t.arrayExpression(f);p.push(t.objectProperty(t.identifier("children"),J))}let w;if(E.length>0){let J=p.length>0?t.objectExpression(p):t.objectExpression([]);n.needsMergeProps=!0,w=t.callExpression(t.identifier("mergeProps"),[...E,J])}else w=t.objectExpression(p);let L=r?"jsxDEV":f.length>1?"jsxs":"jsx",C=[a,w];return r&&C.push(t.identifier("undefined"),t.booleanLiteral(!1),t.identifier("undefined"),t.identifier("undefined")),t.callExpression(t.identifier(L),C)}function ct(e,n,r){let i=e.openingElement,s=e.children,o=ke(i.name),a=t.isJSXIdentifier(i.name)&&/^[a-z]/.test(i.name.name),{props:c,spreads:l}=Je(i.attributes,n,a,t.isJSXIdentifier(i.name)?i.name.name:""),p=Y(s,n,n.autoShow??!0),E;if(l.length>0){let w=c.length>0?t.objectExpression(c):t.objectExpression([]);n.needsMergeProps=!0,E=t.callExpression(t.identifier("mergeProps"),[...l,w])}else E=c.length>0?t.objectExpression(c):t.nullLiteral();let f=[o,E,...p];return t.callExpression(t.identifier(r),f)}function G(e,n,r){let{runtime:i,pragmaFrag:s,development:o}=r,a=Y(e.children,n,n.autoShow??!0);if(n.backend==="imperative")return a.length===0?t.nullLiteral():ye(a);if(i==="automatic"){let c=o?"jsxDEV":a.length>1?"jsxs":"jsx",l=t.objectExpression([t.objectProperty(t.identifier("children"),a.length===1?a[0]:t.arrayExpression(a))]),p=[t.identifier("Fragment"),l];return o&&p.push(t.identifier("undefined"),t.booleanLiteral(!1),t.identifier("undefined"),t.identifier("undefined")),t.callExpression(t.identifier(c),p)}else return t.callExpression(t.identifier(s),a)}function ke(e){if(t.isJSXIdentifier(e)){let n=e.name;return n[0]===n[0].toLowerCase()?t.stringLiteral(n):t.identifier(n)}return t.isJSXMemberExpression(e)?Ne(e):t.isJSXNamespacedName(e)?t.stringLiteral(`${e.namespace.name}:${e.name.name}`):t.stringLiteral("div")}function Ne(e){let n;return t.isJSXIdentifier(e.object)?n=t.identifier(e.object.name):n=Ne(e.object),t.memberExpression(n,t.identifier(e.property.name))}function pt(e){return/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(e)}function Je(e,n,r=!0,i=""){let s=[],o=[],a=nt[i];for(let c of e)if(t.isJSXSpreadAttribute(c))o.push(c.argument);else if(t.isJSXAttribute(c)){let l=ut(c.name),p=mt(c.value,n,l,r);if(be.test(l)){let B=l.slice(2).toLowerCase();ve.includes(B)&&n.delegatedEvents.add(B)}let E=pt(l)?t.identifier(l):t.stringLiteral(l),f=c.value,w=t.isJSXElement(f)||t.isJSXFragment(f)||t.isJSXExpressionContainer(f)&&(t.isJSXElement(f.expression)||t.isJSXFragment(f.expression)),L=!r&&l===a,C=t.isJSXExpressionContainer(f)&&!t.isJSXEmptyExpression(f.expression)?f.expression:null,J=!r&&!!C&&Ie(C,l);!r&&w||L||J?s.push(t.objectMethod("get",E,[],t.blockStatement([t.returnStatement(p)]))):s.push(t.objectProperty(E,p))}return{props:s,spreads:o}}function ut(e){return t.isJSXIdentifier(e)?e.name==="class"?"className":e.name:t.isJSXNamespacedName(e)?`${e.namespace.name}:${e.name.name}`:"unknown"}function mt(e,n,r="",i=!0){if(e===null)return t.booleanLiteral(!0);if(t.isStringLiteral(e))return e.value.includes(`
2
+ `)?t.stringLiteral(e.value.replace(/\s+/g," ").trim()):e;if(t.isJSXExpressionContainer(e)){if(t.isJSXEmptyExpression(e.expression))return t.booleanLiteral(!0);let s=e.expression;return i&&Ie(s,r)?t.arrowFunctionExpression([],s):s}return t.isJSXElement(e)?D(e,n,!1,n.autoShow??!0):t.isJSXFragment(e)?G(e,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1}):t.booleanLiteral(!0)}function Ie(e,n){return be.test(n)||n.startsWith("on:")||n==="ref"||n.startsWith("use:")||t.isArrowFunctionExpression(e)||t.isFunctionExpression(e)||t.isIdentifier(e)||t.isStringLiteral(e)||t.isNumericLiteral(e)||t.isBooleanLiteral(e)||t.isNullLiteral(e)?!1:!!(t.isCallExpression(e)||t.isOptionalCallExpression(e)||t.isMemberExpression(e)||t.isOptionalMemberExpression(e)||t.isLogicalExpression(e)||t.isConditionalExpression(e)||t.isBinaryExpression(e)||t.isUnaryExpression(e)||t.isTemplateLiteral(e)||t.isObjectExpression(e)||t.isArrayExpression(e))}function dt(e){let n=e.split(/\r\n|\n|\r/),r=0;for(let s=0;s<n.length;s++)/[^ \t]/.test(n[s])&&(r=s);let i="";for(let s=0;s<n.length;s++){let o=n[s].replace(/\t/g," ");s!==0&&(o=o.replace(/^ +/,"")),s!==n.length-1&&(o=o.replace(/ +$/,"")),o&&(s!==r&&(o+=" "),i+=o)}return i}function Y(e,n,r=!0){let i=[];for(let s of e)if(t.isJSXText(s)){let o=dt(s.value);o&&i.push(t.stringLiteral(o))}else if(t.isJSXExpressionContainer(s)){if(!t.isJSXEmptyExpression(s.expression)){let o=s.expression;if(r){let a=ft(o,n)??gt(o,n);if(a){i.push(a);continue}}else{let a=ht(o,n);if(a){i.push(a);continue}}xt(o)?i.push(t.arrowFunctionExpression([],o)):i.push(o)}}else t.isJSXElement(s)?i.push(D(s,n,!1,n.autoShow??!0)):t.isJSXFragment(s)?i.push(G(s,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})):t.isJSXSpreadChild(s)&&i.push(s.expression);return i}function ft(e,n){if(!t.isArrowFunctionExpression(e)||e.params.length!==0||e.async)return null;let r=e.body;if(t.isLogicalExpression(r)&&r.operator==="&&"){let i=k(r.right);if(i)return $(P(r.left),i,null,n)}if(t.isConditionalExpression(r)){let i=k(r.consequent);if(i){let s=Q(r.alternate,n);return $(P(r.test),i,s,n,!0)}}return null}function gt(e,n){if(t.isLogicalExpression(e)&&e.operator==="&&"){let r=k(e.right);if(r)return $(P(e.left),r,null,n)}if(t.isConditionalExpression(e)){let r=k(e.consequent);if(r){let i=Q(e.alternate,n);return $(P(e.test),r,i,n)}}return null}function ht(e,n){let r=t.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&t.isExpression(e.body)?e.body:e;if(t.isConditionalExpression(r)){let i=P(r.test),o=k(r.consequent)??r.consequent,c=k(r.alternate)??r.alternate,l=t.conditionalExpression(i,o,c);return Z(r.consequent)||Z(r.alternate)?null:(n.needsCreateMemo=!0,t.callExpression(t.identifier("createMemo"),[t.arrowFunctionExpression([],l)]))}if(t.isLogicalExpression(r)&&r.operator==="&&"){let i=P(r.left),o=k(r.right)??r.right,a=t.logicalExpression("&&",i,o);return Z(r.right)?null:(n.needsCreateMemo=!0,t.callExpression(t.identifier("createMemo"),[t.arrowFunctionExpression([],a)]))}return null}function Q(e,n){if(Et(e))return null;let r=k(e);if(r)return Xe(r,n);if(t.isConditionalExpression(e)){let i=e,s=k(i.consequent);if(s){let o=Q(i.alternate,n);return $(P(i.test),s,o,n)}}return e}function xe(e){return t.isJSXElement(e)||t.isJSXFragment(e)}function Z(e){let n=k(e);if(!n||!t.isJSXElement(n))return!1;let r=n.openingElement.name;return t.isJSXIdentifier(r)&&K.has(r.name)}function k(e){return xe(e)?e:t.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&xe(e.body)?e.body:null}function P(e){return t.isArrowFunctionExpression(e)&&e.params.length===0&&!e.async&&t.isExpression(e.body)?e.body:e}function Et(e){return t.isNullLiteral(e)||t.isIdentifier(e)&&e.name==="undefined"||t.isBooleanLiteral(e)&&e.value===!1}function Xe(e,n){return t.isJSXElement(e)?D(e,n,!1,n.autoShow??!0):G(e,n,{runtime:"automatic",pragmaFrag:"Fragment",development:!1})}function $(e,n,r,i,s=!1){i.controlFlowComponents.add("Show"),i.needsControlFlowImport=!0;let o=Xe(n,i),a=[t.objectProperty(t.identifier("when"),t.arrowFunctionExpression([],e)),t.objectProperty(t.identifier("children"),o)];return r&&a.push(t.objectProperty(t.identifier("fallback"),r)),we(t.identifier("Show"),t.objectExpression(a),i)}function xt(e){return t.isMemberExpression(e)||t.isOptionalMemberExpression(e)?!(!e.computed&&t.isIdentifier(e.property,{name:"children"})):t.isCallExpression(e)||t.isOptionalCallExpression(e)?!0:t.isIdentifier(e)?!1:!!(t.isLogicalExpression(e)||t.isConditionalExpression(e)||t.isBinaryExpression(e)||t.isUnaryExpression(e)||t.isTemplateLiteral(e))}function Re(e,n){let r=e.openingElement;if(!t.isJSXIdentifier(r.name))return!1;let i=r.name.name;if(i[0]!==i[0].toLowerCase())return!1;for(let s of r.attributes){if(t.isJSXSpreadAttribute(s))return!1;if(t.isJSXAttribute(s)){let o=s.value;if(t.isJSXExpressionContainer(o)&&!t.isStringLiteral(o.expression)&&!t.isNumericLiteral(o.expression))return!1}}for(let s of e.children)if(t.isJSXElement(s)&&!Re(s,n)||t.isJSXExpressionContainer(s))return!1;return!0}function St(e,n){let r=`_$static${n.staticCounter++}`,i=D(e,n,!1);return n.staticElements.set(r,i),t.identifier(r)}function bt(e,n){let r=e.openingElement.name.name;return r==="Show"?vt(e,n):r==="For"?yt(e,n):null}function vt(e,n){return null}function yt(e,n){return null}var Gt=O;function qt(e){return[O,e]}function ee(e={}){return{plugins:[[O,{runtime:"automatic",importSource:"@fluixi/jsx",development:!1,detectReactivity:!0,useLitHTML:!0,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0,sourceMaps:!0,...e}]]}}var Ut={production:ee({development:!1,hoistStatics:!0,delegateEvents:!0,optimizeControlFlow:!0}),development:ee({development:!0,hoistStatics:!1,sourceMaps:!0}),minimal:ee({detectReactivity:!1,useLitHTML:!1,hoistStatics:!1,delegateEvents:!1,optimizeControlFlow:!1})};export{Gt as babelPluginReactiveJSX,qt as createPlugin,ee as createPreset,O as default,Ut as presets};
package/dist/frontend/babel/lower-template.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";var O=Object.create;var g=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var H=(n,e)=>{for(var t in e)g(n,t,{get:e[t],enumerable:!0})},R=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of F(e))!_.call(n,i)&&i!==t&&g(n,i,{get:()=>e[i],enumerable:!(r=B(e,i))||r.enumerable});return n};var I=(n,e,t)=>(t=n!=null?O(M(n)):{},R(e||!n||!n.__esModule?g(t,"default",{value:n,enumerable:!0}):t,n)),V=n=>R(g({},"__esModule",{value:!0}),n);var ce={};H(ce,{lowerLitTemplate:()=>E});module.exports=V(ce);var f=require("@babel/core"),y=I(require("@babel/generator"),1),L=require("@fluixi/template-parser");var k={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:[...k.symbols,"template","cloneTemplate","walk"]};var G={show:"Show",for:"For",index:"Index",switch:"Switch",match:"Match",dynamic:"Dynamic",errorBoundary:"ErrorBoundary",suspense:"Suspense"};function K(n){return/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(n)}function w(n){return K(n)?n:JSON.stringify(n)}function U(n){return n.expr!==void 0?n.reactive?`() => (${n.expr})`:`(${n.expr})`:JSON.stringify(n.literal??!0)}function W(n){return n.expr!==void 0?`(${n.expr})`:JSON.stringify(n.literal??!0)}function z(n,e,t){let r=n.filter(l=>l.kind==="spread"),a=n.filter(l=>l.kind!=="spread").map(l=>`${w(l.name)}: ${U(l)}`);e!=null&&a.push(`children: ${e}`);let o=`{ ${a.join(", ")} }`;return r.length>0?(t.add("mergeProps"),`mergeProps(${r.map(l=>l.expr).join(", ")}, ${o})`):o}function C(n,e){return n.length===1?v(n[0],e):`[${n.map(t=>v(t,e)).join(", ")}]`}function $(n,e,t,r){r.add("createMemo"),r.add("createComponent");let i=e.filter(s=>s.kind==="spread"),o=e.filter(s=>s.kind!=="spread").map(s=>`get ${w(s.name)}() { return ${W(s)}; }`);t.length>0&&o.push(`get children() { return ${C(t,r)}; }`);let l=`{ ${o.join(", ")} }`;return i.length>0&&(r.add("mergeProps"),l=`mergeProps(${i.map(s=>s.expr).join(", ")}, ${l})`),`createMemo(() => createComponent(${n}, ${l}))`}function v(n,e){switch(n.kind){case"text":return JSON.stringify(n.value);case"expr":return n.reactive?`() => (${n.code})`:`(${n.code})`;case"fragment":return n.children.length===0?"null":C(n.children,e);case"component":return $(n.name,n.props,n.children,e);case"control":{let t=G[n.control]??n.control;return e.add(t),$(t,n.props,n.children,e)}case"element":{e.add("createNativeElement");let t=JSON.stringify(n.tag),r="_el$",i=[],a=n.svg?`${t}, true`:t;if(i.push(`const ${r} = createNativeElement(${a});`),n.props.length>0){e.add("spread");let o=n.svg?", isSVG: true":"";i.push(`spread({ element: ${r}, props: ${z(n.props,null,e)}${o} });`)}for(let o of n.children){e.add("insert");let l=v(o,e),s=o.kind==="expr"&&o.reactive||o.kind==="component"||o.kind==="control";i.push(s?`insert(${r}, ${l}, null);`:`insert(${r}, ${l});`)}return i.push(`return ${r};`),`(() => { ${i.join(" ")} })()`}}}var h={name:"imperative",contract:k,emit(n,e){let t=new Set;return{code:v(n,t),imports:Array.from(t)}}};var c=require("@babel/core"),N=I(require("@babel/generator"),1);function A(n,e=new Set,t={}){return E(n,e,t)}var Z=N.default.default??N.default;function T(n){return Z(n,{concise:!0}).code}function q(n,e){let t=c.types.cloneNode(n,!0),r=c.types.file(c.types.program([c.types.expressionStatement(t)])),i=!1,a=(o,l,s)=>{for(let p of s)e.add(p);o.replaceWith(c.template.expression(l,{placeholderPattern:!1,plugins:["typescript"]})()),o.skip(),i=!0};return(0,c.traverse)(r,{"JSXElement|JSXFragment"(o){let l=o.node,{code:s,imports:p}=h.emit(b(l,e),{});a(o,s,p)},TaggedTemplateExpression(o){let l=o.node.tag;if(!c.types.isIdentifier(l)||l.name!=="html"&&l.name!=="svg")return;let s=A(o.node,e,{svg:l.name==="svg"}),{code:p,imports:m}=h.emit(s,{});a(o,p,m)}}),i?r.program.body[0].expression:n}function d(n,e){return T(q(n,e))}var Q=new Set(["svg","path","circle","rect","line","polygon","polyline","ellipse","g","defs","clipPath","text"]),Y=/^on[A-Z]/,ee=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function te(n){if(c.types.isJSXIdentifier(n)){let e=n.name[0]!==n.name[0].toLowerCase();return{tag:n.name,component:e}}return c.types.isJSXMemberExpression(n)?{tag:T(n),component:!0}:c.types.isJSXNamespacedName(n)?{tag:`${n.namespace.name}:${n.name.name}`,component:!1}:{tag:"div",component:!1}}function ne(n){return c.types.isJSXIdentifier(n)?n.name==="class"?"className":n.name:c.types.isJSXNamespacedName(n)?`${n.namespace.name}:${n.name.name}`:"unknown"}function u(n){return c.types.isCallExpression(n)||c.types.isOptionalCallExpression(n)?!0:c.types.isMemberExpression(n)||c.types.isOptionalMemberExpression(n)?!(!n.computed&&c.types.isIdentifier(n.property,{name:"children"})):c.types.isConditionalExpression(n)?u(n.test)||u(n.consequent)||u(n.alternate):c.types.isLogicalExpression(n)||c.types.isBinaryExpression(n)?u(n.left)||u(n.right):c.types.isTemplateLiteral(n)?n.expressions.some(e=>u(e)):c.types.isObjectExpression(n)?n.properties.some(e=>c.types.isObjectProperty(e)&&!e.computed&&u(e.value)):c.types.isArrayExpression(n)?n.elements.some(e=>e!=null&&!c.types.isSpreadElement(e)&&u(e)):!1}function re(n,e){let t=ne(n.name),r=Y.test(t),i=r||t.startsWith("on:"),o={name:t,kind:r?"event":"attr"};r&&(o.event={name:t.slice(2).toLowerCase(),delegated:ee.has(t.slice(2).toLowerCase())});let l=n.value;if(l==null)return o.literal=!0,o;if(c.types.isStringLiteral(l))return o.literal=l.value,o;if(c.types.isJSXExpressionContainer(l)&&!c.types.isJSXEmptyExpression(l.expression)){let s=l.expression;return c.types.isStringLiteral(s)||c.types.isNumericLiteral(s)||c.types.isBooleanLiteral(s)?(o.literal=s.value,o):(o.expr=d(s,e),o.reactive=i?!1:u(s),(c.types.isJSXElement(s)||c.types.isJSXFragment(s))&&(o.jsxElement=!0),o)}return o.literal=!0,o}function J(n,e){let t=n.value;return t==null?null:c.types.isStringLiteral(t)?JSON.stringify(t.value):c.types.isJSXExpressionContainer(t)&&!c.types.isJSXEmptyExpression(t.expression)?d(t.expression,e):null}function ie(n,e){let t=[],r=[];for(let i of n){if(c.types.isJSXSpreadAttribute(i)){t.push({name:"",kind:"spread",expr:d(i.argument,e)});continue}if(!c.types.isJSXAttribute(i))continue;let a=c.types.isJSXNamespacedName(i.name)?i.name.namespace.name:null;if(a==="use"){let o=i.name.name.name;e.add(o);let l=J(i,e);r.push(l!=null?`[${o}, () => (${l})]`:`[${o}]`);continue}if(a==="oncapture"){let o=i.name.name.name.toLowerCase(),l=J(i,e)??"undefined";t.push({name:"on:"+o,kind:"attr",expr:`[${l}, { capture: true }]`});continue}t.push(re(i,e))}return r.length>0&&t.push({name:"use",kind:"attr",expr:`[${r.join(", ")}]`}),t}function x(n){let e=n.split(/\r\n|\n|\r/),t=0;for(let i=0;i<e.length;i++)/[^ \t]/.test(e[i])&&(t=i);let r="";for(let i=0;i<e.length;i++){let a=e[i].replace(/\t/g," ");i!==0&&(a=a.replace(/^ +/,"")),i!==e.length-1&&(a=a.replace(/ +$/,"")),a&&(i!==t&&(a+=" "),r+=a)}return r}function P(n,e){let t=[];for(let r of n)if(c.types.isJSXText(r)){let i=x(r.value);i&&t.push({kind:"text",value:i})}else if(c.types.isJSXExpressionContainer(r)){if(!c.types.isJSXEmptyExpression(r.expression)){let i=r.expression;t.push({kind:"expr",code:d(i,e),reactive:u(i)})}}else c.types.isJSXElement(r)||c.types.isJSXFragment(r)?t.push(b(r,e)):c.types.isJSXSpreadChild(r)&&t.push({kind:"expr",code:d(r.expression,e),reactive:!1});return t}function b(n,e=new Set){if(c.types.isJSXFragment(n))return{kind:"fragment",children:P(n.children,e)};let{tag:t,component:r}=te(n.openingElement.name),i=ie(n.openingElement.attributes,e),a=P(n.children,e);return r?{kind:"component",name:t,props:i,children:a}:{kind:"element",tag:t,svg:Q.has(t),props:i,children:a,static:!1}}var se=y.default.default??y.default;function oe(n){return se(n,{concise:!0}).code}var X=new Set(["click","dblclick","input","change","submit","focus","blur","keydown","keyup","keypress","mousedown","mouseup"]);function ae(n){return n.replace(/\\/g,"\\\\").replace(/`/g,"\\`").replace(/\$\{/g,"\\${")}function j(n){return n.charAt(0).toUpperCase()+n.slice(1)}var S=class{constructor(e,t){this.holes=e;this.used=t}hole(e){return this.holes[e]??{node:f.types.identifier("undefined"),code:"undefined",reactive:!1}}emit(e){let{code:t,imports:r}=h.emit(e,{});for(let i of r)this.used.add(i);return t}lowerRoot(e){let t=this.lowerChildren(e);return t.length===1?t[0]:{kind:"fragment",children:t}}lowerChildren(e){let t=[];for(let r=0;r<e.length;r++){let i=e[r];if(i.kind==="Element"||i.kind==="Component"){let o=i.attributes.find(l=>l.kind==="IfDirective");if(o&&o.kind==="IfDirective"){let l=r+1;l<e.length&&this.isBlankText(e[l])&&l++;let s=e[l],p=s&&(s.kind==="Element"||s.kind==="Component")&&s.attributes.some(m=>m.kind==="ElseDirective");t.push(this.lowerIf(i,o.hole,p?s:null)),p&&(r=l);continue}if(i.attributes.some(l=>l.kind==="EachDirective")){t.push(this.lowerEach(i));continue}}let a=this.lowerNode(i);a&&t.push(a)}return t}isBlankText(e){return e.kind==="Text"&&!e.raw&&x(e.value)===""}lowerNode(e){switch(e.kind){case"Text":{if(e.raw)return{kind:"text",value:e.value};let t=x(e.value);return t?{kind:"text",value:t}:null}case"Comment":return null;case"Expression":{let t=this.hole(e.hole);return{kind:"expr",code:t.code,reactive:t.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 t=e.attributes.find(r=>r.kind==="Attribute"&&r.name==="is");if(e.tag==="component"&&t&&t.value&&t.value.kind==="hole"){let r=e.attributes.filter(a=>a!==t),i=this.lowerComponent({...e,kind:"Component",tag:"Dynamic",tagHole:null,attributes:r});return i.props.unshift({name:"component",kind:"attr",expr:`() => (${this.hole(t.value.hole).code})`}),i}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 t=e.tagHole!=null?this.hole(e.tagHole).code:e.tag,r=this.lowerAttributes(e.attributes),{slots:i,rest:a}=this.partitionSlots(e.children);for(let[o,l]of i){let s=l.length===1?l[0]:{kind:"fragment",children:l};r.push({name:o,kind:"attr",expr:this.emit(s),jsxElement:!0})}return{kind:"component",name:t,props:r,children:this.lowerChildren(a)}}partitionSlots(e){let t=new Map,r=[];for(let i of e){if(i.kind==="Element"||i.kind==="Component"){let a=i.attributes.find(o=>o.kind==="Attribute"&&o.name==="slot");if(a&&a.value&&a.value.kind==="static"){let o={...i,attributes:i.attributes.filter(p=>p!==a)},l=o.kind==="Element"?this.lowerElement(o):this.lowerComponent(o),s=t.get(a.value.value)??[];s.push(l),t.set(a.value.value,s);continue}}r.push(i)}return{slots:t,rest:r}}lowerIf(e,t,r){let i=this.hole(t),a=[{name:"when",kind:"attr",expr:i.code,reactive:i.reactive}];if(r){let l=this.stripAndLower(r,s=>s.kind==="ElseDirective");a.push({name:"fallback",kind:"attr",expr:this.emit(l),jsxElement:!0})}let o=this.stripAndLower(e,l=>l.kind==="IfDirective");return{kind:"component",name:"Show",props:a,children:[o]}}lowerEach(e){let t=e.attributes.find(s=>s.kind==="EachDirective");if(!t||t.kind!=="EachDirective")return this.lowerNode(e);let r=this.hole(t.hole),i=[{name:"each",kind:"attr",expr:r.code,reactive:r.reactive}];if(t.key){let s="static"in t.key?`(item) => item[${JSON.stringify(t.key.static)}]`:this.hole(t.key.hole).code;i.push({name:"by",kind:"attr",expr:s})}let a=this.itemArrow(e),o;if(a){let s=a.body,p={kind:"expr",code:d(s,this.used),reactive:u(s)},m=this.rebuildWithChildren(e,[p]);o=`(${a.params.map(D=>oe(D)).join(", ")}) => (${this.emit(m)})`}else{let s=this.stripAndLower(e,p=>p.kind==="EachDirective");o=`() => (${this.emit(s)})`}return{kind:"component",name:"For",props:i,children:[{kind:"expr",code:o,reactive:!1}]}}itemArrow(e){let t=e.children.filter(i=>!this.isBlankText(i));if(t.length!==1||t[0].kind!=="Expression")return null;let r=this.hole(t[0].hole).node;return f.types.isArrowFunctionExpression(r)&&!f.types.isBlockStatement(r.body)?r:null}stripAndLower(e,t){let r={...e,attributes:e.attributes.filter(i=>!t(i))};return r.kind==="Element"?this.lowerElement(r):this.lowerComponent(r)}rebuildWithChildren(e,t){let r=this.lowerAttributes(e.attributes.filter(i=>i.kind!=="EachDirective"));return e.kind==="Element"?{kind:"element",tag:e.tag,svg:e.namespace==="svg",props:r,children:t,static:!1}:{kind:"component",name:e.tag,props:r,children:t}}lowerAttributes(e){let t=[],r=[],i=!1,a=[],o=!1,l=[];for(let s of e)switch(s.kind){case"IfDirective":case"EachDirective":case"ElseDirective":break;case"Attribute":t.push(this.plainAttr(s));break;case"PropertyBinding":t.push({name:s.name,kind:"prop",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"EventBinding":t.push(this.eventProp(s));break;case"RefBinding":t.push({name:"ref",kind:"ref",expr:this.hole(s.hole).code,reactive:this.hole(s.hole).reactive});break;case"Spread":t.push({name:"",kind:"spread",expr:this.hole(s.hole).code});break;case"ClassDirective":{let p=this.hole(s.hole);r.push(`${JSON.stringify(s.name)}: ${p.code}`),i=i||p.reactive;break}case"StyleDirective":{let p=this.hole(s.hole);a.push(`${JSON.stringify(s.name)}: ${p.code}`),o=o||p.reactive;break}case"BindDirective":t.push(...this.bindProps(s.name,this.hole(s.hole).code));break;case"UseDirective":{let p=s.name??(s.hole!=null?this.hole(s.hole).code:null);if(!p)break;l.push(s.name!=null&&s.hole!=null?`[${p}, () => (${this.hole(s.hole).code})]`:`[${p}]`);break}}return r.length>0&&t.push({name:"classList",kind:"attr",expr:`{ ${r.join(", ")} }`,reactive:i}),a.length>0&&t.push({name:"style",kind:"attr",expr:`{ ${a.join(", ")} }`,reactive:o}),l.length>0&&t.push({name:"use",kind:"attr",expr:`[${l.join(", ")}]`}),t}eventProp(e){let t=e.name.toLowerCase(),r=this.hole(e.hole).code;if(!(e.syntax==="colon"||e.modifiers.length>0))return{name:"on"+j(e.name),kind:"event",event:{name:t,delegated:X.has(t)},expr:r};let a=this.wrapHandler(r,e.modifiers),o=this.eventOptions(e.modifiers),l=o?`[${a}, ${o}]`:a;return{name:"on:"+t,kind:"attr",expr:l}}wrapHandler(e,t){let r=t.includes("self")?"if (e.target !== e.currentTarget) return; ":"",i=[];return t.includes("prevent")&&i.push("e.preventDefault();"),t.includes("stop")&&i.push("e.stopPropagation();"),!r&&i.length===0?e:`(e) => { ${r}${i.join(" ")} return (${e})(e); }`}eventOptions(e){let t=[];return e.includes("capture")&&t.push("capture: true"),e.includes("once")&&t.push("once: true"),e.includes("passive")&&t.push("passive: true"),t.length?`{ ${t.join(", ")} }`:null}bindProps(e,t){let r=e==="checked",i=r?"change":"input",a=r?"checked":"value",o=`(${t})`;return[{name:e,kind:"attr",expr:`${o}[0]()`,reactive:!0},{name:"on"+j(i),kind:"event",event:{name:i,delegated:X.has(i)},expr:`(e) => ${o}[1](e.target.${a})`}]}plainAttr(e){let t=e.value,r=e.name;e.name==="class"?r=t&&t.kind==="hole"&&f.types.isObjectExpression(this.hole(t.hole).node)?"classList":"className":e.name==="html"&&(r="innerHTML");let a={name:r,kind:"attr"};if(t==null)return a.literal=!0,a;if(t.kind==="static")return a.literal=t.value,a;if(t.kind==="hole"){let s=this.hole(t.hole);return a.expr=s.code,a.reactive=s.reactive,a}let o=!1,l=t.parts.map(s=>{if("text"in s)return ae(s.text);let p=this.hole(s.hole);return o=o||p.reactive,"${"+p.code+"}"}).join("");return a.expr="`"+l+"`",a.reactive=o,a}};function E(n,e,t={}){let r=n.quasi,i=r.expressions.map(l=>{let s=l;return{node:s,code:d(s,e),reactive:u(s)}}),a=le(r),{root:o}=(0,L.parseTemplate)(a,{svg:t.svg});return new S(i,e).lowerRoot(o.children)}function le(n){let e=[];return n.quasis.forEach((t,r)=>{let i=t.value.cooked??t.value.raw;if(e.push({kind:"static",text:i,start:t.start??0}),r<n.expressions.length){let a=n.expressions[r];e.push({kind:"hole",index:r,start:a.start??0,end:a.end??0})}}),e}
package/dist/frontend/babel/lower-template.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Lower a parsed Template AST (`@fluixi/template-parser`) into the compiler's
3
+ * host-agnostic IR. This is the Babel-aware half the parser deliberately is not:
4
+ * it binds each opaque hole slot to its Babel `${…}` expression (via `genExpr`,
5
+ * which also compiles any JSX/`` html`` `` nested inside the hole) and reproduces
6
+ * the exact IR the old single-pass `build-ir-lit` scanner produced — the byte-
7
+ * identity gate — while adding the new directive lowerings on top.
8
+ *
9
+ * Pipeline: pieces → parseTemplate → Template AST → lowerTemplate → IRNode
10
+ */
11
+ import { types as t } from '@babel/core';
12
+ import type { IRNode } from '../../ir/nodes.js';
13
+ /**
14
+ * Build IR from a lit `` html`...` `` / `` svg`...` `` TaggedTemplateExpression.
15
+ * Parses (Babel-free) then lowers (Babel-aware) — a drop-in for the old
16
+ * single-pass scanner, with the same signature.
17
+ */
18
+ export declare function lowerLitTemplate(node: t.TaggedTemplateExpression, used: Set<string>, opts?: {
19
+ svg?: boolean;
20
+ }): IRNode;
21
+ //# sourceMappingURL=lower-template.d.ts.map
package/dist/frontend/babel/lower-template.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lower-template.d.ts","sourceRoot":"","sources":["../../../src/frontend/babel/lower-template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,MAAM,aAAa,CAAC;AAYzC,OAAO,KAAK,EAAE,MAAM,EAAsB,MAAM,mBAAmB,CAAC;AAgbpE;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,CAAC,CAAC,wBAAwB,EAChC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,EACjB,IAAI,GAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAO,GAC3B,MAAM,CAUR"}