You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
3.3 KiB
JavaScript
72 lines
3.3 KiB
JavaScript
9 months ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "useFlightResponse", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function() {
|
||
|
|
return useFlightResponse;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const _htmlescape = require("../htmlescape");
|
||
|
|
const _encodedecode = require("../stream-utils/encode-decode");
|
||
|
|
const isEdgeRuntime = process.env.NEXT_RUNTIME === "edge";
|
||
|
|
const INLINE_FLIGHT_PAYLOAD_BOOTSTRAP = 0;
|
||
|
|
const INLINE_FLIGHT_PAYLOAD_DATA = 1;
|
||
|
|
const INLINE_FLIGHT_PAYLOAD_FORM_STATE = 2;
|
||
|
|
function createFlightTransformer(nonce, formState) {
|
||
|
|
const startScriptTag = nonce ? `<script nonce=${JSON.stringify(nonce)}>` : "<script>";
|
||
|
|
return new TransformStream({
|
||
|
|
// Bootstrap the flight information.
|
||
|
|
start (controller) {
|
||
|
|
controller.enqueue(`${startScriptTag}(self.__next_f=self.__next_f||[]).push(${(0, _htmlescape.htmlEscapeJsonString)(JSON.stringify([
|
||
|
|
INLINE_FLIGHT_PAYLOAD_BOOTSTRAP
|
||
|
|
]))});self.__next_f.push(${(0, _htmlescape.htmlEscapeJsonString)(JSON.stringify([
|
||
|
|
INLINE_FLIGHT_PAYLOAD_FORM_STATE,
|
||
|
|
formState
|
||
|
|
]))})</script>`);
|
||
|
|
},
|
||
|
|
transform (chunk, controller) {
|
||
|
|
const scripts = `${startScriptTag}self.__next_f.push(${(0, _htmlescape.htmlEscapeJsonString)(JSON.stringify([
|
||
|
|
INLINE_FLIGHT_PAYLOAD_DATA,
|
||
|
|
chunk
|
||
|
|
]))})</script>`;
|
||
|
|
controller.enqueue(scripts);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
const flightResponses = new WeakMap();
|
||
|
|
function useFlightResponse(writable, flightStream, clientReferenceManifest, formState, nonce) {
|
||
|
|
const response = flightResponses.get(flightStream);
|
||
|
|
if (response) {
|
||
|
|
return response;
|
||
|
|
}
|
||
|
|
// react-server-dom-webpack/client.edge must not be hoisted for require cache clearing to work correctly
|
||
|
|
let createFromReadableStream;
|
||
|
|
// @TODO: investigate why the aliasing for turbopack doesn't pick this up, requiring this runtime check
|
||
|
|
if (process.env.TURBOPACK) {
|
||
|
|
createFromReadableStream = // eslint-disable-next-line import/no-extraneous-dependencies
|
||
|
|
require("react-server-dom-turbopack/client.edge").createFromReadableStream;
|
||
|
|
} else {
|
||
|
|
createFromReadableStream = // eslint-disable-next-line import/no-extraneous-dependencies
|
||
|
|
require("react-server-dom-webpack/client.edge").createFromReadableStream;
|
||
|
|
}
|
||
|
|
const [renderStream, forwardStream] = flightStream.tee();
|
||
|
|
const res = createFromReadableStream(renderStream, {
|
||
|
|
ssrManifest: {
|
||
|
|
moduleLoading: clientReferenceManifest.moduleLoading,
|
||
|
|
moduleMap: isEdgeRuntime ? clientReferenceManifest.edgeSSRModuleMapping : clientReferenceManifest.ssrModuleMapping
|
||
|
|
},
|
||
|
|
nonce
|
||
|
|
});
|
||
|
|
flightResponses.set(flightStream, res);
|
||
|
|
pipeFlightDataToInlinedStream(forwardStream, writable, nonce, formState);
|
||
|
|
return res;
|
||
|
|
}
|
||
|
|
function pipeFlightDataToInlinedStream(flightStream, writable, nonce, formState) {
|
||
|
|
flightStream.pipeThrough((0, _encodedecode.createDecodeTransformStream)()).pipeThrough(createFlightTransformer(nonce, formState)).pipeThrough((0, _encodedecode.createEncodeTransformStream)()).pipeTo(writable).catch((err)=>{
|
||
|
|
console.error("Unexpected error while rendering Flight stream", err);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//# sourceMappingURL=use-flight-response.js.map
|