Update entry.client and disable vite legacy mode (#8851)

Tobbe · web-flow · commit 8917ad6ab5ea · 2023-07-07T10:02:47.000Z
diff --git a/packages/cli/src/commands/experimental/setupRscHandler.js b/packages/cli/src/commands/experimental/setupRscHandler.js
@@ -94,7 +94,7 @@ export const handler = async ({ force, verbose }) => {
         },
       },
       {
-        title: 'Updating App.tsx...',
+        title: 'Overwriting App.tsx...',
         task: async () => {
           const appTemplate = fs.readFileSync(
             path.resolve(__dirname, 'templates', 'rsc', 'App.tsx.template'),
@@ -135,6 +135,24 @@ export const handler = async ({ force, verbose }) => {
           })
         },
       },
+      {
+        title: 'Overwrite entry.client.tsx...',
+        task: async () => {
+          const entryClientTemplate = fs.readFileSync(
+            path.resolve(
+              __dirname,
+              'templates',
+              'rsc',
+              'entry.client.tsx.template'
+            ),
+            'utf-8'
+          )
+
+          writeFile(rwPaths.web.entryClient, entryClientTemplate, {
+            overwriteExisting: true,
+          })
+        },
+      },
       {
         task: () => {
           printTaskEpilogue(command, description, EXPERIMENTAL_TOPIC_ID)
diff --git a/packages/cli/src/commands/experimental/templates/rsc/entry.client.tsx.template b/packages/cli/src/commands/experimental/templates/rsc/entry.client.tsx.template
@@ -0,0 +1,10 @@
+import { createRoot } from 'react-dom/client'
+
+import { serve } from '@redwoodjs/vite/client'
+
+const redwoodAppElement = document.getElementById('redwood-app')
+
+const App = serve('App')
+
+const root = createRoot(redwoodAppElement)
+root.render(<App name="Redwood RSCc" />)
diff --git a/packages/vite/src/index.ts b/packages/vite/src/index.ts
@@ -170,9 +170,10 @@ export default function redwoodPluginVite(): PluginOption[] {
             manifest: !env.ssrBuild ? 'build-manifest.json' : undefined,
             sourcemap: !env.ssrBuild && rwConfig.web.sourceMap, // Note that this can be boolean or 'inline'
           },
-          // To produce a cjs bundle for SSR
           legacy: {
-            buildSsrCjsExternalHeuristics: env.ssrBuild,
+            buildSsrCjsExternalHeuristics: rwConfig.experimental?.rsc?.enabled
+              ? false
+              : env.ssrBuild,
           },
           optimizeDeps: {
             esbuildOptions: {
