@lwc/ssr-compiler 8.12.6 → 8.12.7

package/dist/compile-js/types.d.ts

@@ -20,8 +20,8 @@ export interface ComponentMetaState {
     tmplExplicitImports: Map<string, string> | null;
     cssExplicitImports: Map<string, string> | null;
     staticStylesheetIds: Set<string> | null;
-    publicFields: Array<string>;
-    privateFields: Array<string>;
+    publicProperties: Array<string>;
+    privateProperties: Array<string>;
     wireAdapters: WireAdapter[];
     experimentalDynamicComponent: ComponentTransformOptions['experimentalDynamicComponent'];
     importManager: ImportManager;

package/dist/compile-template/ir-to-es.d.ts

@@ -4,7 +4,7 @@ import type { TemplateOpts, TransformerContext } from './types';
 export declare function irChildrenToEs(children: IrChildNode[], cxt: TransformerContext, cb?: (child: IrChildNode) => (() => void) | void): EsStatement[];
 export declare function irToEs<T extends IrNode>(node: T, cxt: TransformerContext): EsStatement[];
 export declare function templateIrToEsTree(node: IrNode, contextOpts: TemplateOpts): {
-    addImport: (imports: string | string[] | Record<string, string | undefined>, source?: string | undefined) => void;
+    addImport: (imports: string | string[] | Record<string, string | undefined>, source?: string) => void;
     getImports: () => import("estree").ImportDeclaration[];
     statements: EsStatement[];
 };

package/dist/index.cjs.js

@@ -738,8 +738,8 @@ function bWireAdaptersPlumbing(adapters) {
  */
 const bGenerateMarkup = (esTemplate `
     // These variables may mix with component-authored variables, so should be reasonably unique
-    const __lwcPublicFields__ = new Set(${ /*public fields*/estreeToolkit.is.arrayExpression});
-    const __lwcPrivateFields__ = new Set(${ /*private fields*/estreeToolkit.is.arrayExpression});
+    const __lwcPublicProperties__ = new Set(${ /*api*/estreeToolkit.is.arrayExpression});
+    const __lwcPrivateProperties__ = new Set(${ /*private fields*/estreeToolkit.is.arrayExpression});
 
     async function* generateMarkup(
             tagName, 
@@ -765,8 +765,8 @@ const bGenerateMarkup = (esTemplate `
         instance[__SYMBOL__SET_INTERNALS](
             props,
             attrs,
-            __lwcPublicFields__,
-            __lwcPrivateFields__,
+            __lwcPublicProperties__,
+            __lwcPrivateProperties__,
         );
         instance.isConnected = true;
         if (instance.connectedCallback) {
@@ -816,7 +816,7 @@ const bExposeTemplate = (esTemplate `
  *  - deferring to the template function for yielding child content
  */
 function addGenerateMarkupFunction(program, state, tagName, filename) {
-    const { privateFields, publicFields, tmplExplicitImports } = state;
+    const { privateProperties, publicProperties, tmplExplicitImports } = state;
     // The default tag name represents the component name that's passed to the transformer.
     // This is needed to generate markup for dynamic components which are invoked through
     // the generateMarkup function on the constructor.
@@ -846,7 +846,7 @@ function addGenerateMarkupFunction(program, state, tagName, filename) {
         SYMBOL__SET_INTERNALS: '__SYMBOL__SET_INTERNALS',
         establishContextfulRelationship: '__establishContextfulRelationship',
     }));
-    program.body.push(...bGenerateMarkup(estreeToolkit.builders.arrayExpression(publicFields.map(estreeToolkit.builders.literal)), estreeToolkit.builders.arrayExpression(privateFields.map(estreeToolkit.builders.literal)), defaultTagName, classIdentifier, connectWireAdapterCode));
+    program.body.push(...bGenerateMarkup(estreeToolkit.builders.arrayExpression(publicProperties.map(estreeToolkit.builders.literal)), estreeToolkit.builders.arrayExpression(privateProperties.map(estreeToolkit.builders.literal)), defaultTagName, classIdentifier, connectWireAdapterCode));
     if (exposeTemplateBlock) {
         program.body.push(exposeTemplateBlock);
     }
@@ -939,23 +939,31 @@ const visitors = {
     },
     PropertyDefinition(path, state) {
         const node = path.node;
-        if (!estreeToolkit.is.identifier(node?.key)) {
+        if (!node?.key) {
+            // Seems to occur for `@wire() [symbol];` -- not sure why
+            throw new Error('Unknown state: property definition has no key');
+        }
+        if (!estreeToolkit.is.identifier(node.key)) {
             return;
         }
         const { decorators } = node;
         validateUniqueDecorator(decorators);
         const decoratedExpression = decorators?.[0]?.expression;
         if (estreeToolkit.is.identifier(decoratedExpression) && decoratedExpression.name === 'api') {
-            state.publicFields.push(node.key.name);
+            state.publicProperties.push(node.key.name);
         }
         else if (estreeToolkit.is.callExpression(decoratedExpression) &&
             estreeToolkit.is.identifier(decoratedExpression.callee) &&
             decoratedExpression.callee.name === 'wire') {
+            if (node.computed) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error('@wire cannot be used on computed properties in SSR context.');
+            }
             catalogWireAdapters(path, state);
-            state.privateFields.push(node.key.name);
+            state.privateProperties.push(node.key.name);
         }
         else {
-            state.privateFields.push(node.key.name);
+            state.privateProperties.push(node.key.name);
         }
         if (node.static &&
             node.key.name === 'stylesheets' &&
@@ -981,9 +989,15 @@ const visitors = {
         if (estreeToolkit.is.callExpression(decoratedExpression) &&
             estreeToolkit.is.identifier(decoratedExpression.callee) &&
             decoratedExpression.callee.name === 'wire') {
+            // not a getter/setter
+            const isRealMethod = node.kind === 'method';
+            if (node.computed) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error(`@wire cannot be used on computed ${isRealMethod ? 'method' : 'properties'} in SSR context.`);
+            }
             // Getters and setters are methods in the AST, but treated as properties by @wire
             // Note that this means that their implementations are ignored!
-            if (node.kind === 'get' || node.kind === 'set') {
+            if (!isRealMethod) {
                 const methodAsProp = estreeToolkit.builders.propertyDefinition(structuredClone(node.key), null, node.computed, node.static);
                 methodAsProp.decorators = structuredClone(decorators);
                 path.replaceWith(methodAsProp);
@@ -996,6 +1010,13 @@ const visitors = {
                 catalogWireAdapters(path, state);
             }
         }
+        else if (estreeToolkit.is.identifier(decoratedExpression) && decoratedExpression.name === 'api') {
+            if (state.publicProperties.includes(node.key.name)) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error(`LWC1112: @api get ${node.key.name} and @api set ${node.key.name} detected in class declaration. Only one of the two needs to be decorated with @api.`);
+            }
+            state.publicProperties.push(node.key.name);
+        }
         switch (node.key.name) {
             case 'constructor':
                 // add our own custom arg after any pre-existing constructor args
@@ -1080,8 +1101,8 @@ function compileJS(src, filename, tagName, options, compilationMode) {
         tmplExplicitImports: null,
         cssExplicitImports: null,
         staticStylesheetIds: null,
-        publicFields: [],
-        privateFields: [],
+        publicProperties: [],
+        privateProperties: [],
         wireAdapters: [],
         experimentalDynamicComponent: options.experimentalDynamicComponent,
         importManager: new ImportManager(),
@@ -1476,7 +1497,7 @@ const bGenerateSlottedContent = (esTemplateWithYield `
 // 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, ${
-/* scoped slot data variable */ isNullableOf(estreeToolkit.is.identifier)}) {
+/* scoped slot data variable */ isNullableOf(estreeToolkit.is.identifier)}, slotAttributeValue) {
         // FIXME: make validation work again  
         ${ /* slot content */false}
     }, ${ /* content map */estreeToolkit.is.identifier});
@@ -1624,6 +1645,13 @@ const bYieldFromChildGenerator = (esTemplateWithYield `
     {
         const childProps = ${ /* child props */estreeToolkit.is.objectExpression};
         const childAttrs = ${ /* child attrs */estreeToolkit.is.objectExpression};
+        /* 
+            If 'slotAttributeValue' is set, it references a slot that does not exist, and the 'slot' attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+        */
+        if (slotAttributeValue) {
+            childAttrs.slot = slotAttributeValue;
+        }
         ${
 /*
     Slotted content is inserted here.
@@ -1677,6 +1705,13 @@ const bYieldFromDynamicComponentConstructorGenerator = (esTemplateWithYield `
         }
         const childProps = ${ /* child props */estreeToolkit.is.objectExpression};
         const childAttrs = ${ /* child attrs */estreeToolkit.is.objectExpression};
+        /* 
+            If 'slotAttributeValue' is set, it references a slot that does not exist, and the 'slot' attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+        */
+        if (slotAttributeValue) {
+            childAttrs.slot = slotAttributeValue;
+        }
         ${
 /*
     Slotted content is inserted here.
@@ -1802,6 +1837,15 @@ const bConditionallyYieldScopeTokenClass = (esTemplateWithYield `
         yield \` class="\${stylesheetScopeToken}"\`;
     }
 `);
+/*
+    If `slotAttributeValue` is set, it references a slot that does not exist, and the `slot` attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+    See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+*/
+const bConditionallyYieldDanglingSlotName = (esTemplateWithYield `
+    if (slotAttributeValue) {
+        yield \` slot="\${slotAttributeValue}"\`; 
+    }   
+`);
 const bYieldSanitizedHtml = esTemplateWithYield `
     yield sanitizeHtmlContent(${ /* lwc:inner-html content */estreeToolkit.is.expression})
 `;
@@ -1916,6 +1960,7 @@ const Element = function Element(node, cxt) {
     const isSelfClosingElement = shared.isVoidElement(node.name, shared.HTML_NAMESPACE) || isForeignSelfClosingElement;
     return [
         bYield(estreeToolkit.builders.literal(`<${node.name}`)),
+        bConditionallyYieldDanglingSlotName(),
         // If we haven't already prefixed the scope token to an existing class, add an explicit class here
         ...(hasClassAttribute ? [] : [bConditionallyYieldScopeTokenClass()]),
         ...yieldAttrsAndProps,
@@ -2015,7 +2060,13 @@ const bConditionalSlot = (esTemplateWithYield `
         const scopedGenerators = scopedSlottedContent?.[slotName ?? ""];
         const mismatchedSlots = isScopedSlot ? lightGenerators : scopedGenerators;
         const generators = isScopedSlot ? scopedGenerators : lightGenerators;
-
+        /* 
+            If a slotAttributeValue is present, it should be provided for assignment to any slotted content. This behavior aligns with v1 and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example.
+            Note the slot mapping does not work for scoped slots, so the slot name is not rendered in this case.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots for example.
+        */
+        const danglingSlotName = !isScopedSlot ? ${ /* slotAttributeValue */estreeToolkit.is.expression} || slotAttributeValue : null;
         // start bookend HTML comment for light DOM slot vfragment
         if (!isSlotted) {
             yield '<!---->';
@@ -2028,7 +2079,7 @@ const bConditionalSlot = (esTemplateWithYield `
 
         if (generators) {
             for (let i = 0; i < generators.length; i++) {
-                yield* generators[i](contextfulParent, ${ /* scoped slot data */isNullableOf(estreeToolkit.is.expression)});
+                yield* generators[i](contextfulParent, ${ /* scoped slot data */isNullableOf(estreeToolkit.is.expression)}, danglingSlotName);
                 // Scoped slotted data is separated by bookends. Final bookends are added outside of the loop below.
                 if (isScopedSlot && i < generators.length - 1) {
                     yield '<!---->';
@@ -2074,7 +2125,10 @@ const Slot = function Slot(node, ctx) {
     const slotChildren = irChildrenToEs(node.children, ctx);
     const isScopedSlot = estreeToolkit.builders.literal(Boolean(slotBound));
     const isSlotted = estreeToolkit.builders.literal(Boolean(ctx.isSlotted));
-    return [bConditionalSlot(isScopedSlot, isSlotted, slotName, slotBound, slotChildren, slotAst)];
+    const slotAttributeValue = bAttributeValue(node, 'slot');
+    return [
+        bConditionalSlot(isScopedSlot, isSlotted, slotName, slotAttributeValue, slotBound, slotChildren, slotAst),
+    ];
 };
 
 /*
@@ -2260,6 +2314,9 @@ const bExportTemplate = (esTemplate `
         let textContentBuffer = '';
         let didBufferTextContent = false;
 
+        // This will get overridden but requires initialization.
+        const slotAttributeValue = null;
+
         // Establishes a contextual relationship between two components for ContextProviders.
         // This variable will typically get overridden (shadowed) within slotted content.
         const contextfulParent = instance;
@@ -2365,5 +2422,5 @@ function compileTemplateForSSR(src, filename, options, mode = shared.DEFAULT_SSR
 
 exports.compileComponentForSSR = compileComponentForSSR;
 exports.compileTemplateForSSR = compileTemplateForSSR;
-/** version: 8.12.6 */
+/** version: 8.12.7 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -734,8 +734,8 @@ function bWireAdaptersPlumbing(adapters) {
  */
 const bGenerateMarkup = (esTemplate `
     // These variables may mix with component-authored variables, so should be reasonably unique
-    const __lwcPublicFields__ = new Set(${ /*public fields*/is.arrayExpression});
-    const __lwcPrivateFields__ = new Set(${ /*private fields*/is.arrayExpression});
+    const __lwcPublicProperties__ = new Set(${ /*api*/is.arrayExpression});
+    const __lwcPrivateProperties__ = new Set(${ /*private fields*/is.arrayExpression});
 
     async function* generateMarkup(
             tagName, 
@@ -761,8 +761,8 @@ const bGenerateMarkup = (esTemplate `
         instance[__SYMBOL__SET_INTERNALS](
             props,
             attrs,
-            __lwcPublicFields__,
-            __lwcPrivateFields__,
+            __lwcPublicProperties__,
+            __lwcPrivateProperties__,
         );
         instance.isConnected = true;
         if (instance.connectedCallback) {
@@ -812,7 +812,7 @@ const bExposeTemplate = (esTemplate `
  *  - deferring to the template function for yielding child content
  */
 function addGenerateMarkupFunction(program, state, tagName, filename) {
-    const { privateFields, publicFields, tmplExplicitImports } = state;
+    const { privateProperties, publicProperties, tmplExplicitImports } = state;
     // The default tag name represents the component name that's passed to the transformer.
     // This is needed to generate markup for dynamic components which are invoked through
     // the generateMarkup function on the constructor.
@@ -842,7 +842,7 @@ function addGenerateMarkupFunction(program, state, tagName, filename) {
         SYMBOL__SET_INTERNALS: '__SYMBOL__SET_INTERNALS',
         establishContextfulRelationship: '__establishContextfulRelationship',
     }));
-    program.body.push(...bGenerateMarkup(builders.arrayExpression(publicFields.map(builders.literal)), builders.arrayExpression(privateFields.map(builders.literal)), defaultTagName, classIdentifier, connectWireAdapterCode));
+    program.body.push(...bGenerateMarkup(builders.arrayExpression(publicProperties.map(builders.literal)), builders.arrayExpression(privateProperties.map(builders.literal)), defaultTagName, classIdentifier, connectWireAdapterCode));
     if (exposeTemplateBlock) {
         program.body.push(exposeTemplateBlock);
     }
@@ -935,23 +935,31 @@ const visitors = {
     },
     PropertyDefinition(path, state) {
         const node = path.node;
-        if (!is.identifier(node?.key)) {
+        if (!node?.key) {
+            // Seems to occur for `@wire() [symbol];` -- not sure why
+            throw new Error('Unknown state: property definition has no key');
+        }
+        if (!is.identifier(node.key)) {
             return;
         }
         const { decorators } = node;
         validateUniqueDecorator(decorators);
         const decoratedExpression = decorators?.[0]?.expression;
         if (is.identifier(decoratedExpression) && decoratedExpression.name === 'api') {
-            state.publicFields.push(node.key.name);
+            state.publicProperties.push(node.key.name);
         }
         else if (is.callExpression(decoratedExpression) &&
             is.identifier(decoratedExpression.callee) &&
             decoratedExpression.callee.name === 'wire') {
+            if (node.computed) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error('@wire cannot be used on computed properties in SSR context.');
+            }
             catalogWireAdapters(path, state);
-            state.privateFields.push(node.key.name);
+            state.privateProperties.push(node.key.name);
         }
         else {
-            state.privateFields.push(node.key.name);
+            state.privateProperties.push(node.key.name);
         }
         if (node.static &&
             node.key.name === 'stylesheets' &&
@@ -977,9 +985,15 @@ const visitors = {
         if (is.callExpression(decoratedExpression) &&
             is.identifier(decoratedExpression.callee) &&
             decoratedExpression.callee.name === 'wire') {
+            // not a getter/setter
+            const isRealMethod = node.kind === 'method';
+            if (node.computed) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error(`@wire cannot be used on computed ${isRealMethod ? 'method' : 'properties'} in SSR context.`);
+            }
             // Getters and setters are methods in the AST, but treated as properties by @wire
             // Note that this means that their implementations are ignored!
-            if (node.kind === 'get' || node.kind === 'set') {
+            if (!isRealMethod) {
                 const methodAsProp = builders.propertyDefinition(structuredClone(node.key), null, node.computed, node.static);
                 methodAsProp.decorators = structuredClone(decorators);
                 path.replaceWith(methodAsProp);
@@ -992,6 +1006,13 @@ const visitors = {
                 catalogWireAdapters(path, state);
             }
         }
+        else if (is.identifier(decoratedExpression) && decoratedExpression.name === 'api') {
+            if (state.publicProperties.includes(node.key.name)) {
+                // TODO [#5032]: Harmonize errors thrown in `@lwc/ssr-compiler`
+                throw new Error(`LWC1112: @api get ${node.key.name} and @api set ${node.key.name} detected in class declaration. Only one of the two needs to be decorated with @api.`);
+            }
+            state.publicProperties.push(node.key.name);
+        }
         switch (node.key.name) {
             case 'constructor':
                 // add our own custom arg after any pre-existing constructor args
@@ -1076,8 +1097,8 @@ function compileJS(src, filename, tagName, options, compilationMode) {
         tmplExplicitImports: null,
         cssExplicitImports: null,
         staticStylesheetIds: null,
-        publicFields: [],
-        privateFields: [],
+        publicProperties: [],
+        privateProperties: [],
         wireAdapters: [],
         experimentalDynamicComponent: options.experimentalDynamicComponent,
         importManager: new ImportManager(),
@@ -1472,7 +1493,7 @@ const bGenerateSlottedContent = (esTemplateWithYield `
 // 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, ${
-/* scoped slot data variable */ isNullableOf(is.identifier)}) {
+/* scoped slot data variable */ isNullableOf(is.identifier)}, slotAttributeValue) {
         // FIXME: make validation work again  
         ${ /* slot content */false}
     }, ${ /* content map */is.identifier});
@@ -1620,6 +1641,13 @@ const bYieldFromChildGenerator = (esTemplateWithYield `
     {
         const childProps = ${ /* child props */is.objectExpression};
         const childAttrs = ${ /* child attrs */is.objectExpression};
+        /* 
+            If 'slotAttributeValue' is set, it references a slot that does not exist, and the 'slot' attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+        */
+        if (slotAttributeValue) {
+            childAttrs.slot = slotAttributeValue;
+        }
         ${
 /*
     Slotted content is inserted here.
@@ -1673,6 +1701,13 @@ const bYieldFromDynamicComponentConstructorGenerator = (esTemplateWithYield `
         }
         const childProps = ${ /* child props */is.objectExpression};
         const childAttrs = ${ /* child attrs */is.objectExpression};
+        /* 
+            If 'slotAttributeValue' is set, it references a slot that does not exist, and the 'slot' attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+        */
+        if (slotAttributeValue) {
+            childAttrs.slot = slotAttributeValue;
+        }
         ${
 /*
     Slotted content is inserted here.
@@ -1798,6 +1833,15 @@ const bConditionallyYieldScopeTokenClass = (esTemplateWithYield `
         yield \` class="\${stylesheetScopeToken}"\`;
     }
 `);
+/*
+    If `slotAttributeValue` is set, it references a slot that does not exist, and the `slot` attribute should be set in the DOM. This behavior aligns with engine-server and engine-dom.
+    See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example case.
+*/
+const bConditionallyYieldDanglingSlotName = (esTemplateWithYield `
+    if (slotAttributeValue) {
+        yield \` slot="\${slotAttributeValue}"\`; 
+    }   
+`);
 const bYieldSanitizedHtml = esTemplateWithYield `
     yield sanitizeHtmlContent(${ /* lwc:inner-html content */is.expression})
 `;
@@ -1912,6 +1956,7 @@ const Element = function Element(node, cxt) {
     const isSelfClosingElement = isVoidElement(node.name, HTML_NAMESPACE) || isForeignSelfClosingElement;
     return [
         bYield(builders.literal(`<${node.name}`)),
+        bConditionallyYieldDanglingSlotName(),
         // If we haven't already prefixed the scope token to an existing class, add an explicit class here
         ...(hasClassAttribute ? [] : [bConditionallyYieldScopeTokenClass()]),
         ...yieldAttrsAndProps,
@@ -2011,7 +2056,13 @@ const bConditionalSlot = (esTemplateWithYield `
         const scopedGenerators = scopedSlottedContent?.[slotName ?? ""];
         const mismatchedSlots = isScopedSlot ? lightGenerators : scopedGenerators;
         const generators = isScopedSlot ? scopedGenerators : lightGenerators;
-
+        /* 
+            If a slotAttributeValue is present, it should be provided for assignment to any slotted content. This behavior aligns with v1 and engine-dom.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/slots/dangling/ for example.
+            Note the slot mapping does not work for scoped slots, so the slot name is not rendered in this case.
+            See: engine-server/src/__tests__/fixtures/slot-forwarding/scoped-slots for example.
+        */
+        const danglingSlotName = !isScopedSlot ? ${ /* slotAttributeValue */is.expression} || slotAttributeValue : null;
         // start bookend HTML comment for light DOM slot vfragment
         if (!isSlotted) {
             yield '<!---->';
@@ -2024,7 +2075,7 @@ const bConditionalSlot = (esTemplateWithYield `
 
         if (generators) {
             for (let i = 0; i < generators.length; i++) {
-                yield* generators[i](contextfulParent, ${ /* scoped slot data */isNullableOf(is.expression)});
+                yield* generators[i](contextfulParent, ${ /* scoped slot data */isNullableOf(is.expression)}, danglingSlotName);
                 // Scoped slotted data is separated by bookends. Final bookends are added outside of the loop below.
                 if (isScopedSlot && i < generators.length - 1) {
                     yield '<!---->';
@@ -2070,7 +2121,10 @@ const Slot = function Slot(node, ctx) {
     const slotChildren = irChildrenToEs(node.children, ctx);
     const isScopedSlot = builders.literal(Boolean(slotBound));
     const isSlotted = builders.literal(Boolean(ctx.isSlotted));
-    return [bConditionalSlot(isScopedSlot, isSlotted, slotName, slotBound, slotChildren, slotAst)];
+    const slotAttributeValue = bAttributeValue(node, 'slot');
+    return [
+        bConditionalSlot(isScopedSlot, isSlotted, slotName, slotAttributeValue, slotBound, slotChildren, slotAst),
+    ];
 };
 
 /*
@@ -2256,6 +2310,9 @@ const bExportTemplate = (esTemplate `
         let textContentBuffer = '';
         let didBufferTextContent = false;
 
+        // This will get overridden but requires initialization.
+        const slotAttributeValue = null;
+
         // Establishes a contextual relationship between two components for ContextProviders.
         // This variable will typically get overridden (shadowed) within slotted content.
         const contextfulParent = instance;
@@ -2360,5 +2417,5 @@ function compileTemplateForSSR(src, filename, options, mode = DEFAULT_SSR_MODE)
 }
 
 export { compileComponentForSSR, compileTemplateForSSR };
-/** version: 8.12.6 */
+/** version: 8.12.7 */
 //# sourceMappingURL=index.js.map

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.12.6",
+    "version": "8.12.7",
     "description": "Compile component for use during server-side rendering",
     "keywords": [
         "compiler",
@@ -48,10 +48,10 @@
         }
     },
     "dependencies": {
-        "@babel/types": "7.26.5",
-        "@lwc/shared": "8.12.6",
-        "@lwc/errors": "8.12.6",
-        "@lwc/template-compiler": "8.12.6",
+        "@babel/types": "7.26.7",
+        "@lwc/shared": "8.12.7",
+        "@lwc/errors": "8.12.7",
+        "@lwc/template-compiler": "8.12.7",
         "acorn": "8.14.0",
         "astring": "^1.9.0",
         "estree-toolkit": "^1.7.8",
@@ -59,7 +59,7 @@
         "meriyah": "^5.0.0"
     },
     "devDependencies": {
-        "@lwc/babel-plugin-component": "8.12.6",
+        "@lwc/babel-plugin-component": "8.12.7",
         "@types/estree": "^1.0.6"
     }
 }