refactor to let react insert scripts

Author: devongovett

packages/examples/react-server-components/.parcelrc

@@ -1,4 +1,4 @@
 {
   "extends": "@parcel/config-default",
-  "runtimes": ["...", "@parcel/runtime-rsc"]
+  "runtimes": ["@parcel/runtime-rsc", "..."]
 }

packages/examples/react-server-components/src/server.tsx

@@ -6,8 +6,8 @@ import {injectRSCPayload} from 'rsc-html-stream/server';
 
 // Client dependencies, used for SSR.
 // These must run in the same environment as client components (e.g. same instance of React).
-import {createFromReadableStream} from 'react-server-dom-parcel/client' with {env: 'react-client'};
-import {renderToReadableStream as renderHTMLToReadableStream} from 'react-dom/server' with {env: 'react-client'};
+import {createFromReadableStream} from 'react-server-dom-parcel/client.edge' with {env: 'react-client'};
+import {renderToReadableStream as renderHTMLToReadableStream} from 'react-dom/server.edge' with {env: 'react-client'};
 import ReactClient from 'react' with {env: 'react-client'};
 
 // Page components. These must have "use server-entry" so they are treated as code splitting entry points.
@@ -81,8 +81,10 @@ async function render(req, res, component, actionResult) {
 
     // Use client react to render the RSC payload to HTML.
     let [s1, s2] = stream.tee();
-    let data = createFromReadableStream(s1);
+    let data;
     function Content() {
+      // Important: this must be constructed inside a component for preinit scripts to be inserted.
+      data ??= createFromReadableStream(s1);
       return ReactClient.use(data);
     }
 

packages/packagers/js/src/index.js

@@ -60,7 +60,7 @@ export default (new Packager({
       },
     );
 
-    let name = packageName?.contents?.name ?? '';
+    let name = packageName?.contents ?? '';
     return {
       parcelRequireName: 'parcelRequire' + hashString(name).slice(-4),
       unstable_asyncBundleRuntime: Boolean(

packages/runtimes/rsc/package.json

@@ -18,14 +18,16 @@
       "react-server": "./resources.js",
       "source": "./src/RSCRuntime.js",
       "default": "./lib/RSCRuntime.js"
-    }
+    },
+    "./resources": "./resources.js"
   },
   "engines": {
     "node": ">= 12.0.0",
     "parcel": "^2.8.3"
   },
   "dependencies": {
     "@parcel/plugin": "2.13.2",
+    "@parcel/rust": "2.13.2",
     "@parcel/utils": "2.13.2",
     "nullthrows": "^1.1.1"
   }