fix(ssr): transform superclass identifier (#13635)

Author: bluwy

packages/vite/src/node/ssr/__tests__/ssrTransform.spec.ts

@@ -907,11 +907,28 @@ for (const test in tests) {
 
 test('avoid binding ClassExpression', async () => {
   const result = await ssrTransformSimple(
-    `import Foo, {Bar} from './foo';console.log(Foo, Bar);const obj = {foo: class Foo{}, bar: class Bar{}}`,
+    `
+import Foo, { Bar } from './foo';
+
+console.log(Foo, Bar);
+const obj = {
+  foo: class Foo {},
+  bar: class Bar {}
+}
+const Baz = class extends Foo {}
+`,
   )
   expect(result?.code).toMatchInlineSnapshot(`
-
     "const __vite_ssr_import_0__ = await __vite_ssr_import__(\\"./foo\\");
-    console.log(__vite_ssr_import_0__.default, __vite_ssr_import_0__.Bar);const obj = {foo: class Foo{}, bar: class Bar{}}"
+
+
+
+    console.log(__vite_ssr_import_0__.default, __vite_ssr_import_0__.Bar);
+    const obj = {
+      foo: class Foo {},
+      bar: class Bar {}
+    }
+    const Baz = class extends __vite_ssr_import_0__.default {}
+    "
   `)
 })

packages/vite/src/node/ssr/ssrTransform.ts

@@ -256,7 +256,10 @@ async function ssrTransformScript(
           const topNode = parentStack[parentStack.length - 2]
           s.prependRight(topNode.start, `const ${id.name} = ${binding};\n`)
         }
-      } else if (parent.type !== 'ClassExpression') {
+      } else if (
+        // don't transform class name identifier
+        !(parent.type === 'ClassExpression' && id === parent.id)
+      ) {
         s.update(id.start, id.end, binding)
       }
     },