babel-plugin-essor 0.0.17-beta.5 → 0.0.17-beta.7

package/dist/index.cjs

@@ -101,7 +101,8 @@ var IMPORTS_MAPS = [
   "nthChild"
 ];
 var SERVER_IMPORT_REMAPS = {
-  createComponent: "createSSRComponent",
+  createComponent: "ssrComponent",
+  render: "ssr",
   patchAttr: "ssrAttrDynamic"
 };
 var HYDRATE_IMPORT_REMAPS = {
@@ -609,6 +610,8 @@ function checkHasJSXReturn(path) {
 var HMR_COMPONENT_NAME = "__$createHMRComponent$__";
 var WHITESPACE_REGEX = /\s+/g;
 var PATH_SEPARATOR_REGEX = /[/\\]/;
+var ESSOR_IMPORT = "essor";
+var HMR_IMPORTS = /* @__PURE__ */ new Set(["createApp", "hydrate", "createComponent"]);
 function getFileBasename(ctx) {
   const filename = ctx.options.filename;
   const segments = filename.split(PATH_SEPARATOR_REGEX);
@@ -675,6 +678,65 @@ function collectFromStatement(statementPath, ctx) {
     }
   }
 }
+function isComponentDeclarationExport(statementPath) {
+  const declarationPath = unwrapTopLevelDeclaration(statementPath);
+  if (!declarationPath) {
+    return false;
+  }
+  if (declarationPath.isFunctionDeclaration()) {
+    return checkHasJSXReturn(declarationPath);
+  }
+  if (!declarationPath.isVariableDeclaration()) {
+    return false;
+  }
+  const declarations = declarationPath.get("declarations");
+  if (declarations.length === 0) {
+    return false;
+  }
+  return declarations.every((variablePath) => {
+    const initPath = variablePath.get("init");
+    return isFunctionLikeExpressionPath(initPath) && checkHasJSXReturn(initPath);
+  });
+}
+function hasOnlyComponentSpecifiers(statementPath, componentNames) {
+  const { node } = statementPath;
+  if (node.declaration || node.source || node.specifiers.length === 0) {
+    return false;
+  }
+  return node.specifiers.every((specifier) => {
+    return core.types.isExportSpecifier(specifier) && core.types.isIdentifier(specifier.local) && componentNames.has(specifier.local.name);
+  });
+}
+function hasNonComponentExport(programPath, componentNames) {
+  for (const statementPath of programPath.get("body")) {
+    if (!statementPath.isExportNamedDeclaration() && !statementPath.isExportDefaultDeclaration()) {
+      continue;
+    }
+    if (isTypeOnlyExport(statementPath)) {
+      continue;
+    }
+    if (statementPath.isExportNamedDeclaration() && hasOnlyComponentSpecifiers(statementPath, componentNames)) {
+      continue;
+    }
+    if (!isComponentDeclarationExport(statementPath)) {
+      return true;
+    }
+  }
+  return false;
+}
+function isTypeOnlyExport(statementPath) {
+  if (!statementPath.isExportNamedDeclaration()) {
+    return false;
+  }
+  const { declaration, exportKind, specifiers } = statementPath.node;
+  if (exportKind === "type") {
+    return true;
+  }
+  if (core.types.isTSTypeAliasDeclaration(declaration) || core.types.isTSInterfaceDeclaration(declaration)) {
+    return true;
+  }
+  return specifiers.length > 0 && specifiers.every((specifier) => "exportKind" in specifier && specifier.exportKind === "type");
+}
 function getMetadataTargets(statementPath, ctx) {
   const declarationPath = unwrapTopLevelDeclaration(statementPath);
   if (!declarationPath) {
@@ -747,22 +809,101 @@ function isCreateHMRComponentCall(value) {
 function canWrapArgument(value) {
   return !!value && !core.types.isSpreadElement(value) && !core.types.isArgumentPlaceholder(value);
 }
-function wrapComponentCreationCalls(programPath, ctx) {
+function getEssorHmrBindings(programPath) {
+  const bindings = {
+    createComponent: /* @__PURE__ */ new Map(),
+    mount: /* @__PURE__ */ new Map()
+  };
+  for (const statementPath of programPath.get("body")) {
+    if (!statementPath.isImportDeclaration() || statementPath.node.source.value !== ESSOR_IMPORT) {
+      continue;
+    }
+    for (const specifier of statementPath.node.specifiers) {
+      if (!core.types.isImportSpecifier(specifier)) {
+        continue;
+      }
+      const imported = specifier.imported;
+      const name = core.types.isIdentifier(imported) ? imported.name : imported.value;
+      if (!HMR_IMPORTS.has(name)) {
+        continue;
+      }
+      if (name === "createComponent") {
+        const binding = statementPath.scope.getBinding(specifier.local.name);
+        if (binding) {
+          bindings.createComponent.set(specifier.local.name, binding);
+        }
+      } else {
+        const binding = statementPath.scope.getBinding(specifier.local.name);
+        if (binding) {
+          bindings.mount.set(specifier.local.name, binding);
+        }
+      }
+    }
+  }
+  return bindings;
+}
+function hasImportBinding(path, name, bindings) {
+  return bindings.has(name) && path.scope.getBinding(name) === bindings.get(name);
+}
+function isMountCallee(callPath, bindings) {
+  const { callee } = callPath.node;
+  return core.types.isIdentifier(callee) && hasImportBinding(callPath, callee.name, bindings.mount);
+}
+function createImportMetaHot() {
+  return core.types.memberExpression(
+    core.types.metaProperty(core.types.identifier("import"), core.types.identifier("meta")),
+    core.types.identifier("hot")
+  );
+}
+function createDisposeStatement(appId) {
+  const dispose = core.types.optionalMemberExpression(
+    createImportMetaHot(),
+    core.types.identifier("dispose"),
+    false,
+    true
+  );
+  const unmount = core.types.optionalCallExpression(
+    core.types.optionalMemberExpression(appId, core.types.identifier("unmount"), false, true),
+    [],
+    true
+  );
+  return core.types.expressionStatement(
+    core.types.optionalCallExpression(dispose, [core.types.arrowFunctionExpression([], unmount)], false)
+  );
+}
+function wrapTopLevelMountDisposals(programPath, bindings) {
+  const nextBody = [];
+  for (const statementPath of programPath.get("body")) {
+    const statement = statementPath.node;
+    const expressionPath = statementPath.isExpressionStatement() ? statementPath.get("expression") : null;
+    if ((expressionPath == null ? void 0 : expressionPath.isCallExpression()) && isMountCallee(expressionPath, bindings)) {
+      const appId = programPath.scope.generateUidIdentifier("app");
+      nextBody.push(
+        core.types.variableDeclaration("const", [core.types.variableDeclarator(appId, expressionPath.node)])
+      );
+      nextBody.push(createDisposeStatement(appId));
+      continue;
+    }
+    nextBody.push(statement);
+  }
+  programPath.node.body = nextBody;
+}
+function wrapComponentCreationCalls(programPath, ctx, bindings) {
   programPath.traverse({
     /**
-     * Rewrites `createComponent` and `createApp` calls for HMR tracking.
+     * Rewrites `createComponent`, `createApp`, and `hydrate` calls for HMR tracking.
      */
     CallExpression(callPath) {
       const { callee } = callPath.node;
       if (!core.types.isIdentifier(callee)) return;
-      if (callee.name === ctx.importIdentifiers.createComponent.name) {
+      if (callee.name === ctx.importIdentifiers.createComponent.name || hasImportBinding(callPath, callee.name, bindings.createComponent)) {
         const firstArg = callPath.node.arguments[0];
         if (canWrapArgument(firstArg)) {
           callPath.node.callee = core.types.identifier(HMR_COMPONENT_NAME);
         }
         return;
       }
-      if (callee.name === "createApp") {
+      if (isMountCallee(callPath, bindings)) {
         const args = callPath.node.arguments;
         if (args.length === 0) return;
         if (isCreateHMRComponentCall(args[0])) {
@@ -782,6 +923,10 @@ function collectTopLevelHmrComponents(programPath, ctx) {
   for (const statementPath of programPath.get("body")) {
     collectFromStatement(statementPath, ctx);
   }
+  if (hasNonComponentExport(programPath, ctx.hmrComponents)) {
+    ctx.hmrComponents.clear();
+    ctx.hmrSignatures.clear();
+  }
 }
 function applyHmr(programPath, ctx) {
   if (!ctx.options.hmr || !ctx.options.bundler) {
@@ -790,10 +935,12 @@ function applyHmr(programPath, ctx) {
   if (ctx.hmrComponents.size > 0) {
     injectComponentMetadata(programPath, ctx);
   }
-  wrapComponentCreationCalls(programPath, ctx);
+  const bindings = getEssorHmrBindings(programPath);
+  wrapComponentCreationCalls(programPath, ctx, bindings);
   if (ctx.hmrComponents.size === 0) {
     return;
   }
+  wrapTopLevelMountDisposals(programPath, bindings);
   programPath.node.body.push(
     core.types.variableDeclaration("const", [
       core.types.variableDeclarator(
@@ -927,7 +1074,7 @@ function bindObjectPattern(pattern, base) {
 }
 function resolveObjectProp(prop) {
   const target = prop.value;
-  const shorthandId = core.types.isAssignmentPattern(target) ? target.left : target;
+  const shorthandId = unwrapBindingTarget(core.types.isAssignmentPattern(target) ? target.left : target);
   if (prop.shorthand && core.types.isIdentifier(shorthandId) && isSignal(shorthandId.name)) {
     return { keyExpr: core.types.identifier(stripSignalPrefix(shorthandId.name)), computed: false, target };
   }
@@ -947,7 +1094,9 @@ function bindArrayPattern(pattern, base) {
       out.push(...bindTarget(el.argument, slice));
       return;
     }
-    out.push(...bindTarget(el, core.types.memberExpression(clone(base), core.types.numericLiteral(i2), true)));
+    out.push(
+      ...bindTarget(el, core.types.memberExpression(clone(base), core.types.numericLiteral(i2), true))
+    );
   });
   return out;
 }
@@ -955,14 +1104,28 @@ function bindTarget(target, access) {
   if (core.types.isAssignmentPattern(target)) {
     return bindTarget(target.left, applyDefault(access, target.right));
   }
+  if (isTSWrappedBindingTarget(target)) {
+    return bindTarget(unwrapBindingTarget(target), access);
+  }
   if (core.types.isIdentifier(target)) {
     const value = isSignal(target.name) ? makeComputed(access) : access;
     return [core.types.variableDeclarator(core.types.identifier(target.name), value)];
   }
   if (core.types.isObjectPattern(target)) return bindObjectPattern(target, access);
   if (core.types.isArrayPattern(target)) return bindArrayPattern(target, access);
+  if (core.types.isMemberExpression(target)) return [];
   return [core.types.variableDeclarator(target, access)];
 }
+function isTSWrappedBindingTarget(target) {
+  return core.types.isTSAsExpression(target) || core.types.isTSSatisfiesExpression(target) || core.types.isTSTypeAssertion(target) || core.types.isTSNonNullExpression(target);
+}
+function unwrapBindingTarget(target) {
+  let current = target;
+  while (isTSWrappedBindingTarget(current)) {
+    current = current.expression;
+  }
+  return current;
+}
 function applyDefault(access, def) {
   return core.types.conditionalExpression(
     core.types.binaryExpression("===", clone(access), core.types.identifier("undefined")),
@@ -1761,7 +1924,7 @@ function renderChildExpressions(children, render, options = {}) {
 }
 function buildComponentInvocation(tag, node, options) {
   const createComponentId = options.wrap ? useImport("createComponent") : null;
-  const callee = resolveComponentCallee(tag, core.types.identifier(tag));
+  const callee = resolveComponentCallee(tag, buildComponentTagExpression(tag));
   const props = buildComponentPropsExpression(node, {
     dynamicPropsAsGetters: options.dynamicPropsAsGetters,
     cloneValues: options.cloneValues,
@@ -1774,6 +1937,13 @@ function buildComponentInvocation(tag, node, options) {
   }
   return core.types.callExpression(callee, [props]);
 }
+function buildComponentTagExpression(tag) {
+  const [head, ...parts] = tag.split(".");
+  return parts.reduce(
+    (expr, part) => core.types.memberExpression(expr, core.types.identifier(part)),
+    core.types.identifier(head)
+  );
+}
 
 // src/jsx/server.ts
 var SERVER_TEXT_ESCAPES = {
@@ -1876,28 +2046,13 @@ function escapeChildExpression(expr) {
   if (isSafeServerHtml(expr)) {
     return expr;
   }
-  if (core.types.isParenthesizedExpression(expr)) {
-    expr.expression = escapeChildExpression(expr.expression);
-    return expr;
-  }
   if (core.types.isLogicalExpression(expr)) {
     if (expr.operator === "&&") {
       expr.right = escapeChildExpression(expr.right);
+      return expr;
     } else {
-      expr.left = escapeChildExpression(expr.left);
-      expr.right = escapeChildExpression(expr.right);
+      return core.types.callExpression(useImport("escape"), [expr]);
     }
-    return expr;
-  }
-  if (core.types.isConditionalExpression(expr)) {
-    expr.consequent = escapeChildExpression(expr.consequent);
-    expr.alternate = escapeChildExpression(expr.alternate);
-    return expr;
-  }
-  if (core.types.isSequenceExpression(expr) && expr.expressions.length > 0) {
-    const last = expr.expressions.length - 1;
-    expr.expressions[last] = escapeChildExpression(expr.expressions[last]);
-    return expr;
   }
   return core.types.callExpression(useImport("escape"), [expr]);
 }

package/dist/index.d.cts

@@ -1,11 +1,11 @@
-import { PluginObj } from '@babel/core';
+import { PluginObject } from '@babel/core';
 
 /**
  * Babel plugin for Essor framework.
  * Transforms Essor JSX and reactivity syntax into runtime calls.
  *
- * @returns {PluginObj} The Babel plugin object.
+ * @returns {PluginObject} The Babel plugin object.
  */
-declare function export_default(): PluginObj;
+declare function export_default(): PluginObject;
 
 export { export_default as default };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import { PluginObj } from '@babel/core';
+import { PluginObject } from '@babel/core';
 
 /**
  * Babel plugin for Essor framework.
  * Transforms Essor JSX and reactivity syntax into runtime calls.
  *
- * @returns {PluginObj} The Babel plugin object.
+ * @returns {PluginObject} The Babel plugin object.
  */
-declare function export_default(): PluginObj;
+declare function export_default(): PluginObject;
 
 export { export_default as default };

package/dist/index.js

@@ -99,7 +99,8 @@ var IMPORTS_MAPS = [
   "nthChild"
 ];
 var SERVER_IMPORT_REMAPS = {
-  createComponent: "createSSRComponent",
+  createComponent: "ssrComponent",
+  render: "ssr",
   patchAttr: "ssrAttrDynamic"
 };
 var HYDRATE_IMPORT_REMAPS = {
@@ -607,6 +608,8 @@ function checkHasJSXReturn(path) {
 var HMR_COMPONENT_NAME = "__$createHMRComponent$__";
 var WHITESPACE_REGEX = /\s+/g;
 var PATH_SEPARATOR_REGEX = /[/\\]/;
+var ESSOR_IMPORT = "essor";
+var HMR_IMPORTS = /* @__PURE__ */ new Set(["createApp", "hydrate", "createComponent"]);
 function getFileBasename(ctx) {
   const filename = ctx.options.filename;
   const segments = filename.split(PATH_SEPARATOR_REGEX);
@@ -673,6 +676,65 @@ function collectFromStatement(statementPath, ctx) {
     }
   }
 }
+function isComponentDeclarationExport(statementPath) {
+  const declarationPath = unwrapTopLevelDeclaration(statementPath);
+  if (!declarationPath) {
+    return false;
+  }
+  if (declarationPath.isFunctionDeclaration()) {
+    return checkHasJSXReturn(declarationPath);
+  }
+  if (!declarationPath.isVariableDeclaration()) {
+    return false;
+  }
+  const declarations = declarationPath.get("declarations");
+  if (declarations.length === 0) {
+    return false;
+  }
+  return declarations.every((variablePath) => {
+    const initPath = variablePath.get("init");
+    return isFunctionLikeExpressionPath(initPath) && checkHasJSXReturn(initPath);
+  });
+}
+function hasOnlyComponentSpecifiers(statementPath, componentNames) {
+  const { node } = statementPath;
+  if (node.declaration || node.source || node.specifiers.length === 0) {
+    return false;
+  }
+  return node.specifiers.every((specifier) => {
+    return types.isExportSpecifier(specifier) && types.isIdentifier(specifier.local) && componentNames.has(specifier.local.name);
+  });
+}
+function hasNonComponentExport(programPath, componentNames) {
+  for (const statementPath of programPath.get("body")) {
+    if (!statementPath.isExportNamedDeclaration() && !statementPath.isExportDefaultDeclaration()) {
+      continue;
+    }
+    if (isTypeOnlyExport(statementPath)) {
+      continue;
+    }
+    if (statementPath.isExportNamedDeclaration() && hasOnlyComponentSpecifiers(statementPath, componentNames)) {
+      continue;
+    }
+    if (!isComponentDeclarationExport(statementPath)) {
+      return true;
+    }
+  }
+  return false;
+}
+function isTypeOnlyExport(statementPath) {
+  if (!statementPath.isExportNamedDeclaration()) {
+    return false;
+  }
+  const { declaration, exportKind, specifiers } = statementPath.node;
+  if (exportKind === "type") {
+    return true;
+  }
+  if (types.isTSTypeAliasDeclaration(declaration) || types.isTSInterfaceDeclaration(declaration)) {
+    return true;
+  }
+  return specifiers.length > 0 && specifiers.every((specifier) => "exportKind" in specifier && specifier.exportKind === "type");
+}
 function getMetadataTargets(statementPath, ctx) {
   const declarationPath = unwrapTopLevelDeclaration(statementPath);
   if (!declarationPath) {
@@ -745,22 +807,101 @@ function isCreateHMRComponentCall(value) {
 function canWrapArgument(value) {
   return !!value && !types.isSpreadElement(value) && !types.isArgumentPlaceholder(value);
 }
-function wrapComponentCreationCalls(programPath, ctx) {
+function getEssorHmrBindings(programPath) {
+  const bindings = {
+    createComponent: /* @__PURE__ */ new Map(),
+    mount: /* @__PURE__ */ new Map()
+  };
+  for (const statementPath of programPath.get("body")) {
+    if (!statementPath.isImportDeclaration() || statementPath.node.source.value !== ESSOR_IMPORT) {
+      continue;
+    }
+    for (const specifier of statementPath.node.specifiers) {
+      if (!types.isImportSpecifier(specifier)) {
+        continue;
+      }
+      const imported = specifier.imported;
+      const name = types.isIdentifier(imported) ? imported.name : imported.value;
+      if (!HMR_IMPORTS.has(name)) {
+        continue;
+      }
+      if (name === "createComponent") {
+        const binding = statementPath.scope.getBinding(specifier.local.name);
+        if (binding) {
+          bindings.createComponent.set(specifier.local.name, binding);
+        }
+      } else {
+        const binding = statementPath.scope.getBinding(specifier.local.name);
+        if (binding) {
+          bindings.mount.set(specifier.local.name, binding);
+        }
+      }
+    }
+  }
+  return bindings;
+}
+function hasImportBinding(path, name, bindings) {
+  return bindings.has(name) && path.scope.getBinding(name) === bindings.get(name);
+}
+function isMountCallee(callPath, bindings) {
+  const { callee } = callPath.node;
+  return types.isIdentifier(callee) && hasImportBinding(callPath, callee.name, bindings.mount);
+}
+function createImportMetaHot() {
+  return types.memberExpression(
+    types.metaProperty(types.identifier("import"), types.identifier("meta")),
+    types.identifier("hot")
+  );
+}
+function createDisposeStatement(appId) {
+  const dispose = types.optionalMemberExpression(
+    createImportMetaHot(),
+    types.identifier("dispose"),
+    false,
+    true
+  );
+  const unmount = types.optionalCallExpression(
+    types.optionalMemberExpression(appId, types.identifier("unmount"), false, true),
+    [],
+    true
+  );
+  return types.expressionStatement(
+    types.optionalCallExpression(dispose, [types.arrowFunctionExpression([], unmount)], false)
+  );
+}
+function wrapTopLevelMountDisposals(programPath, bindings) {
+  const nextBody = [];
+  for (const statementPath of programPath.get("body")) {
+    const statement = statementPath.node;
+    const expressionPath = statementPath.isExpressionStatement() ? statementPath.get("expression") : null;
+    if ((expressionPath == null ? void 0 : expressionPath.isCallExpression()) && isMountCallee(expressionPath, bindings)) {
+      const appId = programPath.scope.generateUidIdentifier("app");
+      nextBody.push(
+        types.variableDeclaration("const", [types.variableDeclarator(appId, expressionPath.node)])
+      );
+      nextBody.push(createDisposeStatement(appId));
+      continue;
+    }
+    nextBody.push(statement);
+  }
+  programPath.node.body = nextBody;
+}
+function wrapComponentCreationCalls(programPath, ctx, bindings) {
   programPath.traverse({
     /**
-     * Rewrites `createComponent` and `createApp` calls for HMR tracking.
+     * Rewrites `createComponent`, `createApp`, and `hydrate` calls for HMR tracking.
      */
     CallExpression(callPath) {
       const { callee } = callPath.node;
       if (!types.isIdentifier(callee)) return;
-      if (callee.name === ctx.importIdentifiers.createComponent.name) {
+      if (callee.name === ctx.importIdentifiers.createComponent.name || hasImportBinding(callPath, callee.name, bindings.createComponent)) {
         const firstArg = callPath.node.arguments[0];
         if (canWrapArgument(firstArg)) {
           callPath.node.callee = types.identifier(HMR_COMPONENT_NAME);
         }
         return;
       }
-      if (callee.name === "createApp") {
+      if (isMountCallee(callPath, bindings)) {
         const args = callPath.node.arguments;
         if (args.length === 0) return;
         if (isCreateHMRComponentCall(args[0])) {
@@ -780,6 +921,10 @@ function collectTopLevelHmrComponents(programPath, ctx) {
   for (const statementPath of programPath.get("body")) {
     collectFromStatement(statementPath, ctx);
   }
+  if (hasNonComponentExport(programPath, ctx.hmrComponents)) {
+    ctx.hmrComponents.clear();
+    ctx.hmrSignatures.clear();
+  }
 }
 function applyHmr(programPath, ctx) {
   if (!ctx.options.hmr || !ctx.options.bundler) {
@@ -788,10 +933,12 @@ function applyHmr(programPath, ctx) {
   if (ctx.hmrComponents.size > 0) {
     injectComponentMetadata(programPath, ctx);
   }
-  wrapComponentCreationCalls(programPath, ctx);
+  const bindings = getEssorHmrBindings(programPath);
+  wrapComponentCreationCalls(programPath, ctx, bindings);
   if (ctx.hmrComponents.size === 0) {
     return;
   }
+  wrapTopLevelMountDisposals(programPath, bindings);
   programPath.node.body.push(
     types.variableDeclaration("const", [
       types.variableDeclarator(
@@ -925,7 +1072,7 @@ function bindObjectPattern(pattern, base) {
 }
 function resolveObjectProp(prop) {
   const target = prop.value;
-  const shorthandId = types.isAssignmentPattern(target) ? target.left : target;
+  const shorthandId = unwrapBindingTarget(types.isAssignmentPattern(target) ? target.left : target);
   if (prop.shorthand && types.isIdentifier(shorthandId) && isSignal(shorthandId.name)) {
     return { keyExpr: types.identifier(stripSignalPrefix(shorthandId.name)), computed: false, target };
   }
@@ -945,7 +1092,9 @@ function bindArrayPattern(pattern, base) {
       out.push(...bindTarget(el.argument, slice));
       return;
     }
-    out.push(...bindTarget(el, types.memberExpression(clone(base), types.numericLiteral(i2), true)));
+    out.push(
+      ...bindTarget(el, types.memberExpression(clone(base), types.numericLiteral(i2), true))
+    );
   });
   return out;
 }
@@ -953,14 +1102,28 @@ function bindTarget(target, access) {
   if (types.isAssignmentPattern(target)) {
     return bindTarget(target.left, applyDefault(access, target.right));
   }
+  if (isTSWrappedBindingTarget(target)) {
+    return bindTarget(unwrapBindingTarget(target), access);
+  }
   if (types.isIdentifier(target)) {
     const value = isSignal(target.name) ? makeComputed(access) : access;
     return [types.variableDeclarator(types.identifier(target.name), value)];
   }
   if (types.isObjectPattern(target)) return bindObjectPattern(target, access);
   if (types.isArrayPattern(target)) return bindArrayPattern(target, access);
+  if (types.isMemberExpression(target)) return [];
   return [types.variableDeclarator(target, access)];
 }
+function isTSWrappedBindingTarget(target) {
+  return types.isTSAsExpression(target) || types.isTSSatisfiesExpression(target) || types.isTSTypeAssertion(target) || types.isTSNonNullExpression(target);
+}
+function unwrapBindingTarget(target) {
+  let current = target;
+  while (isTSWrappedBindingTarget(current)) {
+    current = current.expression;
+  }
+  return current;
+}
 function applyDefault(access, def) {
   return types.conditionalExpression(
     types.binaryExpression("===", clone(access), types.identifier("undefined")),
@@ -1759,7 +1922,7 @@ function renderChildExpressions(children, render, options = {}) {
 }
 function buildComponentInvocation(tag, node, options) {
   const createComponentId = options.wrap ? useImport("createComponent") : null;
-  const callee = resolveComponentCallee(tag, types.identifier(tag));
+  const callee = resolveComponentCallee(tag, buildComponentTagExpression(tag));
   const props = buildComponentPropsExpression(node, {
     dynamicPropsAsGetters: options.dynamicPropsAsGetters,
     cloneValues: options.cloneValues,
@@ -1772,6 +1935,13 @@ function buildComponentInvocation(tag, node, options) {
   }
   return types.callExpression(callee, [props]);
 }
+function buildComponentTagExpression(tag) {
+  const [head, ...parts] = tag.split(".");
+  return parts.reduce(
+    (expr, part) => types.memberExpression(expr, types.identifier(part)),
+    types.identifier(head)
+  );
+}
 
 // src/jsx/server.ts
 var SERVER_TEXT_ESCAPES = {
@@ -1874,28 +2044,13 @@ function escapeChildExpression(expr) {
   if (isSafeServerHtml(expr)) {
     return expr;
   }
-  if (types.isParenthesizedExpression(expr)) {
-    expr.expression = escapeChildExpression(expr.expression);
-    return expr;
-  }
   if (types.isLogicalExpression(expr)) {
     if (expr.operator === "&&") {
       expr.right = escapeChildExpression(expr.right);
+      return expr;
     } else {
-      expr.left = escapeChildExpression(expr.left);
-      expr.right = escapeChildExpression(expr.right);
+      return types.callExpression(useImport("escape"), [expr]);
     }
-    return expr;
-  }
-  if (types.isConditionalExpression(expr)) {
-    expr.consequent = escapeChildExpression(expr.consequent);
-    expr.alternate = escapeChildExpression(expr.alternate);
-    return expr;
-  }
-  if (types.isSequenceExpression(expr) && expr.expressions.length > 0) {
-    const last = expr.expressions.length - 1;
-    expr.expressions[last] = escapeChildExpression(expr.expressions[last]);
-    return expr;
   }
   return types.callExpression(useImport("escape"), [expr]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-essor",
-  "version": "0.0.17-beta.5",
+  "version": "0.0.17-beta.7",
   "description": "",
   "type": "module",
   "keywords": [],
@@ -32,16 +32,16 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/generator": "^7.29.7",
-    "@estjs/shared": "0.0.17-beta.5"
+    "@babel/core": "^8.0.1",
+    "@babel/generator": "^8.0.0",
+    "@estjs/shared": "0.0.17-beta.7"
   },
   "devDependencies": {
-    "@babel/traverse": "^7.29.7",
-    "@babel/types": "^7.29.7",
-    "@types/babel__core": "^7.20.5",
-    "@types/babel__generator": "^7.27.0",
-    "@types/babel__traverse": "^7.28.0"
+    "@babel/traverse": "^8.0.0",
+    "@babel/types": "^8.0.0"
+  },
+  "engines": {
+    "node": "^22.18.0 || >=24.11.0"
   },
   "scripts": {
     "build": "tsup",