babel-plugin-essor 0.0.0 → 0.0.2

package/dist/index.js

@@ -14904,55 +14904,7 @@ init_esm_shims();
 
 // src/transform.ts
 init_esm_shims();
-import { types as t2 } from "@babel/core";
-
-// src/shared.ts
-init_esm_shims();
 import { types as t } from "@babel/core";
-var imports = /* @__PURE__ */ new Set();
-
-// src/transform.ts
-function transformProgram() {
-  return {
-    enter(path) {
-      path.state = {
-        h: path.scope.generateUidIdentifier("h$"),
-        signal: path.scope.generateUidIdentifier("signal$"),
-        computed: path.scope.generateUidIdentifier("computed$"),
-        template: path.scope.generateUidIdentifier("template$"),
-        toSignalObject: path.scope.generateUidIdentifier("toSignalObject&"),
-        tmplDeclaration: t2.variableDeclaration("const", [])
-      };
-      imports.clear();
-    },
-    exit(path) {
-      const state = path.state;
-      if (state.tmplDeclaration.declarations.length > 0) {
-        const index = path.node.body.findIndex(
-          (node) => !t2.isImportDeclaration(node) && !t2.isExportDeclaration(node)
-        );
-        path.node.body.splice(index, 0, state.tmplDeclaration);
-      }
-      if (imports.size > 0) {
-        path.node.body.unshift(createImport(state, "essor"));
-      }
-    }
-  };
-}
-function createImport(state, from) {
-  const ImportSpecifier = [];
-  imports.forEach((name) => {
-    const local = t2.identifier(state[name].name);
-    const imported = t2.identifier(name);
-    ImportSpecifier.push(t2.importSpecifier(local, imported));
-  });
-  const importSource = t2.stringLiteral(from);
-  return t2.importDeclaration(ImportSpecifier, importSource);
-}
-
-// src/jsx-transform.ts
-init_esm_shims();
-import { types as t3 } from "@babel/core";
 
 // src/constants.ts
 init_esm_shims();
@@ -14993,8 +14945,48 @@ var svgTags = [
   "text",
   "use"
 ];
+var imports = /* @__PURE__ */ new Set();
+
+// src/transform.ts
+var transformProgram = {
+  enter(path) {
+    path.state = {
+      h: path.scope.generateUidIdentifier("h$"),
+      signal: path.scope.generateUidIdentifier("signal$"),
+      computed: path.scope.generateUidIdentifier("computed$"),
+      template: path.scope.generateUidIdentifier("template$"),
+      toSignalObject: path.scope.generateUidIdentifier("toSignalObject&"),
+      tmplDeclaration: t.variableDeclaration("const", [])
+    };
+    imports.clear();
+  },
+  exit(path) {
+    const state = path.state;
+    if (state.tmplDeclaration.declarations.length > 0) {
+      const index = path.node.body.findIndex(
+        (node) => !t.isImportDeclaration(node) && !t.isExportDeclaration(node)
+      );
+      path.node.body.splice(index, 0, state.tmplDeclaration);
+    }
+    if (imports.size > 0) {
+      path.node.body.unshift(createImport(state, "essor"));
+    }
+  }
+};
+function createImport(state, from) {
+  const ImportSpecifier = [];
+  imports.forEach((name) => {
+    const local = t.identifier(state[name].name);
+    const imported = t.identifier(name);
+    ImportSpecifier.push(t.importSpecifier(local, imported));
+  });
+  const importSource = t.stringLiteral(from);
+  return t.importDeclaration(ImportSpecifier, importSource);
+}
 
 // src/jsx-transform.ts
+init_esm_shims();
+import { types as t2 } from "@babel/core";
 function transformJSX(path) {
   const result = {
     index: 1,
@@ -15011,11 +15003,11 @@ function createEssorNode(path, result) {
   const state = path.state;
   let tmpl;
   if (path.isJSXElement() && isComponent(getTagName(path.node))) {
-    tmpl = t3.identifier(getTagName(path.node));
+    tmpl = t2.identifier(getTagName(path.node));
   } else {
     tmpl = path.scope.generateUidIdentifier("_tmpl$");
-    const template = t3.callExpression(state.template, [t3.stringLiteral(result.template)]);
-    const declarator = t3.variableDeclarator(tmpl, template);
+    const template = t2.callExpression(state.template, [t2.stringLiteral(result.template)]);
+    const declarator = t2.variableDeclarator(tmpl, template);
     state.tmplDeclaration.declarations.push(declarator);
     imports.add("template");
   }
@@ -15025,7 +15017,7 @@ function createEssorNode(path, result) {
     args.push(key);
   }
   imports.add("h");
-  return t3.callExpression(state.h, args);
+  return t2.callExpression(state.h, args);
 }
 function createProps(props) {
   const result = [];
@@ -15035,33 +15027,33 @@ function createProps(props) {
       continue;
     }
     if (Array.isArray(value)) {
-      value = t3.arrayExpression(value);
+      value = t2.arrayExpression(value);
     }
-    if (typeof value === "object" && value !== null && !t3.isNode(value)) {
+    if (typeof value === "object" && value !== null && !t2.isNode(value)) {
       value = createProps(value);
     }
     if (typeof value === "string") {
-      value = t3.stringLiteral(value);
+      value = t2.stringLiteral(value);
     }
     if (typeof value === "number") {
-      value = t3.numericLiteral(value);
+      value = t2.numericLiteral(value);
     }
     if (typeof value === "boolean") {
-      value = t3.booleanLiteral(value);
+      value = t2.booleanLiteral(value);
     }
     if (value === void 0) {
-      value = t3.tsUndefinedKeyword();
+      value = t2.tsUndefinedKeyword();
     }
     if (value === null) {
-      value = t3.nullLiteral();
+      value = t2.nullLiteral();
     }
     if (prop === "_$spread$") {
-      result.push(t3.spreadElement(value));
+      result.push(t2.spreadElement(value));
     } else {
-      result.push(t3.objectProperty(t3.stringLiteral(prop), value));
+      result.push(t2.objectProperty(t2.stringLiteral(prop), value));
     }
   }
-  return t3.objectExpression(result);
+  return t2.objectExpression(result);
 }
 function getAttrProps(path) {
   const props = {};
@@ -15087,15 +15079,15 @@ function getAttrProps(path) {
             if (/^key|ref|on.+$/.test(name)) {
               props[name] = expression.node;
             } else if (/^bind:.+/.test(name)) {
-              props[name] = t3.arrowFunctionExpression([], expression.node);
+              props[name] = t2.arrowFunctionExpression([], expression.node);
               const value2 = path.scope.generateUidIdentifier("value");
-              props[`update:${name.slice(5).toLocaleLowerCase()}`] = t3.arrowFunctionExpression(
+              props[`update:${name.slice(5).toLocaleLowerCase()}`] = t2.arrowFunctionExpression(
                 [value2],
-                t3.assignmentExpression("=", expression.node, value2)
+                t2.assignmentExpression("=", expression.node, value2)
               );
             } else {
               if (expression.isConditionalExpression()) {
-                props[name] = t3.arrowFunctionExpression([], expression.node);
+                props[name] = t2.arrowFunctionExpression([], expression.node);
               } else {
                 props[name] = expression.node;
               }
@@ -15126,7 +15118,7 @@ function transformElement(path, result, isRoot) {
         result.props = props;
         const children = getChildren(path);
         if (children.length > 0) {
-          const childrenGetter = children.length === 1 ? children[0] : t3.arrayExpression(children);
+          const childrenGetter = children.length === 1 ? children[0] : t2.arrayExpression(children);
           result.props.children = childrenGetter;
         }
       } else {
@@ -15157,7 +15149,7 @@ function getChildren(path) {
     } else if (child.isJSXExpressionContainer()) {
       child.replaceWith(child.get("expression"));
     } else if (child.isJSXText()) {
-      child.replaceWith(t3.stringLiteral(child.node.value));
+      child.replaceWith(t2.stringLiteral(child.node.value));
     } else {
       throw new Error("Unsupported JSX child");
     }
@@ -15268,17 +15260,17 @@ function replaceChild(node, result) {
   (_c = (_a = result.props)[_b = result.parentIndex]) != null ? _c : _a[_b] = {};
   (_e = (_d = result.props[result.parentIndex]).children) != null ? _e : _d.children = [];
   result.props[result.parentIndex].children.push(
-    t3.arrayExpression([
-      t3.arrowFunctionExpression([], node),
-      result.isLastChild ? t3.nullLiteral() : t3.identifier(String(result.index))
+    t2.arrayExpression([
+      t2.arrowFunctionExpression([], node),
+      result.isLastChild ? t2.nullLiteral() : t2.identifier(String(result.index))
     ])
   );
 }
 function getAttrName(attribute) {
-  if (t3.isJSXIdentifier(attribute.name)) {
+  if (t2.isJSXIdentifier(attribute.name)) {
     return attribute.name.name;
   }
-  if (t3.isJSXNamespacedName(attribute.name)) {
+  if (t2.isJSXNamespacedName(attribute.name)) {
     return `${attribute.name.namespace.name}:${attribute.name.name.name}`;
   }
   throw new Error("Unsupported attribute type");
@@ -15302,7 +15294,7 @@ function setNodeText(path, text) {
   if (path.isJSXExpressionContainer()) {
     const expression = path.get("expression");
     if (expression.isStringLiteral() || expression.isNumericLiteral()) {
-      expression.replaceWith(t3.stringLiteral(text));
+      expression.replaceWith(t2.stringLiteral(text));
     }
   }
 }
@@ -15333,180 +15325,42 @@ function isValidChild(path) {
   return Object.keys(path.node).length > 0;
 }
 function jsxElementNameToString(node) {
-  if (t3.isJSXMemberExpression(node)) {
+  if (t2.isJSXMemberExpression(node)) {
     return `${jsxElementNameToString(node.object)}.${node.property.name}`;
   }
-  if (t3.isJSXIdentifier(node) || t3.isIdentifier(node)) {
+  if (t2.isJSXIdentifier(node) || t2.isIdentifier(node)) {
     return node.name;
   }
   return `${node.namespace.name}:${node.name.name}`;
 }
 
-// src/signal/props.ts
-init_esm_shims();
-import { types as t4 } from "@babel/core";
-function replaceProps(path) {
-  const firstParam = path.node.params[0];
-  if (!t4.isReturnStatement(path.node.body)) {
-    return;
-  }
-  if (!firstParam) {
-    return;
-  }
-  if (!t4.isObjectPattern(firstParam)) {
-    return;
-  }
-  const returnStatement = path.get("body").get("body").find((statement) => statement.isReturnStatement());
-  if (!returnStatement) {
-    return;
-  }
-  const returnValue = returnStatement.node.argument;
-  if (!t4.isJSXElement(returnValue)) {
-    return;
-  }
-  const properties = firstParam.properties;
-  const propsDeclaration = t4.variableDeclaration("const", [
-    t4.variableDeclarator(
-      t4.objectPattern(properties),
-      t4.callExpression(t4.identifier("$"), [t4.identifier("props")])
-    )
-  ]);
-  path.node.params[0] = t4.identifier("props");
-  path.node.body.body.unshift(propsDeclaration);
-}
-
-// src/signal/symbol.ts
+// src/symbol-replace.ts
 init_esm_shims();
 var import_types = __toESM(require_lib3(), 1);
-import { types as t6 } from "@babel/core";
-
-// src/signal/pattern.ts
-init_esm_shims();
-import { types as t5 } from "@babel/core";
-function replaceObjectPattern(path, properties) {
-  properties.forEach((prop) => {
-    var _a, _b, _c;
-    if (prop.type === "RestElement") {
-      const variableName2 = prop.argument.name;
-      path.scope.traverse(path.scope.block, {
-        MemberExpression(memberPath) {
-          if (memberPath.node.object.name === variableName2) {
-            memberPath.node.object = t5.identifier(`${variableName2}.value`);
-          }
-        }
-      });
-      return;
-    }
-    if (((_a = prop.value) == null ? void 0 : _a.type) === "ObjectPattern") {
-      replaceObjectPattern(path, prop.value.properties);
-    }
-    const variableName = ((_b = prop == null ? void 0 : prop.value) == null ? void 0 : _b.name) || ((_c = prop == null ? void 0 : prop.argument) == null ? void 0 : _c.name);
-    if (!variableName) {
-      return;
-    }
-    path.scope.rename(variableName, `${variableName}.value`);
-    if (prop.value) {
-      prop.value = t5.identifier(`${variableName}`);
-    }
-    if (prop.argument) {
-      prop.argument = t5.identifier(`${variableName}`);
-    }
-  });
-}
-function replaceArrayPattern(path, elements) {
-  elements.forEach((prop, index) => {
-    var _a;
-    if (prop.type === "RestElement") {
-      const variableName2 = prop.argument.name;
-      path.scope.traverse(path.scope.block, {
-        MemberExpression(memberPath) {
-          if (memberPath.node.object.name === variableName2) {
-            memberPath.node.object = t5.identifier(`${variableName2}.value`);
-          }
-        }
-      });
-      return;
-    }
-    if (t5.isObjectPattern(prop)) {
-      replaceObjectPattern(path, prop.properties);
-    }
-    if (t5.isArrayPattern(prop)) {
-      replaceArrayPattern(path, prop.elements);
-    }
-    const variableName = prop.name || ((_a = prop == null ? void 0 : prop.argument) == null ? void 0 : _a.name);
-    if (!variableName) {
-      return;
-    }
-    path.scope.rename(variableName, `${variableName}.value`);
-    if (t5.isIdentifier(prop)) {
-      elements[index] = t5.memberExpression(t5.identifier(variableName), t5.identifier("value"));
-    }
-  });
-}
-function replacePatternToReactive(path) {
-  if (!t5.isObjectPattern(path.node.id) && !t5.isArrayPattern(path.node.id)) {
-    return;
-  }
-  const init = path.get("init");
-  const argument = init.get("arguments")[0];
-  let callee = init.get("callee");
-  if (Array.isArray(callee)) {
-    callee = callee[0];
-  }
-  if (!init.isCallExpression()) {
-    return;
-  }
-  if ((argument == null ? void 0 : argument.node) && callee.isIdentifier({ name: "$" })) {
-    init.replaceWith(
-      t5.callExpression(
-        t5.identifier(path.state.toSignalObject.name),
-        [argument == null ? void 0 : argument.node].filter(Boolean)
-      )
-    );
-    if (t5.isArrayPattern(path.node.id)) {
-      replaceArrayPattern(path, path.node.id.elements);
-    } else if (t5.isObjectPattern(path.node.id)) {
-      replaceObjectPattern(path, path.node.id.properties);
-    }
-  } else if (t5.isCallExpression(callee.node) && callee.node.name && callee.node.name.indexOf("$") === 0) {
-    init.replaceWith(
-      t5.callExpression(t5.identifier(path.state.toSignalObject.name), [
-        t5.callExpression(callee.node, [argument == null ? void 0 : argument.node].filter(Boolean))
-      ])
-    );
-    if (t5.isArrayPattern(path.node.id)) {
-      replaceArrayPattern(path, path.node.id.elements);
-    } else if (t5.isObjectPattern(path.node.id)) {
-      replaceObjectPattern(path, path.node.id.properties);
-    }
-  }
-}
-
-// src/signal/symbol.ts
+import { types as t3 } from "@babel/core";
 function replaceSymbol(path) {
   const init = path.node.init;
   const variableName = path.node.id.name;
-  if (t6.isObjectPattern(path.node.id) || t6.isArrayPattern(path.node.id)) {
-    replacePatternToReactive(path);
+  if (t3.isObjectPattern(path.node.id) || t3.isArrayPattern(path.node.id)) {
     return;
   }
   if (!variableName.startsWith("$")) {
     return;
   }
-  if (init && (t6.isFunctionExpression(init) || t6.isArrowFunctionExpression(init)) && path.parent.kind === "const") {
-    const newInit = t6.callExpression(t6.identifier(path.state.computed.name), init ? [init] : []);
+  if (init && (t3.isFunctionExpression(init) || t3.isArrowFunctionExpression(init)) && path.parent.kind === "const") {
+    const newInit = t3.callExpression(t3.identifier(path.state.computed.name), init ? [init] : []);
     imports.add("computed");
     path.node.init = newInit;
   } else {
     const originalImportDeclarationNodes = (0, import_types.cloneNode)(path.get("id").node, true);
-    const newInit = t6.callExpression(t6.identifier(path.state.signal.name), init ? [init] : []);
+    const newInit = t3.callExpression(t3.identifier(path.state.signal.name), init ? [init] : []);
     imports.add("signal");
     path.node.init = newInit;
     path.scope.rename(variableName, `${variableName}.value`);
     path.get("id").replaceWith(originalImportDeclarationNodes);
     path.scope.traverse(path.scope.block, {
       Identifier(innerPath) {
-        if (t6.isExportSpecifier(innerPath.parent)) {
+        if (t3.isExportSpecifier(innerPath.parent)) {
           const { name } = innerPath.node;
           if (name.endsWith(".value")) {
             innerPath.node.name = name.slice(0, -6);
@@ -15517,9 +15371,9 @@ function replaceSymbol(path) {
   }
 }
 
-// src/signal/import.ts
+// src/import-replace.ts
 init_esm_shims();
-function replaceImportDeclaration(path) {
+function replaceImport(path) {
   const imports2 = path.node.specifiers;
   imports2.forEach((specifier) => {
     const variableName = specifier.local.name;
@@ -15541,12 +15395,11 @@ function src_default() {
       parserOpts.plugins.push("jsx");
     },
     visitor: {
-      Program: transformProgram(),
+      Program: transformProgram,
       JSXElement: transformJSX,
       JSXFragment: transformJSX,
-      FunctionDeclaration: replaceProps,
       VariableDeclarator: replaceSymbol,
-      ImportDeclaration: replaceImportDeclaration
+      ImportDeclaration: replaceImport
     }
   };
 }