@parcel/packager-react-static 2.15.3-canary.3476 → 2.15.4

package/lib/ReactStaticPackager.js

@@ -234,7 +234,28 @@ var _default = exports.default = new (_plugin().Packager)({
     } = await prerender(React.createElement(Content), {
       bootstrapScriptContent
     });
-    let response = prelude.pipeThrough(injectRSCPayload(injectStream));
+
+    // Buffer into a single chunk so hash reference replacement works correctly.
+    // There could potentially be a more optimal way of doing this in the future.
+    let buffers = [];
+    let len = 0;
+    // $FlowFixMe
+    let bufferedStream = new TransformStream({
+      transform(chunk) {
+        len += chunk.length;
+        buffers.push(chunk);
+      },
+      flush(controller) {
+        let concated = new Uint8Array(len);
+        let offset = 0;
+        for (let buf of buffers) {
+          concated.set(buf, offset);
+          offset += buf.length;
+        }
+        controller.enqueue(concated);
+      }
+    });
+    let response = prelude.pipeThrough(injectRSCPayload(injectStream.pipeThrough(bufferedStream)));
     return [{
       type: 'html',
       contents: _stream().Readable.from(response)
@@ -367,9 +388,13 @@ async function loadBundleUncached(bundle, bundleGraph, getInlineBundleContents)
     return loadAsset((0, _nullthrows().default)(assetsByPublicId.get(publicId)));
   };
   parcelRequire.root = parcelRequire;
+  let publicUrl = bundle.target.publicUrl;
+  if (!publicUrl.endsWith('/')) {
+    publicUrl += '/';
+  }
   parcelRequire.meta = {
     distDir: bundle.target.distDir,
-    publicUrl: bundle.target.publicUrl
+    publicUrl
   };
   parcelRequire.load = async filePath => {
     let bundle = bundleGraph.getBundles().find(b => b.publicId === filePath || b.name === filePath);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/packager-react-static",
-  "version": "2.15.3-canary.3476+d948759d2",
+  "version": "2.15.4",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,16 +17,16 @@
   "source": "src/ReactStaticPackager.js",
   "engines": {
     "node": ">= 16.0.0",
-    "parcel": "^2.0.0-canary.1851+d948759d2"
+    "parcel": "^2.15.4"
   },
   "dependencies": {
-    "@parcel/node-resolver-core": "3.6.3-canary.3476+d948759d2",
-    "@parcel/plugin": "2.0.0-canary.1853+d948759d2",
-    "@parcel/rust": "2.15.3-canary.3476+d948759d2",
-    "@parcel/types": "2.0.0-canary.1853+d948759d2",
-    "@parcel/utils": "2.0.0-canary.1853+d948759d2",
+    "@parcel/node-resolver-core": "3.6.4",
+    "@parcel/plugin": "2.15.4",
+    "@parcel/rust": "2.15.4",
+    "@parcel/types": "2.15.4",
+    "@parcel/utils": "2.15.4",
     "nullthrows": "^1.1.1",
     "rsc-html-stream": "^0.0.6"
   },
-  "gitHead": "d948759d2fd502bc0c76cf87480f6fb12d2a2ee6"
+  "gitHead": "dadcead5ec12286a4d4115880f47cab02dbdbbf6"
 }

package/src/ReactStaticPackager.js

@@ -215,7 +215,31 @@ export default (new Packager({
     let {prelude} = await prerender(React.createElement(Content), {
       bootstrapScriptContent,
     });
-    let response = prelude.pipeThrough(injectRSCPayload(injectStream));
+
+    // Buffer into a single chunk so hash reference replacement works correctly.
+    // There could potentially be a more optimal way of doing this in the future.
+    let buffers = [];
+    let len = 0;
+    // $FlowFixMe
+    let bufferedStream = new TransformStream({
+      transform(chunk) {
+        len += chunk.length;
+        buffers.push(chunk);
+      },
+      flush(controller) {
+        let concated = new Uint8Array(len);
+        let offset = 0;
+        for (let buf of buffers) {
+          concated.set(buf, offset);
+          offset += buf.length;
+        }
+        controller.enqueue(concated);
+      },
+    });
+
+    let response = prelude.pipeThrough(
+      injectRSCPayload(injectStream.pipeThrough(bufferedStream)),
+    );
 
     return [
       {
@@ -392,9 +416,13 @@ async function loadBundleUncached(
 
   parcelRequire.root = parcelRequire;
 
+  let publicUrl = bundle.target.publicUrl;
+  if (!publicUrl.endsWith('/')) {
+    publicUrl += '/';
+  }
   parcelRequire.meta = {
     distDir: bundle.target.distDir,
-    publicUrl: bundle.target.publicUrl,
+    publicUrl,
   };
 
   parcelRequire.load = async (filePath: string) => {