fix: default slotted content

jhefferman-sfdc · jhefferman-sfdc · commit ddea5e4b3c1e · 2025-01-27T13:02:35.000-07:00
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/expected.html
@@ -0,0 +1,4 @@
+<x-outer>
+  <x-inner>
+  </x-inner>
+</x-outer>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-outer';
+export { default } from 'x/outer';
+export * from 'x/outer';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/inner/inner.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/inner/inner.js
@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/outer/outer.html b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/outer/outer.html
@@ -0,0 +1,6 @@
+<template lwc:render-mode="light">
+    <x-inner>
+        I am default slot
+        <div slot="foo">I am the foo slot</div>
+    </x-inner>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/outer/outer.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/light/modules/x/outer/outer.js
@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/error.txt b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/error.txt
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/expected.html b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/expected.html
@@ -0,0 +1,10 @@
+<x-outer>
+  <x-inner>
+    <template shadowrootmode="open">
+    </template>
+    slotted content
+    <h2 slot="bob">
+      more content
+    </h2>
+  </x-inner>
+</x-outer>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/index.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/index.js
@@ -0,0 +1,3 @@
+export const tagName = 'x-outer';
+export { default } from 'x/outer';
+export * from 'x/outer';
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/inner/inner.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/inner/inner.js
@@ -0,0 +1,3 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {}
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/outer/outer.html b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/outer/outer.html
@@ -0,0 +1,6 @@
+<template>
+    <x-inner>
+        slotted content
+        <h2 slot="bob">more content</h2>
+    </x-inner>
+</template>
diff --git a/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/outer/outer.js b/packages/@lwc/engine-server/src/__tests__/fixtures/slots-basic/implicit-no-template/shadow/modules/x/outer/outer.js
@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class extends LightningElement {
+    static renderMode = 'light';
+}
diff --git a/packages/@lwc/ssr-runtime/src/render.ts b/packages/@lwc/ssr-runtime/src/render.ts
@@ -101,27 +101,40 @@ export function renderAttrsNoYield(
 }
 
 export function* fallbackTmpl(
-    _shadowSlottedContent: unknown,
-    _lightSlottedContent: unknown,
-    _scopedSlottedContent: unknown,
+    _shadowSlottedContent: any,
+    _lightSlottedContent: any,
+    _scopedSlottedContent: any,
     Cmp: LightningElementConstructor,
     _instance: unknown
 ) {
     if (Cmp.renderMode !== 'light') {
-        yield '<template shadowrootmode="open"></template>';
+        yield `<template shadowrootmode="open"></template>`;
+        renderSlottedContent(_lightSlottedContent, _instance);
     }
 }
 
 export function fallbackTmplNoYield(
     emit: (segment: string) => void,
-    _shadowSlottedContent: unknown,
-    _lightSlottedContent: unknown,
-    _scopedSlottedContent: unknown,
+    _shadowSlottedContent: any,
+    _lightSlottedContent: any,
+    _scopedSlottedContent: any,
     Cmp: LightningElementConstructor,
     _instance: unknown
 ) {
     if (Cmp.renderMode !== 'light') {
-        emit('<template shadowrootmode="open"></template>');
+        emit(`<template shadowrootmode="open"></template>`);
+        renderSlottedContent(_lightSlottedContent, emit);
+    }
+}
+
+function renderSlottedContent(_lightSlottedContent: any, contextfulParent: any) {
+    if (_lightSlottedContent) {
+        for (const slotName in _lightSlottedContent) {
+            const generators = _lightSlottedContent[slotName];
+            for (let i = 0; i < generators.length; i++) {
+                generators[i](contextfulParent, null, slotName);
+            }
+        }
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export const tagName = 'x-outer';`
	`2`	`+export { default } from 'x/outer';`
	`3`	`+export * from 'x/outer';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { LightningElement } from 'lwc';`
	`2`	`+`
	`3`	`+export default class extends LightningElement {}`