@litsx/babel-preset-litsx 0.7.0 → 0.8.0

package/dist/index.cjs

@@ -12,6 +12,7 @@ require('@litsx/babel-plugin-shared-hooks');
 require('./internal/transform-litsx-hooks.cjs');
 require('./internal/transform-litsx-renderer-props.cjs');
 require('@babel/plugin-syntax-jsx');
+require('@litsx/authoring');
 require('./shared/transform-litsx-element-candidates-JMFlPFXK.cjs');
 require('@babel/helper-plugin-utils');
 require('@babel/traverse');

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.js"],"sourcesContent":["import { createLitsxPresetPlugins } from \"./pipeline.js\";\n\nexport { createLitsxPresetPlugins, detectLitsxSourceFeatures } from \"./pipeline.js\";\nexport {\n  createTransformLitsxComponentsPlugin,\n  setTypescriptModule,\n} from \"./pipeline.js\";\n\nexport default function litsxPreset(api, options = {}) {\n  api.assertVersion?.(7);\n\n  return {\n    plugins: createLitsxPresetPlugins(options),\n  };\n}\n"],"names":["createLitsxPresetPlugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQe,SAAS,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE;AACvD,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC;;AAExB,EAAE,OAAO;AACT,IAAI,OAAO,EAAEA,iCAAwB,CAAC,OAAO,CAAC;AAC9C,GAAG;AACH;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/index.js"],"sourcesContent":["import { createLitsxPresetPlugins } from \"./pipeline.js\";\n\nexport { createLitsxPresetPlugins, detectLitsxSourceFeatures } from \"./pipeline.js\";\nexport {\n  createTransformLitsxComponentsPlugin,\n  setTypescriptModule,\n} from \"./pipeline.js\";\n\nexport default function litsxPreset(api, options = {}) {\n  api.assertVersion?.(7);\n\n  return {\n    plugins: createLitsxPresetPlugins(options),\n  };\n}\n"],"names":["createLitsxPresetPlugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQe,SAAS,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE;AACvD,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC;;AAExB,EAAE,OAAO;AACT,IAAI,OAAO,EAAEA,iCAAwB,CAAC,OAAO,CAAC;AAC9C,GAAG;AACH;;;;;;;;"}

package/dist/internal/transform-litsx-components.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxSyntaxPlugin = require('@babel/plugin-syntax-jsx');
 var internal_transformLitsxProperties = require('./transform-litsx-properties.cjs');
 var transformLitsxElementCandidates = require('../shared/transform-litsx-element-candidates-JMFlPFXK.cjs');
+var authoring = require('@litsx/authoring');
 require('module');
 require('@litsx/typescript-session');
 require('@babel/helper-plugin-utils');
@@ -1615,6 +1616,79 @@ function setParamRewriteBabelTypes(nextTypes) {
   t$4 = nextTypes;
 }
 
+function getBoundPropName$1(bindingInfo) {
+  if (typeof bindingInfo === "string") {
+    return bindingInfo;
+  }
+
+  if (bindingInfo && typeof bindingInfo === "object") {
+    return bindingInfo.bindKey ?? null;
+  }
+
+  return null;
+}
+
+function createDefaultSlotElement() {
+  return t$4.jsxElement(
+    t$4.jsxOpeningElement(t$4.jsxIdentifier("slot"), [], false),
+    t$4.jsxClosingElement(t$4.jsxIdentifier("slot")),
+    [],
+    false
+  );
+}
+
+function isDirectJsxChildExpression(expressionPath) {
+  return (
+    expressionPath.listKey === "children" &&
+    (expressionPath.parentPath?.isJSXElement() || expressionPath.parentPath?.isJSXFragment())
+  );
+}
+
+function isImplicitChildrenExpression(node, bindings) {
+  if (t$4.isIdentifier(node)) {
+    return getBoundPropName$1(bindings.get(node.name)) === "children";
+  }
+
+  if (
+    t$4.isMemberExpression(node) &&
+    !node.computed &&
+    t$4.isIdentifier(node.object) &&
+    t$4.isIdentifier(node.property, { name: "children" })
+  ) {
+    return bindings.has(node.object.name);
+  }
+
+  return false;
+}
+
+function isJsxContainerChildPath(path) {
+  return (
+    path?.parentPath?.isJSXExpressionContainer() &&
+    path.parentPath.listKey === "children" &&
+    (path.parentPath.parentPath?.isJSXElement() || path.parentPath.parentPath?.isJSXFragment())
+  );
+}
+
+function isSupportedImplicitChildrenReference(refPath, bindingInfo) {
+  if (typeof bindingInfo === "string") {
+    return bindingInfo === "children" && isJsxContainerChildPath(refPath);
+  }
+
+  if (
+    bindingInfo &&
+    typeof bindingInfo === "object" &&
+    bindingInfo.kind === "alias" &&
+    refPath.parentPath?.isMemberExpression() &&
+    refPath.parentKey === "object" &&
+    !refPath.parentPath.node.computed &&
+    t$4.isIdentifier(refPath.parentPath.node.property, { name: "children" })
+  ) {
+    return isJsxContainerChildPath(refPath.parentPath);
+  }
+
+  return false;
+}
+
 function createThisMemberExpression$2(propName) {
   return t$4.memberExpression(t$4.thisExpression(), t$4.identifier(propName));
 }
@@ -1624,6 +1698,14 @@ function transformJSXExpressions(jsxPath, bindings, state = null) {
 
   jsxPath.traverse({
     JSXExpressionContainer(expressionPath) {
+      if (
+        isDirectJsxChildExpression(expressionPath) &&
+        isImplicitChildrenExpression(expressionPath.node.expression, bindings)
+      ) {
+        expressionPath.replaceWith(createDefaultSlotElement());
+        return;
+      }
+
       if (t$4.isIdentifier(expressionPath.node.expression)) {
         const name = expressionPath.node.expression.name;
         if (localNames.includes(name)) {
@@ -1707,7 +1789,7 @@ function shouldCapturePropReference(refPath, functionPath) {
   return !functionParent.isArrowFunctionExpression();
 }
 
-function replaceParamReferences(functionPath, bindings, propertyMap = new Map()) {
+function replaceParamReferences(functionPath, bindings, propertyMap = new Map(), state = null) {
   registerLocalPropAliases(functionPath, bindings);
 
   const capturedPropAliases = new Map();
@@ -1779,6 +1861,13 @@ function replaceParamReferences(functionPath, bindings, propertyMap = new Map())
         targetProp = bindingInfo.bindKey;
       }
 
+      if (
+        targetProp === "children" &&
+        !isSupportedImplicitChildrenReference(refPath, bindingInfo)
+      ) {
+        return;
+      }
+
       if (
         typeof bindingInfo === "string" &&
         refPath.parentPath &&
@@ -1957,6 +2046,29 @@ function createNestedInitializerStatement(pattern, root, defaultValue) {
   ]);
 }
 
+function throwFirstImplicitChildrenProjectionIssue(functionPath) {
+  const [issue] = authoring.collectImplicitChildrenProjectionIssues(functionPath.node);
+  if (!issue) {
+    return;
+  }
+
+  let issuePath = null;
+  functionPath.traverse({
+    enter(path) {
+      if (path.node === issue.node) {
+        issuePath = path;
+        path.stop();
+      }
+    },
+  });
+
+  if (issuePath) {
+    throw issuePath.buildCodeFrameError(issue.message);
+  }
+
+  throw functionPath.buildCodeFrameError(issue.message);
+}
+
 function collectReturnStatement(functionPath, bindings, state) {
   let returnStatement = null;
 
@@ -1974,6 +2086,8 @@ function collectReturnStatement(functionPath, bindings, state) {
 }
 
 function prepareComponentRender(functionPath, node, propertyNames, bindings, nestedInitializers, options = {}) {
+  throwFirstImplicitChildrenProjectionIssue(functionPath);
+
   const returnStatement = collectReturnStatement(
     functionPath,
     bindings,
@@ -1987,7 +2101,8 @@ function prepareComponentRender(functionPath, node, propertyNames, bindings, nes
   const capturedPropAliasStatements = replaceParamReferences(
     functionPath,
     bindings,
-    propertyNames
+    propertyNames,
+    options.state ?? null
   );
   const prefixStatements = [];