babel-plugin-essor 0.0.0 → 0.0.1-beta.1

package/dist/index.cjs

@@ -14915,55 +14915,7 @@ init_cjs_shims();
 
 // src/transform.ts
 init_cjs_shims();
-var import_core2 = require("@babel/core");
-
-// src/shared.ts
-init_cjs_shims();
 var import_core = require("@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: import_core2.types.variableDeclaration("const", [])
-      };
-      imports.clear();
-    },
-    exit(path) {
-      const state = path.state;
-      if (state.tmplDeclaration.declarations.length > 0) {
-        const index = path.node.body.findIndex(
-          (node) => !import_core2.types.isImportDeclaration(node) && !import_core2.types.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 = import_core2.types.identifier(state[name].name);
-    const imported = import_core2.types.identifier(name);
-    ImportSpecifier.push(import_core2.types.importSpecifier(local, imported));
-  });
-  const importSource = import_core2.types.stringLiteral(from);
-  return import_core2.types.importDeclaration(ImportSpecifier, importSource);
-}
-
-// src/jsx-transform.ts
-init_cjs_shims();
-var import_core3 = require("@babel/core");
 
 // src/constants.ts
 init_cjs_shims();
@@ -15004,8 +14956,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: import_core.types.variableDeclaration("const", [])
+    };
+    imports.clear();
+  },
+  exit(path) {
+    const state = path.state;
+    if (state.tmplDeclaration.declarations.length > 0) {
+      const index = path.node.body.findIndex(
+        (node) => !import_core.types.isImportDeclaration(node) && !import_core.types.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 = import_core.types.identifier(state[name].name);
+    const imported = import_core.types.identifier(name);
+    ImportSpecifier.push(import_core.types.importSpecifier(local, imported));
+  });
+  const importSource = import_core.types.stringLiteral(from);
+  return import_core.types.importDeclaration(ImportSpecifier, importSource);
+}
 
 // src/jsx-transform.ts
+init_cjs_shims();
+var import_core2 = require("@babel/core");
 function transformJSX(path) {
   const result = {
     index: 1,
@@ -15022,11 +15014,11 @@ function createEssorNode(path, result) {
   const state = path.state;
   let tmpl;
   if (path.isJSXElement() && isComponent(getTagName(path.node))) {
-    tmpl = import_core3.types.identifier(getTagName(path.node));
+    tmpl = import_core2.types.identifier(getTagName(path.node));
   } else {
     tmpl = path.scope.generateUidIdentifier("_tmpl$");
-    const template = import_core3.types.callExpression(state.template, [import_core3.types.stringLiteral(result.template)]);
-    const declarator = import_core3.types.variableDeclarator(tmpl, template);
+    const template = import_core2.types.callExpression(state.template, [import_core2.types.stringLiteral(result.template)]);
+    const declarator = import_core2.types.variableDeclarator(tmpl, template);
     state.tmplDeclaration.declarations.push(declarator);
     imports.add("template");
   }
@@ -15036,7 +15028,7 @@ function createEssorNode(path, result) {
     args.push(key);
   }
   imports.add("h");
-  return import_core3.types.callExpression(state.h, args);
+  return import_core2.types.callExpression(state.h, args);
 }
 function createProps(props) {
   const result = [];
@@ -15046,33 +15038,33 @@ function createProps(props) {
       continue;
     }
     if (Array.isArray(value)) {
-      value = import_core3.types.arrayExpression(value);
+      value = import_core2.types.arrayExpression(value);
     }
-    if (typeof value === "object" && value !== null && !import_core3.types.isNode(value)) {
+    if (typeof value === "object" && value !== null && !import_core2.types.isNode(value)) {
       value = createProps(value);
     }
     if (typeof value === "string") {
-      value = import_core3.types.stringLiteral(value);
+      value = import_core2.types.stringLiteral(value);
     }
     if (typeof value === "number") {
-      value = import_core3.types.numericLiteral(value);
+      value = import_core2.types.numericLiteral(value);
     }
     if (typeof value === "boolean") {
-      value = import_core3.types.booleanLiteral(value);
+      value = import_core2.types.booleanLiteral(value);
     }
     if (value === void 0) {
-      value = import_core3.types.tsUndefinedKeyword();
+      value = import_core2.types.tsUndefinedKeyword();
     }
     if (value === null) {
-      value = import_core3.types.nullLiteral();
+      value = import_core2.types.nullLiteral();
     }
     if (prop === "_$spread$") {
-      result.push(import_core3.types.spreadElement(value));
+      result.push(import_core2.types.spreadElement(value));
     } else {
-      result.push(import_core3.types.objectProperty(import_core3.types.stringLiteral(prop), value));
+      result.push(import_core2.types.objectProperty(import_core2.types.stringLiteral(prop), value));
     }
   }
-  return import_core3.types.objectExpression(result);
+  return import_core2.types.objectExpression(result);
 }
 function getAttrProps(path) {
   const props = {};
@@ -15098,15 +15090,15 @@ function getAttrProps(path) {
             if (/^key|ref|on.+$/.test(name)) {
               props[name] = expression.node;
             } else if (/^bind:.+/.test(name)) {
-              props[name] = import_core3.types.arrowFunctionExpression([], expression.node);
+              props[name] = import_core2.types.arrowFunctionExpression([], expression.node);
               const value2 = path.scope.generateUidIdentifier("value");
-              props[`update:${name.slice(5).toLocaleLowerCase()}`] = import_core3.types.arrowFunctionExpression(
+              props[`update:${name.slice(5).toLocaleLowerCase()}`] = import_core2.types.arrowFunctionExpression(
                 [value2],
-                import_core3.types.assignmentExpression("=", expression.node, value2)
+                import_core2.types.assignmentExpression("=", expression.node, value2)
               );
             } else {
               if (expression.isConditionalExpression()) {
-                props[name] = import_core3.types.arrowFunctionExpression([], expression.node);
+                props[name] = import_core2.types.arrowFunctionExpression([], expression.node);
               } else {
                 props[name] = expression.node;
               }
@@ -15137,7 +15129,7 @@ function transformElement(path, result, isRoot) {
         result.props = props;
         const children = getChildren(path);
         if (children.length > 0) {
-          const childrenGetter = children.length === 1 ? children[0] : import_core3.types.arrayExpression(children);
+          const childrenGetter = children.length === 1 ? children[0] : import_core2.types.arrayExpression(children);
           result.props.children = childrenGetter;
         }
       } else {
@@ -15168,7 +15160,7 @@ function getChildren(path) {
     } else if (child.isJSXExpressionContainer()) {
       child.replaceWith(child.get("expression"));
     } else if (child.isJSXText()) {
-      child.replaceWith(import_core3.types.stringLiteral(child.node.value));
+      child.replaceWith(import_core2.types.stringLiteral(child.node.value));
     } else {
       throw new Error("Unsupported JSX child");
     }
@@ -15279,17 +15271,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(
-    import_core3.types.arrayExpression([
-      import_core3.types.arrowFunctionExpression([], node),
-      result.isLastChild ? import_core3.types.nullLiteral() : import_core3.types.identifier(String(result.index))
+    import_core2.types.arrayExpression([
+      import_core2.types.arrowFunctionExpression([], node),
+      result.isLastChild ? import_core2.types.nullLiteral() : import_core2.types.identifier(String(result.index))
     ])
   );
 }
 function getAttrName(attribute) {
-  if (import_core3.types.isJSXIdentifier(attribute.name)) {
+  if (import_core2.types.isJSXIdentifier(attribute.name)) {
     return attribute.name.name;
   }
-  if (import_core3.types.isJSXNamespacedName(attribute.name)) {
+  if (import_core2.types.isJSXNamespacedName(attribute.name)) {
     return `${attribute.name.namespace.name}:${attribute.name.name.name}`;
   }
   throw new Error("Unsupported attribute type");
@@ -15313,7 +15305,7 @@ function setNodeText(path, text) {
   if (path.isJSXExpressionContainer()) {
     const expression = path.get("expression");
     if (expression.isStringLiteral() || expression.isNumericLiteral()) {
-      expression.replaceWith(import_core3.types.stringLiteral(text));
+      expression.replaceWith(import_core2.types.stringLiteral(text));
     }
   }
 }
@@ -15344,180 +15336,42 @@ function isValidChild(path) {
   return Object.keys(path.node).length > 0;
 }
 function jsxElementNameToString(node) {
-  if (import_core3.types.isJSXMemberExpression(node)) {
+  if (import_core2.types.isJSXMemberExpression(node)) {
     return `${jsxElementNameToString(node.object)}.${node.property.name}`;
   }
-  if (import_core3.types.isJSXIdentifier(node) || import_core3.types.isIdentifier(node)) {
+  if (import_core2.types.isJSXIdentifier(node) || import_core2.types.isIdentifier(node)) {
     return node.name;
   }
   return `${node.namespace.name}:${node.name.name}`;
 }
 
-// src/signal/props.ts
-init_cjs_shims();
-var import_core4 = require("@babel/core");
-function replaceProps(path) {
-  const firstParam = path.node.params[0];
-  if (!import_core4.types.isReturnStatement(path.node.body)) {
-    return;
-  }
-  if (!firstParam) {
-    return;
-  }
-  if (!import_core4.types.isObjectPattern(firstParam)) {
-    return;
-  }
-  const returnStatement = path.get("body").get("body").find((statement) => statement.isReturnStatement());
-  if (!returnStatement) {
-    return;
-  }
-  const returnValue = returnStatement.node.argument;
-  if (!import_core4.types.isJSXElement(returnValue)) {
-    return;
-  }
-  const properties = firstParam.properties;
-  const propsDeclaration = import_core4.types.variableDeclaration("const", [
-    import_core4.types.variableDeclarator(
-      import_core4.types.objectPattern(properties),
-      import_core4.types.callExpression(import_core4.types.identifier("$"), [import_core4.types.identifier("props")])
-    )
-  ]);
-  path.node.params[0] = import_core4.types.identifier("props");
-  path.node.body.body.unshift(propsDeclaration);
-}
-
-// src/signal/symbol.ts
+// src/symbol-replace.ts
 init_cjs_shims();
-var import_core6 = require("@babel/core");
+var import_core3 = require("@babel/core");
 var import_types = __toESM(require_lib3(), 1);
-
-// src/signal/pattern.ts
-init_cjs_shims();
-var import_core5 = require("@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 = import_core5.types.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 = import_core5.types.identifier(`${variableName}`);
-    }
-    if (prop.argument) {
-      prop.argument = import_core5.types.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 = import_core5.types.identifier(`${variableName2}.value`);
-          }
-        }
-      });
-      return;
-    }
-    if (import_core5.types.isObjectPattern(prop)) {
-      replaceObjectPattern(path, prop.properties);
-    }
-    if (import_core5.types.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 (import_core5.types.isIdentifier(prop)) {
-      elements[index] = import_core5.types.memberExpression(import_core5.types.identifier(variableName), import_core5.types.identifier("value"));
-    }
-  });
-}
-function replacePatternToReactive(path) {
-  if (!import_core5.types.isObjectPattern(path.node.id) && !import_core5.types.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(
-      import_core5.types.callExpression(
-        import_core5.types.identifier(path.state.toSignalObject.name),
-        [argument == null ? void 0 : argument.node].filter(Boolean)
-      )
-    );
-    if (import_core5.types.isArrayPattern(path.node.id)) {
-      replaceArrayPattern(path, path.node.id.elements);
-    } else if (import_core5.types.isObjectPattern(path.node.id)) {
-      replaceObjectPattern(path, path.node.id.properties);
-    }
-  } else if (import_core5.types.isCallExpression(callee.node) && callee.node.name && callee.node.name.indexOf("$") === 0) {
-    init.replaceWith(
-      import_core5.types.callExpression(import_core5.types.identifier(path.state.toSignalObject.name), [
-        import_core5.types.callExpression(callee.node, [argument == null ? void 0 : argument.node].filter(Boolean))
-      ])
-    );
-    if (import_core5.types.isArrayPattern(path.node.id)) {
-      replaceArrayPattern(path, path.node.id.elements);
-    } else if (import_core5.types.isObjectPattern(path.node.id)) {
-      replaceObjectPattern(path, path.node.id.properties);
-    }
-  }
-}
-
-// src/signal/symbol.ts
 function replaceSymbol(path) {
   const init = path.node.init;
   const variableName = path.node.id.name;
-  if (import_core6.types.isObjectPattern(path.node.id) || import_core6.types.isArrayPattern(path.node.id)) {
-    replacePatternToReactive(path);
+  if (import_core3.types.isObjectPattern(path.node.id) || import_core3.types.isArrayPattern(path.node.id)) {
     return;
   }
   if (!variableName.startsWith("$")) {
     return;
   }
-  if (init && (import_core6.types.isFunctionExpression(init) || import_core6.types.isArrowFunctionExpression(init)) && path.parent.kind === "const") {
-    const newInit = import_core6.types.callExpression(import_core6.types.identifier(path.state.computed.name), init ? [init] : []);
+  if (init && (import_core3.types.isFunctionExpression(init) || import_core3.types.isArrowFunctionExpression(init)) && path.parent.kind === "const") {
+    const newInit = import_core3.types.callExpression(import_core3.types.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 = import_core6.types.callExpression(import_core6.types.identifier(path.state.signal.name), init ? [init] : []);
+    const newInit = import_core3.types.callExpression(import_core3.types.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 (import_core6.types.isExportSpecifier(innerPath.parent)) {
+        if (import_core3.types.isExportSpecifier(innerPath.parent)) {
           const { name } = innerPath.node;
           if (name.endsWith(".value")) {
             innerPath.node.name = name.slice(0, -6);
@@ -15528,9 +15382,9 @@ function replaceSymbol(path) {
   }
 }
 
-// src/signal/import.ts
+// src/import-replace.ts
 init_cjs_shims();
-function replaceImportDeclaration(path) {
+function replaceImport(path) {
   const imports2 = path.node.specifiers;
   imports2.forEach((specifier) => {
     const variableName = specifier.local.name;
@@ -15552,12 +15406,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
     }
   };
 }