babel-plugin-essor 0.0.15-beta.12 → 0.0.15-beta.14

package/dist/index.cjs

@@ -21185,16 +21185,16 @@ function g(e) {
 function k(e) {
   return e === null;
 }
-function M(e) {
+function N(e) {
   return typeof e == "symbol";
 }
-function z(e) {
+function L(e) {
   return p.call(e) === "[object Map]";
 }
 function O(e) {
   return e == null;
 }
-var R = (e) => ["string", "number", "boolean", "symbol", "undefined"].includes(typeof e) || k(e);
+var H = (e) => ["string", "number", "boolean", "symbol", "undefined"].includes(typeof e) || k(e);
 var _ = (e) => p.call(e) === "[object Object]";
 function B(e) {
   return typeof e == "undefined";
@@ -21220,22 +21220,22 @@ function s(e) {
   for (let n of e.split(",")) t11[n] = 1;
   return (n) => n in t11;
 }
-var w = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";
-s(w);
-s(`${w},async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
+var T = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";
+s(T);
+s(`${T},async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
 s("accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap");
 s("xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan");
-var Te = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-var we = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
+var we = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
+var Te = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
 var Se = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics";
 var ve = "beforeinput,click,dblclick,contextmenu,focusin,focusout,input,keydown,keyup,mousedown,mousemove,mouseout,mouseover,mouseup,pointerdown,pointermove,pointerout,pointerover,pointerup,touchend,touchmove,touchstart";
 var Ae = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
 var Ee = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
-s(Te);
-var Ne = s(we);
+s(we);
+var Me = s(Te);
 s(Se);
 s(Ae);
-var ze = s(Ee);
+var Le = s(Ee);
 var Oe = s(ve);
 
 // src/constants.ts
@@ -21245,7 +21245,8 @@ var DEFAULT_OPTIONS = {
   symbol: "$",
   props: true,
   hmr: true,
-  styled: false
+  styled: false,
+  enableFor: false
 };
 var IMPORTS_MAPS = [
   // Reactive API
@@ -21262,6 +21263,7 @@ var IMPORTS_MAPS = [
   "Portal",
   // Template related
   "mapNodes",
+  "mapArray",
   "template",
   "delegateEvents",
   // styled
@@ -22068,7 +22070,7 @@ function createTree(path, parentNode) {
   const tagName = getTagName(path.node);
   treeNode.tag = tagName;
   treeNode.type = determineNodeType(tagName);
-  treeNode.selfClosing = ze(tagName);
+  treeNode.selfClosing = Le(tagName);
   if (parentNode) {
     const parentIsComponent = parentNode.type === 1 /* COMPONENT */;
     if (parentIsComponent) {
@@ -22278,7 +22280,7 @@ function determineNodeType(tagName) {
   if (isComponent) {
     return 1 /* COMPONENT */;
   }
-  if (Ne(tagName)) {
+  if (Me(tagName)) {
     return 5 /* SVG */;
   }
   return 0 /* NORMAL */;
@@ -22548,7 +22550,7 @@ function findIndexPosition(targetIndex, indexMap) {
   if (u(indexMap)) {
     return indexMap.indexOf(targetIndex);
   }
-  if (z(indexMap)) {
+  if (L(indexMap)) {
     const position = indexMap.get(targetIndex);
     return g(position) ? position : -1;
   }
@@ -22815,34 +22817,16 @@ function generateIndexMap({
 }) {
   const indexSet = /* @__PURE__ */ new Set();
   for (const item of children) {
-    if (!O(item.parentIndex)) {
-      indexSet.add(item.parentIndex);
-    }
-    if (!O(item.before)) {
-      indexSet.add(item.before);
-    }
+    if (!O(item.parentIndex)) indexSet.add(item.parentIndex);
+    if (!O(item.before)) indexSet.add(item.before);
   }
   for (const item of props) {
-    if (!O(item.parentIndex)) {
-      indexSet.add(item.parentIndex);
-    }
+    if (!O(item.parentIndex)) indexSet.add(item.parentIndex);
   }
-  if (operations && operations.length > 0) {
-    for (const item of operations) {
-      if (!O(item.nodeIndex)) {
-        indexSet.add(item.nodeIndex);
-      }
-    }
+  for (const item of operations) {
+    if (!O(item.nodeIndex)) indexSet.add(item.nodeIndex);
   }
-  const indexMap = Array.from(indexSet).sort((a, b) => a - b);
-  {
-    for (const index of indexMap) {
-      if (!Number.isInteger(index) || index < 1) {
-        re(`Invalid index in index map: ${index}. All indices must be positive integers.`);
-      }
-    }
-  }
-  return indexMap;
+  return Array.from(indexSet).sort((a, b) => a - b);
 }
 function createRefStatement(nodesId, nodeIndex, value) {
   const elementRef = core.types.memberExpression(nodesId, core.types.numericLiteral(nodeIndex), true);
@@ -23002,7 +22986,123 @@ function createInsertArguments(dynamicContent, nodesIdentifier, indexMap) {
 function generateDynamicChildrenCode(dynamicChildren, statements, state, nodesId, indexMap) {
   addImport(importMap.insert);
   for (const dynamicContent of dynamicChildren) {
-    const processedNode = processIIFEExpression(dynamicContent.node);
+    let node = dynamicContent.node;
+    let mapCall = null;
+    if (core.types.isCallExpression(node) && core.types.isMemberExpression(node.callee) && core.types.isIdentifier(node.callee.property) && node.callee.property.name === "map" && node.arguments.length > 0) {
+      mapCall = node;
+    } else if (core.types.isArrowFunctionExpression(node) && core.types.isCallExpression(node.body) && core.types.isMemberExpression(node.body.callee) && core.types.isIdentifier(node.body.callee.property) && node.body.callee.property.name === "map" && node.body.arguments.length > 0) {
+      mapCall = node.body;
+    }
+    if (mapCall && state.opts.enableFor !== false) {
+      const listExpr = mapCall.callee.object;
+      const mapFn = mapCall.arguments[0];
+      if (core.types.isExpression(listExpr) && (core.types.isArrowFunctionExpression(mapFn) || core.types.isFunctionExpression(mapFn))) {
+        addImport(importMap.createComponent);
+        addImport(importMap.For);
+        let keyFnExpr = null;
+        let transformedMapFn = mapFn;
+        const mapFnBody = core.types.isArrowFunctionExpression(mapFn) ? mapFn.body : null;
+        const mapFnParams = mapFn.params;
+        let itemParamName = null;
+        if (mapFnParams.length > 0 && core.types.isIdentifier(mapFnParams[0])) {
+          itemParamName = mapFnParams[0].name;
+        }
+        if (itemParamName && mapFnBody) {
+          if (core.types.isCallExpression(mapFnBody)) {
+            const callee = mapFnBody.callee;
+            const args = mapFnBody.arguments;
+            const isCreateComponentCall = core.types.isIdentifier(callee) && callee.name.includes("createComponent") || core.types.isMemberExpression(callee) && core.types.isIdentifier(callee.property) && callee.property.name === "createComponent";
+            if (isCreateComponentCall && args.length >= 2) {
+              const componentRef = args[0];
+              const propsArg = args[1];
+              if (core.types.isExpression(componentRef) && core.types.isObjectExpression(propsArg)) {
+                const newProps = [];
+                for (const prop of propsArg.properties) {
+                  if (core.types.isObjectProperty(prop) && core.types.isIdentifier(prop.key) && prop.key.name === "key" && core.types.isExpression(prop.value)) {
+                    keyFnExpr = core.types.arrowFunctionExpression(
+                      [core.types.identifier(itemParamName)],
+                      prop.value
+                    );
+                  } else if (core.types.isObjectProperty(prop) || core.types.isSpreadElement(prop)) {
+                    newProps.push(prop);
+                  }
+                }
+                const newPropsObj = core.types.objectExpression(newProps);
+                const directCall = core.types.callExpression(componentRef, [newPropsObj]);
+                transformedMapFn = core.types.arrowFunctionExpression(mapFnParams, directCall);
+              }
+            }
+          } else if (core.types.isJSXElement(mapFnBody)) {
+            const opening = mapFnBody.openingElement;
+            const tagName = opening.name;
+            let componentRef = null;
+            if (core.types.isJSXIdentifier(tagName) && /^[A-Z]/.test(tagName.name)) {
+              componentRef = core.types.identifier(tagName.name);
+            } else if (core.types.isJSXMemberExpression(tagName)) {
+              const convertJSXName = (name) => {
+                if (core.types.isJSXIdentifier(name)) return core.types.identifier(name.name);
+                if (core.types.isJSXMemberExpression(name))
+                  return core.types.memberExpression(
+                    convertJSXName(name.object),
+                    convertJSXName(name.property)
+                  );
+                throw new Error("Unsupported JSX Member Expression");
+              };
+              componentRef = core.types.memberExpression(
+                convertJSXName(tagName.object),
+                convertJSXName(tagName.property)
+              );
+            }
+            if (componentRef) {
+              const newProps = [];
+              for (const attr of opening.attributes) {
+                if (core.types.isJSXAttribute(attr)) {
+                  const nameNode = attr.name;
+                  const name = core.types.isJSXIdentifier(nameNode) ? nameNode.name : nameNode.name.name;
+                  let valueExpr = core.types.booleanLiteral(true);
+                  if (attr.value) {
+                    if (core.types.isJSXExpressionContainer(attr.value)) {
+                      if (core.types.isExpression(attr.value.expression)) {
+                        valueExpr = attr.value.expression;
+                      } else {
+                        continue;
+                      }
+                    } else if (core.types.isStringLiteral(attr.value)) {
+                      valueExpr = attr.value;
+                    }
+                  }
+                  if (name === "key") {
+                    keyFnExpr = core.types.arrowFunctionExpression([core.types.identifier(itemParamName)], valueExpr);
+                  } else {
+                    newProps.push(core.types.objectProperty(core.types.identifier(name), valueExpr));
+                  }
+                } else if (core.types.isJSXSpreadAttribute(attr)) {
+                  newProps.push(core.types.spreadElement(attr.argument));
+                }
+              }
+              const newPropsObj = core.types.objectExpression(newProps);
+              const directCall = core.types.callExpression(componentRef, [newPropsObj]);
+              transformedMapFn = core.types.arrowFunctionExpression(mapFnParams, directCall);
+            }
+          }
+        }
+        const propsProperties = [
+          core.types.objectProperty(core.types.identifier("each"), core.types.arrowFunctionExpression([], listExpr)),
+          core.types.objectProperty(core.types.identifier("children"), transformedMapFn)
+        ];
+        if (keyFnExpr) {
+          propsProperties.push(core.types.objectProperty(core.types.identifier("keyFn"), keyFnExpr));
+        }
+        const propsObject = core.types.objectExpression(propsProperties);
+        const newExpr = core.types.callExpression(state.imports.createComponent, [
+          state.imports.For,
+          propsObject
+        ]);
+        dynamicContent.node = newExpr;
+        node = newExpr;
+      }
+    }
+    const processedNode = processIIFEExpression(node);
     const insertArgs = createInsertArguments(
       __spreadProps(__spreadValues({}, dynamicContent), { node: processedNode }),
       nodesId,
@@ -23389,7 +23489,7 @@ var handleExpression = (node, result) => {
   }
   const firstChild = node.children[0];
   result.templates.push("");
-  if (R(firstChild)) {
+  if (H(firstChild)) {
     const { state } = getContext();
     addImport(importMap.escapeHTML);
     result.dynamics.push({
@@ -23494,10 +23594,10 @@ function processAttributes(props) {
     if (prop.startsWith(EVENT_ATTR_NAME) || prop.startsWith(UPDATE_PREFIX)) {
       continue;
     }
-    if (R(value)) {
+    if (H(value)) {
       if (value === true) {
         staticAttrs += ` ${prop}`;
-      } else if (M(value)) {
+      } else if (N(value)) {
         staticAttrs += ` ${prop}="${value.toString()}"`;
       } else if (value !== false) {
         staticAttrs += ` ${prop}="${value}"`;