@lwc/ssr-compiler 8.16.0 → 8.16.2

package/dist/index.cjs.js

@@ -25,21 +25,21 @@ var util = require('util');
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const EMIT_IDENT = estreeToolkit.builders.identifier('$$emit');
+/** Function names that may be transmogrified. All should start with `__lwc`. */
 // Rollup may rename variables to prevent shadowing. When it does, it uses the format `foo$0`, `foo$1`, etc.
-const TMPL_FN_PATTERN = /tmpl($\d+)?/;
-const GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN = /(?:generateMarkup|generateSlottedContent)($\d+)?/;
-const isWithinFn = (pattern, nodePath) => {
+const TRANSMOGRIFY_TARGET = /^__lwc(GenerateMarkup|GenerateSlottedContent|Tmpl)(?:\$\d+)?$/;
+const isWithinFn = (nodePath) => {
     const { node } = nodePath;
     if (!node) {
         return false;
     }
     if ((node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression') &&
         node.id &&
-        pattern.test(node.id.name)) {
+        TRANSMOGRIFY_TARGET.test(node.id.name)) {
         return true;
     }
     if (nodePath.parentPath) {
-        return isWithinFn(pattern, nodePath.parentPath);
+        return isWithinFn(nodePath.parentPath);
     }
     return false;
 };
@@ -54,8 +54,7 @@ const visitors$2 = {
         // Component authors might conceivably use async generator functions in their own code. Therefore,
         // when traversing & transforming written+generated code, we need to disambiguate generated async
         // generator functions from those that were written by the component author.
-        if (!isWithinFn(GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN, path) &&
-            !isWithinFn(TMPL_FN_PATTERN, path)) {
+        if (!isWithinFn(path)) {
             return;
         }
         node.generator = false;
@@ -70,8 +69,7 @@ const visitors$2 = {
         // Component authors might conceivably use generator functions within their own code. Therefore,
         // when traversing & transforming written+generated code, we need to disambiguate generated yield
         // expressions from those that were written by the component author.
-        if (!isWithinFn(TMPL_FN_PATTERN, path) &&
-            !isWithinFn(GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN, path)) {
+        if (!isWithinFn(path)) {
             return;
         }
         if (node.delegate) {
@@ -130,7 +128,7 @@ const visitors$2 = {
  * Is compiled into the following JavaScript, intended for execution during SSR & stripped down
  * for the purposes of this example:
  *
- *   async function* tmpl(props, attrs, slottedContent, Cmp, instance) {
+ *   async function* __lwcTmpl(props, attrs, slottedContent, Cmp, instance) {
  *       yield '<div>foobar</div>';
  *       const childProps = {};
  *       const childAttrs = {};
@@ -139,7 +137,7 @@ const visitors$2 = {
  *
  * When transmogrified in async-mode, the above generated template function becomes the following:
  *
- *   async function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   async function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};
@@ -148,7 +146,7 @@ const visitors$2 = {
  *
  * When transmogrified in sync-mode, the template function becomes the following:
  *
- *   function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};
@@ -745,7 +743,7 @@ const bGenerateMarkup = (esTemplate `
         configurable: false,
         enumerable: false,
         writable: false,
-        value: async function* generateMarkup(
+        value: async function* __lwcGenerateMarkup(
             // The $$emit function is magically inserted here
             tagName, 
             props, 
@@ -849,7 +847,7 @@ function addGenerateMarkupFunction(program, state, tagName, filename) {
     let exposeTemplateBlock = null;
     if (!tmplExplicitImports) {
         const defaultTmplPath = `./${node_path.parse(filename).name}.html`;
-        const tmplVar = estreeToolkit.builders.identifier('tmpl');
+        const tmplVar = estreeToolkit.builders.identifier('__lwcTmpl');
         program.body.unshift(bImportDeclaration({ default: tmplVar.name }, defaultTmplPath));
         program.body.unshift(bImportDeclaration({ SYMBOL__DEFAULT_TEMPLATE: '__SYMBOL__DEFAULT_TEMPLATE' }));
         exposeTemplateBlock = bExposeTemplate(tmplVar, classIdentifier);
@@ -1261,7 +1259,7 @@ ${ /* template */0}.stylesheetScopeToken = stylesheetScopeToken;
 function addScopeTokenDeclarations(program, filename, namespace, componentName) {
     const { scopeToken } = templateCompiler.generateScopeTokens(filename, namespace, componentName);
     program.body.unshift(bStylesheetTokenDeclaration(builders.builders.literal(scopeToken)), bHasScopedStylesheetsDeclaration());
-    program.body.push(...tmplAssignmentBlock(builders.builders.identifier('tmpl')));
+    program.body.push(...tmplAssignmentBlock(builders.builders.identifier('__lwcTmpl')));
 }
 
 /*
@@ -1584,7 +1582,7 @@ if (process.env.NODE_ENV !== 'production') {
  */
 const bGenerateSlottedContent = (esTemplateWithYield `
         const shadowSlottedContent = ${ /* hasShadowSlottedContent */estreeToolkit.is.literal}
-            ? async function* generateSlottedContent(contextfulParent) {
+            ? async function* __lwcGenerateSlottedContent(contextfulParent) {
                 // The 'contextfulParent' variable is shadowed here so that a contextful relationship
                 // is established between components rendered in slotted content & the "parent"
                 // component that contains the <slot>.
@@ -1617,11 +1615,11 @@ const bGenerateSlottedContent = (esTemplateWithYield `
         ${ /* light DOM addLightContent statements */estreeToolkit.is.expressionStatement}
         ${ /* scoped slot addLightContent statements */estreeToolkit.is.expressionStatement}
 `);
-// Note that this function name (`generateSlottedContent`) does not need to be scoped even though
+// Note that this function name (`__lwcGenerateSlottedContent`) does not need to be scoped even though
 // it may be repeated multiple times in the same scope, because it's a function _expression_ rather
 // than a function _declaration_, so it isn't available to be referenced anywhere.
 const bAddSlottedContent = (esTemplate `
-    addSlottedContent(${ /* slot name */estreeToolkit.is.expression} ?? "", async function* generateSlottedContent(contextfulParent, ${
+    addSlottedContent(${ /* slot name */estreeToolkit.is.expression} ?? "", async function* __lwcGenerateSlottedContent(contextfulParent, ${
 /* scoped slot data variable */ isNullableOf(estreeToolkit.is.identifier)}, slotAttributeValue) {
         // FIXME: make validation work again  
         ${ /* slot content */false}
@@ -2436,7 +2434,7 @@ function templateIrToEsTree(node, contextOpts) {
  */
 // TODO [#4663]: Render mode mismatch between template and compiler should throw.
 const bExportTemplate = (esTemplate `
-    export default async function* tmpl(
+    export default async function* __lwcTmpl(
             // This is where $$emit comes from
             shadowSlottedContent,
             lightSlottedContent,
@@ -2569,5 +2567,5 @@ function compileTemplateForSSR(src, filename, options, mode = shared.DEFAULT_SSR
 
 exports.compileComponentForSSR = compileComponentForSSR;
 exports.compileTemplateForSSR = compileTemplateForSSR;
-/** version: 8.16.0 */
+/** version: 8.16.2 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -21,21 +21,21 @@ import { inspect } from 'util';
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const EMIT_IDENT = builders.identifier('$$emit');
+/** Function names that may be transmogrified. All should start with `__lwc`. */
 // Rollup may rename variables to prevent shadowing. When it does, it uses the format `foo$0`, `foo$1`, etc.
-const TMPL_FN_PATTERN = /tmpl($\d+)?/;
-const GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN = /(?:generateMarkup|generateSlottedContent)($\d+)?/;
-const isWithinFn = (pattern, nodePath) => {
+const TRANSMOGRIFY_TARGET = /^__lwc(GenerateMarkup|GenerateSlottedContent|Tmpl)(?:\$\d+)?$/;
+const isWithinFn = (nodePath) => {
     const { node } = nodePath;
     if (!node) {
         return false;
     }
     if ((node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression') &&
         node.id &&
-        pattern.test(node.id.name)) {
+        TRANSMOGRIFY_TARGET.test(node.id.name)) {
         return true;
     }
     if (nodePath.parentPath) {
-        return isWithinFn(pattern, nodePath.parentPath);
+        return isWithinFn(nodePath.parentPath);
     }
     return false;
 };
@@ -50,8 +50,7 @@ const visitors$2 = {
         // Component authors might conceivably use async generator functions in their own code. Therefore,
         // when traversing & transforming written+generated code, we need to disambiguate generated async
         // generator functions from those that were written by the component author.
-        if (!isWithinFn(GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN, path) &&
-            !isWithinFn(TMPL_FN_PATTERN, path)) {
+        if (!isWithinFn(path)) {
             return;
         }
         node.generator = false;
@@ -66,8 +65,7 @@ const visitors$2 = {
         // Component authors might conceivably use generator functions within their own code. Therefore,
         // when traversing & transforming written+generated code, we need to disambiguate generated yield
         // expressions from those that were written by the component author.
-        if (!isWithinFn(TMPL_FN_PATTERN, path) &&
-            !isWithinFn(GEN_MARKUP_OR_GEN_SLOTTED_CONTENT_PATTERN, path)) {
+        if (!isWithinFn(path)) {
             return;
         }
         if (node.delegate) {
@@ -126,7 +124,7 @@ const visitors$2 = {
  * Is compiled into the following JavaScript, intended for execution during SSR & stripped down
  * for the purposes of this example:
  *
- *   async function* tmpl(props, attrs, slottedContent, Cmp, instance) {
+ *   async function* __lwcTmpl(props, attrs, slottedContent, Cmp, instance) {
  *       yield '<div>foobar</div>';
  *       const childProps = {};
  *       const childAttrs = {};
@@ -135,7 +133,7 @@ const visitors$2 = {
  *
  * When transmogrified in async-mode, the above generated template function becomes the following:
  *
- *   async function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   async function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};
@@ -144,7 +142,7 @@ const visitors$2 = {
  *
  * When transmogrified in sync-mode, the template function becomes the following:
  *
- *   function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};
@@ -741,7 +739,7 @@ const bGenerateMarkup = (esTemplate `
         configurable: false,
         enumerable: false,
         writable: false,
-        value: async function* generateMarkup(
+        value: async function* __lwcGenerateMarkup(
             // The $$emit function is magically inserted here
             tagName, 
             props, 
@@ -845,7 +843,7 @@ function addGenerateMarkupFunction(program, state, tagName, filename) {
     let exposeTemplateBlock = null;
     if (!tmplExplicitImports) {
         const defaultTmplPath = `./${parse$1(filename).name}.html`;
-        const tmplVar = builders.identifier('tmpl');
+        const tmplVar = builders.identifier('__lwcTmpl');
         program.body.unshift(bImportDeclaration({ default: tmplVar.name }, defaultTmplPath));
         program.body.unshift(bImportDeclaration({ SYMBOL__DEFAULT_TEMPLATE: '__SYMBOL__DEFAULT_TEMPLATE' }));
         exposeTemplateBlock = bExposeTemplate(tmplVar, classIdentifier);
@@ -1257,7 +1255,7 @@ ${ /* template */0}.stylesheetScopeToken = stylesheetScopeToken;
 function addScopeTokenDeclarations(program, filename, namespace, componentName) {
     const { scopeToken } = generateScopeTokens(filename, namespace, componentName);
     program.body.unshift(bStylesheetTokenDeclaration(builders$1.literal(scopeToken)), bHasScopedStylesheetsDeclaration());
-    program.body.push(...tmplAssignmentBlock(builders$1.identifier('tmpl')));
+    program.body.push(...tmplAssignmentBlock(builders$1.identifier('__lwcTmpl')));
 }
 
 /*
@@ -1580,7 +1578,7 @@ if (process.env.NODE_ENV !== 'production') {
  */
 const bGenerateSlottedContent = (esTemplateWithYield `
         const shadowSlottedContent = ${ /* hasShadowSlottedContent */is.literal}
-            ? async function* generateSlottedContent(contextfulParent) {
+            ? async function* __lwcGenerateSlottedContent(contextfulParent) {
                 // The 'contextfulParent' variable is shadowed here so that a contextful relationship
                 // is established between components rendered in slotted content & the "parent"
                 // component that contains the <slot>.
@@ -1613,11 +1611,11 @@ const bGenerateSlottedContent = (esTemplateWithYield `
         ${ /* light DOM addLightContent statements */is.expressionStatement}
         ${ /* scoped slot addLightContent statements */is.expressionStatement}
 `);
-// Note that this function name (`generateSlottedContent`) does not need to be scoped even though
+// Note that this function name (`__lwcGenerateSlottedContent`) does not need to be scoped even though
 // it may be repeated multiple times in the same scope, because it's a function _expression_ rather
 // than a function _declaration_, so it isn't available to be referenced anywhere.
 const bAddSlottedContent = (esTemplate `
-    addSlottedContent(${ /* slot name */is.expression} ?? "", async function* generateSlottedContent(contextfulParent, ${
+    addSlottedContent(${ /* slot name */is.expression} ?? "", async function* __lwcGenerateSlottedContent(contextfulParent, ${
 /* scoped slot data variable */ isNullableOf(is.identifier)}, slotAttributeValue) {
         // FIXME: make validation work again  
         ${ /* slot content */false}
@@ -2432,7 +2430,7 @@ function templateIrToEsTree(node, contextOpts) {
  */
 // TODO [#4663]: Render mode mismatch between template and compiler should throw.
 const bExportTemplate = (esTemplate `
-    export default async function* tmpl(
+    export default async function* __lwcTmpl(
             // This is where $$emit comes from
             shadowSlottedContent,
             lightSlottedContent,
@@ -2564,5 +2562,5 @@ function compileTemplateForSSR(src, filename, options, mode = DEFAULT_SSR_MODE)
 }
 
 export { compileComponentForSSR, compileTemplateForSSR };
-/** version: 8.16.0 */
+/** version: 8.16.2 */
 //# sourceMappingURL=index.js.map

package/dist/transmogrify.d.ts

@@ -18,7 +18,7 @@ export type Visitors = Parameters<typeof traverse<Node, TransmogrificationState>
  * Is compiled into the following JavaScript, intended for execution during SSR & stripped down
  * for the purposes of this example:
  *
- *   async function* tmpl(props, attrs, slottedContent, Cmp, instance) {
+ *   async function* __lwcTmpl(props, attrs, slottedContent, Cmp, instance) {
  *       yield '<div>foobar</div>';
  *       const childProps = {};
  *       const childAttrs = {};
@@ -27,7 +27,7 @@ export type Visitors = Parameters<typeof traverse<Node, TransmogrificationState>
  *
  * When transmogrified in async-mode, the above generated template function becomes the following:
  *
- *   async function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   async function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};
@@ -36,7 +36,7 @@ export type Visitors = Parameters<typeof traverse<Node, TransmogrificationState>
  *
  * When transmogrified in sync-mode, the template function becomes the following:
  *
- *   function tmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
+ *   function __lwcTmpl($$emit, props, attrs, slottedContent, Cmp, instance) {
  *       $$emit('<div>foobar</div>');
  *       const childProps = {};
  *       const childAttrs = {};

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/ssr-compiler",
-    "version": "8.16.0",
+    "version": "8.16.2",
     "description": "Compile component for use during server-side rendering",
     "keywords": [
         "compiler",
@@ -48,18 +48,18 @@
         }
     },
     "dependencies": {
-        "@babel/types": "7.26.9",
-        "@lwc/shared": "8.16.0",
-        "@lwc/errors": "8.16.0",
-        "@lwc/template-compiler": "8.16.0",
-        "acorn": "8.14.0",
+        "@babel/types": "7.26.10",
+        "@lwc/errors": "8.16.2",
+        "@lwc/shared": "8.16.2",
+        "@lwc/template-compiler": "8.16.2",
+        "acorn": "8.14.1",
         "astring": "^1.9.0",
         "estree-toolkit": "^1.7.8",
         "immer": "^10.1.1",
         "meriyah": "^5.0.0"
     },
     "devDependencies": {
-        "@lwc/babel-plugin-component": "8.16.0",
+        "@lwc/babel-plugin-component": "8.16.2",
         "@types/estree": "^1.0.6"
     }
 }

package/dist/optimizer.d.ts

@@ -1,3 +0,0 @@
-import type { Instruction } from './shared';
-export declare function optimize(instructions: Generator<Instruction>): Generator<Instruction>;
-//# sourceMappingURL=optimizer.d.ts.map