fix: replace barrel exports from lwc with @lwc/ssr-runtime

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all-alias/barrel.js

@@ -0,0 +1,2 @@
+// Barrel exporting from 'lwc' with alias should work
+export * as foo from 'lwc';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all-alias/expected.html

@@ -0,0 +1,14 @@
+<x-cmp>
+  <template shadowrootmode="open">
+    <div>
+      function getComponentDef
+      function isComponentConstructor
+      function createContextProvider
+      function readonly
+      function setFeatureFlagForTest
+      function unwrap
+      function createElement
+      function renderComponent
+    </div>
+  </template>
+</x-cmp>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all-alias/index.js

@@ -0,0 +1,3 @@
+export const tagName = 'x-cmp';
+export { default } from 'x/cmp';
+export * from 'x/cmp';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all-alias/modules/x/cmp/cmp.html

@@ -0,0 +1,3 @@
+<template>
+    <div lwc:inner-html={imports}></div>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all-alias/modules/x/cmp/cmp.js

@@ -0,0 +1,15 @@
+import { foo } from '../../../barrel.js';
+import { importsToString } from '../../../../shared.js';
+
+export default class extends foo.LightningElement {
+    imports = importsToString([
+        foo.getComponentDef,
+        foo.isComponentConstructor,
+        foo.createContextProvider,
+        foo.readonly,
+        foo.setFeatureFlagForTest,
+        foo.unwrap,
+        foo.createElement,
+        foo.renderComponent,
+    ]);
+}

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all/barrel.js

@@ -0,0 +1,2 @@
+// Barrel exporting from 'lwc' should work
+export * from 'lwc';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all/expected.html

@@ -0,0 +1,14 @@
+<x-cmp>
+  <template shadowrootmode="open">
+    <div>
+      function getComponentDef
+      function isComponentConstructor
+      function createContextProvider
+      function readonly
+      function setFeatureFlagForTest
+      function unwrap
+      function createElement
+      function renderComponent
+    </div>
+  </template>
+</x-cmp>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all/index.js

@@ -0,0 +1,3 @@
+export const tagName = 'x-cmp';
+export { default } from 'x/cmp';
+export * from 'x/cmp';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all/modules/x/cmp/cmp.html

@@ -0,0 +1,3 @@
+<template>
+    <div lwc:inner-html={imports}></div>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-all/modules/x/cmp/cmp.js

@@ -0,0 +1,25 @@
+import {
+    LightningElement,
+    getComponentDef,
+    isComponentConstructor,
+    createContextProvider,
+    readonly,
+    setFeatureFlagForTest,
+    unwrap,
+    createElement,
+    renderComponent,
+} from '../../../barrel.js';
+import { importsToString } from '../../../../shared.js';
+
+export default class extends LightningElement {
+    imports = importsToString([
+        getComponentDef,
+        isComponentConstructor,
+        createContextProvider,
+        readonly,
+        setFeatureFlagForTest,
+        unwrap,
+        createElement,
+        renderComponent,
+    ]);
+}

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-named/barrel.js

@@ -0,0 +1,14 @@
+// Barrel exporting from 'lwc' should work
+// These imports are the ones that are allowed by the no-disallowed-lwc-imports eslint rule
+// Ref: https://github.com/salesforce/eslint-plugin-lwc/blob/34911de749e20cabbf48f5585c92a4b62d082a41/lib/rules/no-disallowed-lwc-imports.js#L11
+export {
+    LightningElement,
+    getComponentDef as getComponentDefAlias,
+    isComponentConstructor,
+    createContextProvider,
+    readonly,
+    setFeatureFlagForTest,
+    unwrap,
+    createElement,
+    renderComponent,
+} from 'lwc';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-named/expected.html

@@ -0,0 +1,14 @@
+<x-cmp>
+  <template shadowrootmode="open">
+    <div>
+      function getComponentDef
+      function isComponentConstructor
+      function createContextProvider
+      function readonly
+      function setFeatureFlagForTest
+      function unwrap
+      function createElement
+      function renderComponent
+    </div>
+  </template>
+</x-cmp>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-named/index.js

@@ -0,0 +1,3 @@
+export const tagName = 'x-cmp';
+export { default } from 'x/cmp';
+export * from 'x/cmp';

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-named/modules/x/cmp/cmp.html

@@ -0,0 +1,3 @@
+<template>
+    <div lwc:inner-html={imports}></div>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/export-named/modules/x/cmp/cmp.js

@@ -0,0 +1,25 @@
+import {
+    LightningElement,
+    getComponentDefAlias,
+    isComponentConstructor,
+    createContextProvider,
+    readonly,
+    setFeatureFlagForTest,
+    unwrap,
+    createElement,
+    renderComponent,
+} from '../../../barrel.js';
+import { importsToString } from '../../../../shared.js';
+
+export default class extends LightningElement {
+    imports = importsToString([
+        getComponentDefAlias,
+        isComponentConstructor,
+        createContextProvider,
+        readonly,
+        setFeatureFlagForTest,
+        unwrap,
+        createElement,
+        renderComponent,
+    ]);
+}

packages/@lwc/engine-server/src/__tests__/fixtures/barrel-lwc-exports/shared.js

@@ -0,0 +1,11 @@
+export function importsToString(imports) {
+    return imports
+        .map((i) =>
+            i
+                .toString()
+                .split('(')[0]
+                // renderComponent is aliased here: https://github.com/salesforce/lwc/blob/5d01843a7733a03b9ccb59a70ad64af955f15b88/packages/%40lwc/ssr-runtime/src/index.ts#L31
+                .replace('async function serverSideRenderComponent', 'function renderComponent')
+        )
+        .join('\n      ');
+}

packages/@lwc/ssr-compiler/src/compile-js/index.ts

@@ -10,7 +10,7 @@ import { traverse, builders as b, is } from 'estree-toolkit';
 import { parseModule } from 'meriyah';
 
 import { transmogrify } from '../transmogrify';
-import { replaceLwcImport } from './lwc-import';
+import { replaceLwcImport, replaceNamedLwcExport, replaceAllLwcExport } from './lwc-import';
 import { catalogTmplImport } from './catalog-tmpls';
 import { catalogStaticStylesheets, catalogAndReplaceStyleImports } from './stylesheets';
 import { addGenerateMarkupFunction } from './generate-markup';
@@ -23,6 +23,12 @@ import type { CompilationMode } from '@lwc/shared';
 
 const visitors: Visitors = {
     $: { scope: true },
+    ExportNamedDeclaration(path) {
+        replaceNamedLwcExport(path);
+    },
+    ExportAllDeclaration(path) {
+        replaceAllLwcExport(path);
+    },
     ImportDeclaration(path, state) {
         if (!path.node || !path.node.source.value || typeof path.node.source.value !== 'string') {
             return;

packages/@lwc/ssr-compiler/src/compile-js/lwc-import.ts

@@ -7,7 +7,7 @@
 
 import { builders as b } from 'estree-toolkit';
 
-import type { ImportDeclaration } from 'estree';
+import type { ImportDeclaration, ExportNamedDeclaration, ExportAllDeclaration } from 'estree';
 import type { NodePath } from 'estree-toolkit';
 import type { ComponentMetaState } from './types';
 
@@ -18,7 +18,7 @@ import type { ComponentMetaState } from './types';
  *  2. it makes note of the local var name associated with the `LightningElement` import
  */
 export function replaceLwcImport(path: NodePath<ImportDeclaration>, state: ComponentMetaState) {
-    if (!path.node || path.node.source.value !== 'lwc') {
+    if (!path.node || !isLwcSource(path)) {
         return;
     }
 
@@ -35,3 +35,40 @@ export function replaceLwcImport(path: NodePath<ImportDeclaration>, state: Compo
 
     path.replaceWith(b.importDeclaration(path.node.specifiers, b.literal('@lwc/ssr-runtime')));
 }
+
+/**
+ * This handles lwc barrel exports by replacing "lwc" with "@lwc/ssr-runtime"
+ */
+export function replaceNamedLwcExport(path: NodePath<ExportNamedDeclaration>) {
+    if (!path.node || !isLwcSource(path)) {
+        return;
+    }
+
+    path.replaceWith(
+        b.exportNamedDeclaration(
+            path.node.declaration,
+            path.node.specifiers,
+            b.literal('@lwc/ssr-runtime')
+        )
+    );
+}
+
+/**
+ * This handles all lwc barrel exports by replacing "lwc" with "@lwc/ssr-runtime"
+ */
+export function replaceAllLwcExport(path: NodePath<ExportAllDeclaration>) {
+    if (!path.node || !isLwcSource(path)) {
+        return;
+    }
+
+    path.replaceWith(b.exportAllDeclaration(b.literal('@lwc/ssr-runtime'), path.node.exported));
+}
+
+/**
+ * Utility to determine if a node source is 'lwc'
+ */
+function isLwcSource(
+    path: NodePath<ExportAllDeclaration | ExportNamedDeclaration | ImportDeclaration>
+): boolean {
+    return path.node?.source?.value === 'lwc';
+}