try bundling react-server-dom-webpack/server

Author: jtoar

packages/vite/.gitignore

@@ -0,0 +1 @@
+compiled

packages/vite/build.mts

@@ -1,3 +1,20 @@
 import { build } from '@redwoodjs/framework-tools'
 
+import * as esbuild from 'esbuild'
+
 await build()
+
+// Bundle react dependencies without poisoned imports
+// so that we don't need the react-server condition at runtime.
+
+await esbuild.build({
+  entryPoints: ['prebundled/react-server-dom-webpack.server.js'],
+  outdir: 'compiled',
+
+  bundle: true,
+  conditions: ['react-server'],
+  platform: 'node',
+  target: ['node20'],
+
+  logLevel: 'info',
+})

packages/vite/package.json

@@ -54,7 +54,8 @@
   "files": [
     "dist",
     "inject",
-    "cjsWrapper.js"
+    "cjsWrapper.js",
+    "compiled"
   ],
   "scripts": {
     "build": "tsx build.mts && yarn build:types",

packages/vite/prebundled/react-server-dom-webpack.server.js

@@ -0,0 +1,4 @@
+export {
+  decodeReply,
+  decodeReplyFromBusboy,
+} from 'react-server-dom-webpack/server'

packages/vite/src/rsc/rscRequestHandler.ts

@@ -1,14 +1,16 @@
 import busboy from 'busboy'
 import type { Request, Response } from 'express'
-import RSDWServer from 'react-server-dom-webpack/server.node.unbundled'
 
+import {
+  decodeReply,
+  decodeReplyFromBusboy,
+  // @ts-expect-error todo
+} from '../../compiled/react-server-dom-webpack.server'
 import { hasStatusCode } from '../lib/StatusError.js'
 
 import { sendRscFlightToStudio } from './rscStudioHandlers.js'
 import { renderRsc } from './rscWorkerCommunication.js'
 
-const { decodeReply, decodeReplyFromBusboy } = RSDWServer
-
 export function createRscRequestHandler() {
   // This is mounted at /rw-rsc, so will have /rw-rsc stripped from req.url
   return async (req: Request, res: Response, next: () => void) => {