mirror of
https://github.com/hanzoai/react.git
synced 2026-09-24 17:02:27 +00:00
Rename SSRManifest to ServerConsumerManifest (#31299)
This config is more generally applicable to all server-side Flight Clients and not just SSR.
This commit is contained in:
committed by
GitHub
parent
2a6b5d7991
commit
a978c48c1b
@@ -130,7 +130,7 @@ async function renderApp(req, res, next) {
|
||||
buildPath = path.join(__dirname, '../build/');
|
||||
}
|
||||
// Read the module map from the virtual file system.
|
||||
const ssrManifest = JSON.parse(
|
||||
const serverConsumerManifest = JSON.parse(
|
||||
await virtualFs.readFile(
|
||||
path.join(buildPath, 'react-ssr-manifest.json'),
|
||||
'utf8'
|
||||
@@ -160,14 +160,20 @@ async function renderApp(req, res, next) {
|
||||
rscResponse.pipe(rscResponse1);
|
||||
rscResponse.pipe(rscResponse2);
|
||||
|
||||
const {formState} = await createFromNodeStream(rscResponse1, ssrManifest);
|
||||
const {formState} = await createFromNodeStream(
|
||||
rscResponse1,
|
||||
serverConsumerManifest
|
||||
);
|
||||
rscResponse1.end();
|
||||
|
||||
let cachedResult;
|
||||
let Root = () => {
|
||||
if (!cachedResult) {
|
||||
// Read this stream inside the render.
|
||||
cachedResult = createFromNodeStream(rscResponse2, ssrManifest);
|
||||
cachedResult = createFromNodeStream(
|
||||
rscResponse2,
|
||||
serverConsumerManifest
|
||||
);
|
||||
}
|
||||
return React.use(cachedResult).root;
|
||||
};
|
||||
|
||||
+4
-4
@@ -20,7 +20,7 @@ import type {LazyComponent} from 'react/src/ReactLazy';
|
||||
import type {
|
||||
ClientReference,
|
||||
ClientReferenceMetadata,
|
||||
SSRModuleMap,
|
||||
ServerConsumerModuleMap,
|
||||
StringDecoder,
|
||||
ModuleLoading,
|
||||
} from './ReactFlightClientConfig';
|
||||
@@ -269,7 +269,7 @@ export type FindSourceMapURLCallback = (
|
||||
) => null | string;
|
||||
|
||||
export type Response = {
|
||||
_bundlerConfig: SSRModuleMap,
|
||||
_bundlerConfig: ServerConsumerModuleMap,
|
||||
_moduleLoading: ModuleLoading,
|
||||
_callServer: CallServerCallback,
|
||||
_encodeFormAction: void | EncodeFormActionCallback,
|
||||
@@ -1420,7 +1420,7 @@ function missingCall() {
|
||||
|
||||
function ResponseInstance(
|
||||
this: $FlowFixMe,
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
callServer: void | CallServerCallback,
|
||||
encodeFormAction: void | EncodeFormActionCallback,
|
||||
@@ -1485,7 +1485,7 @@ function ResponseInstance(
|
||||
}
|
||||
|
||||
export function createResponse(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
callServer: void | CallServerCallback,
|
||||
encodeFormAction: void | EncodeFormActionCallback,
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
declare const $$$config: any;
|
||||
|
||||
export opaque type ModuleLoading = mixed;
|
||||
export opaque type SSRModuleMap = mixed;
|
||||
export opaque type ServerConsumerModuleMap = mixed;
|
||||
export opaque type ServerManifest = mixed;
|
||||
export opaque type ServerReferenceId = string;
|
||||
export opaque type ClientReferenceMetadata = mixed;
|
||||
|
||||
@@ -15,7 +15,7 @@ export * from 'react-client/src/ReactClientConsoleConfigPlain';
|
||||
export * from 'react-dom-bindings/src/shared/ReactFlightClientConfigDOM';
|
||||
|
||||
export opaque type ModuleLoading = mixed;
|
||||
export opaque type SSRModuleMap = mixed;
|
||||
export opaque type ServerConsumerModuleMap = mixed;
|
||||
export opaque type ServerManifest = mixed;
|
||||
export opaque type ServerReferenceId = string;
|
||||
export opaque type ClientReferenceMetadata = mixed;
|
||||
|
||||
@@ -15,7 +15,7 @@ export * from 'react-client/src/ReactClientConsoleConfigBrowser';
|
||||
|
||||
export type Response = any;
|
||||
export opaque type ModuleLoading = mixed;
|
||||
export opaque type SSRModuleMap = mixed;
|
||||
export opaque type ServerConsumerModuleMap = mixed;
|
||||
export opaque type ServerManifest = mixed;
|
||||
export opaque type ServerReferenceId = string;
|
||||
export opaque type ClientReferenceMetadata = mixed;
|
||||
|
||||
@@ -16,7 +16,7 @@ export * from 'react-markup/src/ReactMarkupLegacyClientStreamConfig.js';
|
||||
export * from 'react-client/src/ReactClientConsoleConfigPlain';
|
||||
|
||||
export type ModuleLoading = null;
|
||||
export type SSRModuleMap = null;
|
||||
export type ServerConsumerModuleMap = null;
|
||||
export opaque type ServerManifest = null;
|
||||
export opaque type ServerReferenceId = string;
|
||||
export opaque type ClientReferenceMetadata = null;
|
||||
@@ -33,7 +33,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
throw new Error(
|
||||
|
||||
+2
-2
@@ -14,7 +14,7 @@ import type {
|
||||
} from 'shared/ReactTypes';
|
||||
import type {ModuleLoading} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
export type SSRModuleMap = string; // Module root path
|
||||
export type ServerConsumerModuleMap = string; // Module root path
|
||||
|
||||
export type ServerManifest = string; // Module root path
|
||||
|
||||
@@ -48,7 +48,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
const baseURL = bundlerConfig;
|
||||
|
||||
+1
-1
@@ -97,7 +97,7 @@ describe('ReactFlightTurbopackDOMEdge', () => {
|
||||
turbopackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverManifest: {
|
||||
moduleMap: translationMap,
|
||||
moduleLoading: null,
|
||||
},
|
||||
|
||||
+2
-2
@@ -24,7 +24,7 @@ import {
|
||||
} from '../shared/ReactFlightImportMetadata';
|
||||
import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
export type SSRModuleMap = {
|
||||
export type ServerConsumerModuleMap = {
|
||||
[clientId: string]: {
|
||||
[clientExportName: string]: ClientReference<any>,
|
||||
},
|
||||
@@ -58,7 +58,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
const moduleExports = bundlerConfig[metadata[ID]];
|
||||
|
||||
+2
-2
@@ -30,7 +30,7 @@ import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientCo
|
||||
|
||||
import {loadChunk} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
export type SSRModuleMap = null | {
|
||||
export type ServerConsumerModuleMap = null | {
|
||||
[clientId: string]: {
|
||||
[clientExportName: string]: ClientReferenceManifestEntry,
|
||||
},
|
||||
@@ -63,7 +63,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
if (bundlerConfig) {
|
||||
|
||||
@@ -17,12 +17,12 @@ import type {
|
||||
import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
|
||||
|
||||
import type {
|
||||
SSRModuleMap,
|
||||
ServerConsumerModuleMap,
|
||||
ModuleLoading,
|
||||
} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
type SSRManifest = {
|
||||
moduleMap: SSRModuleMap,
|
||||
type ServerConsumerManifest = {
|
||||
moduleMap: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
};
|
||||
|
||||
@@ -66,7 +66,7 @@ type EncodeFormActionCallback = <A>(
|
||||
) => ReactCustomFormAction;
|
||||
|
||||
export type Options = {
|
||||
ssrManifest: SSRManifest,
|
||||
serverManifest: ServerConsumerManifest,
|
||||
nonce?: string,
|
||||
encodeFormAction?: EncodeFormActionCallback,
|
||||
temporaryReferences?: TemporaryReferenceSet,
|
||||
@@ -77,8 +77,8 @@ export type Options = {
|
||||
|
||||
function createResponseFromOptions(options: Options) {
|
||||
return createResponse(
|
||||
options.ssrManifest.moduleMap,
|
||||
options.ssrManifest.moduleLoading,
|
||||
options.serverManifest.moduleMap,
|
||||
options.serverManifest.moduleLoading,
|
||||
noServerCall,
|
||||
options.encodeFormAction,
|
||||
typeof options.nonce === 'string' ? options.nonce : undefined,
|
||||
|
||||
@@ -15,12 +15,12 @@ import type {
|
||||
} from 'react-client/src/ReactFlightClient';
|
||||
|
||||
import type {
|
||||
SSRModuleMap,
|
||||
ServerConsumerModuleMap,
|
||||
ModuleLoading,
|
||||
} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
type SSRManifest = {
|
||||
moduleMap: SSRModuleMap,
|
||||
type ServerConsumerManifest = {
|
||||
moduleMap: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
};
|
||||
|
||||
@@ -66,12 +66,12 @@ export type Options = {
|
||||
|
||||
function createFromNodeStream<T>(
|
||||
stream: Readable,
|
||||
ssrManifest: SSRManifest,
|
||||
serverConsumerManifest: ServerConsumerManifest,
|
||||
options?: Options,
|
||||
): Thenable<T> {
|
||||
const response: Response = createResponse(
|
||||
ssrManifest.moduleMap,
|
||||
ssrManifest.moduleLoading,
|
||||
serverConsumerManifest.moduleMap,
|
||||
serverConsumerManifest.moduleLoading,
|
||||
noServerCall,
|
||||
options ? options.encodeFormAction : undefined,
|
||||
options && typeof options.nonce === 'string' ? options.nonce : undefined,
|
||||
|
||||
@@ -58,7 +58,7 @@ type Options = {
|
||||
clientReferences?: ClientReferencePath | $ReadOnlyArray<ClientReferencePath>,
|
||||
chunkName?: string,
|
||||
clientManifestFilename?: string,
|
||||
ssrManifestFilename?: string,
|
||||
serverConsumerManifestFilename?: string,
|
||||
};
|
||||
|
||||
const PLUGIN_NAME = 'React Server Plugin';
|
||||
@@ -67,7 +67,7 @@ export default class ReactFlightWebpackPlugin {
|
||||
clientReferences: $ReadOnlyArray<ClientReferencePath>;
|
||||
chunkName: string;
|
||||
clientManifestFilename: string;
|
||||
ssrManifestFilename: string;
|
||||
serverConsumerManifestFilename: string;
|
||||
|
||||
constructor(options: Options) {
|
||||
if (!options || typeof options.isServer !== 'boolean') {
|
||||
@@ -105,8 +105,8 @@ export default class ReactFlightWebpackPlugin {
|
||||
}
|
||||
this.clientManifestFilename =
|
||||
options.clientManifestFilename || 'react-client-manifest.json';
|
||||
this.ssrManifestFilename =
|
||||
options.ssrManifestFilename || 'react-ssr-manifest.json';
|
||||
this.serverConsumerManifestFilename =
|
||||
options.serverConsumerManifestFilename || 'react-ssr-manifest.json';
|
||||
}
|
||||
|
||||
apply(compiler: any) {
|
||||
@@ -239,18 +239,18 @@ export default class ReactFlightWebpackPlugin {
|
||||
const clientManifest: {
|
||||
[string]: ImportManifestEntry,
|
||||
} = {};
|
||||
type SSRModuleMap = {
|
||||
type ServerConsumerModuleMap = {
|
||||
[string]: {
|
||||
[string]: {specifier: string, name: string},
|
||||
},
|
||||
};
|
||||
const moduleMap: SSRModuleMap = {};
|
||||
const moduleMap: ServerConsumerModuleMap = {};
|
||||
const ssrBundleConfig: {
|
||||
moduleLoading: {
|
||||
prefix: string,
|
||||
crossOrigin: string | null,
|
||||
},
|
||||
moduleMap: SSRModuleMap,
|
||||
moduleMap: ServerConsumerModuleMap,
|
||||
} = {
|
||||
moduleLoading: {
|
||||
prefix: compilation.outputOptions.publicPath || '',
|
||||
@@ -374,7 +374,7 @@ export default class ReactFlightWebpackPlugin {
|
||||
);
|
||||
const ssrOutput = JSON.stringify(ssrBundleConfig, null, 2);
|
||||
compilation.emitAsset(
|
||||
_this.ssrManifestFilename,
|
||||
_this.serverConsumerManifestFilename,
|
||||
new sources.RawSource(ssrOutput, false),
|
||||
);
|
||||
},
|
||||
|
||||
+18
-18
@@ -195,7 +195,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
ReactServerDOMServer.renderToReadableStream(<App />, webpackMap),
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: translationMap,
|
||||
moduleLoading: webpackModuleLoading,
|
||||
},
|
||||
@@ -235,7 +235,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(
|
||||
stream2,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -263,7 +263,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(
|
||||
stream2,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -333,7 +333,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
expect(timesRendered).toBeLessThan(5);
|
||||
|
||||
const model = await ReactServerDOMClient.createFromReadableStream(stream2, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -405,7 +405,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
|
||||
const model = await serverAct(() =>
|
||||
ReactServerDOMClient.createFromReadableStream(stream2, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -462,7 +462,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
passThrough(ReactServerDOMServer.renderToReadableStream(buffers)),
|
||||
);
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -482,7 +482,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
passThrough(ReactServerDOMServer.renderToReadableStream(blob)),
|
||||
);
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -512,7 +512,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
passThrough(ReactServerDOMServer.renderToReadableStream(formData)),
|
||||
);
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -547,7 +547,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const resultPromise = ReactServerDOMClient.createFromReadableStream(
|
||||
stream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -587,7 +587,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
|
||||
const result = await serverAct(() =>
|
||||
ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -635,7 +635,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
// Parsing the root blocks because the module hasn't loaded yet
|
||||
const result = await serverAct(() =>
|
||||
ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -689,7 +689,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(
|
||||
stream2,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -777,7 +777,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(
|
||||
stream1,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -836,7 +836,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
const result = await ReactServerDOMClient.createFromReadableStream(
|
||||
stream1,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -891,7 +891,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
|
||||
const rootModel = await serverAct(() =>
|
||||
ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -995,7 +995,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
|
||||
const rootModel = await serverAct(() =>
|
||||
ReactServerDOMClient.createFromReadableStream(stream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -1079,7 +1079,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
}
|
||||
|
||||
const response = ReactServerDOMClient.createFromReadableStream(prelude, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -1146,7 +1146,7 @@ describe('ReactFlightDOMEdge', () => {
|
||||
}
|
||||
|
||||
const response = ReactServerDOMClient.createFromReadableStream(prelude, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
|
||||
+21
-21
@@ -166,7 +166,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
}
|
||||
const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -232,7 +232,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
}
|
||||
const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -272,7 +272,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
}
|
||||
const rscStream = ReactServerDOMServer.renderToReadableStream(<App />);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -343,7 +343,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -391,7 +391,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -444,7 +444,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -469,7 +469,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -539,7 +539,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const response = ReactServerDOMClient.createFromReadableStream(
|
||||
rscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -569,7 +569,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -601,7 +601,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse2 = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream2,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -660,7 +660,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -687,7 +687,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -738,7 +738,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -766,7 +766,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -794,7 +794,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse2 = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream2,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -838,7 +838,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -891,7 +891,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -928,7 +928,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -954,7 +954,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
const postbackResponse = ReactServerDOMClient.createFromReadableStream(
|
||||
postbackRscStream,
|
||||
{
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -1007,7 +1007,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
webpackMap,
|
||||
);
|
||||
const response = ReactServerDOMClient.createFromReadableStream(rscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -1032,7 +1032,7 @@ describe('ReactFlightDOMForm', () => {
|
||||
);
|
||||
const postbackResponse =
|
||||
await ReactServerDOMClient.createFromReadableStream(postbackRscStream, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
|
||||
@@ -130,7 +130,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
'*': ssrMetadata,
|
||||
},
|
||||
};
|
||||
const ssrManifest = {
|
||||
const serverConsumerManifest = {
|
||||
moduleMap: translationMap,
|
||||
moduleLoading: webpackModuleLoading,
|
||||
};
|
||||
@@ -151,7 +151,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
if (response) return use(response);
|
||||
response = ReactServerDOMClient.createFromNodeStream(
|
||||
readable,
|
||||
ssrManifest,
|
||||
serverConsumerManifest,
|
||||
);
|
||||
return use(response);
|
||||
}
|
||||
@@ -255,7 +255,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
'*': ssrMetadata,
|
||||
},
|
||||
};
|
||||
const ssrManifest = {
|
||||
const serverConsumerManifest = {
|
||||
moduleMap: translationMap,
|
||||
moduleLoading: webpackModuleLoading,
|
||||
};
|
||||
@@ -276,7 +276,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
if (response) return use(response);
|
||||
response = ReactServerDOMClient.createFromNodeStream(
|
||||
readable,
|
||||
ssrManifest,
|
||||
serverConsumerManifest,
|
||||
{
|
||||
nonce: 'r4nd0m',
|
||||
},
|
||||
@@ -426,7 +426,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
}
|
||||
|
||||
const response = ReactServerDOMClient.createFromNodeStream(prelude, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
@@ -492,7 +492,7 @@ describe('ReactFlightDOMNode', () => {
|
||||
}
|
||||
|
||||
const response = ReactServerDOMClient.createFromNodeStream(prelude, {
|
||||
ssrManifest: {
|
||||
serverConsumerManifest: {
|
||||
moduleMap: null,
|
||||
moduleLoading: null,
|
||||
},
|
||||
|
||||
+2
-2
@@ -24,7 +24,7 @@ import {
|
||||
} from '../shared/ReactFlightImportMetadata';
|
||||
import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
export type SSRModuleMap = {
|
||||
export type ServerConsumerModuleMap = {
|
||||
[clientId: string]: {
|
||||
[clientExportName: string]: ClientReference<any>,
|
||||
},
|
||||
@@ -58,7 +58,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
const moduleExports = bundlerConfig[metadata[ID]];
|
||||
|
||||
+2
-2
@@ -30,7 +30,7 @@ import {prepareDestinationWithChunks} from 'react-client/src/ReactFlightClientCo
|
||||
|
||||
import {loadChunk} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
export type SSRModuleMap = null | {
|
||||
export type ServerConsumerModuleMap = null | {
|
||||
[clientId: string]: {
|
||||
[clientExportName: string]: ClientReferenceManifestEntry,
|
||||
},
|
||||
@@ -63,7 +63,7 @@ export function prepareDestinationForModule(
|
||||
}
|
||||
|
||||
export function resolveClientReference<T>(
|
||||
bundlerConfig: SSRModuleMap,
|
||||
bundlerConfig: ServerConsumerModuleMap,
|
||||
metadata: ClientReferenceMetadata,
|
||||
): ClientReference<T> {
|
||||
if (bundlerConfig) {
|
||||
|
||||
@@ -17,12 +17,12 @@ import type {
|
||||
import type {ReactServerValue} from 'react-client/src/ReactFlightReplyClient';
|
||||
|
||||
import type {
|
||||
SSRModuleMap,
|
||||
ServerConsumerModuleMap,
|
||||
ModuleLoading,
|
||||
} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
type SSRManifest = {
|
||||
moduleMap: SSRModuleMap,
|
||||
type ServerConsumerManifest = {
|
||||
moduleMap: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
};
|
||||
|
||||
@@ -66,7 +66,7 @@ type EncodeFormActionCallback = <A>(
|
||||
) => ReactCustomFormAction;
|
||||
|
||||
export type Options = {
|
||||
ssrManifest: SSRManifest,
|
||||
serverConsumerManifest: ServerConsumerManifest,
|
||||
nonce?: string,
|
||||
encodeFormAction?: EncodeFormActionCallback,
|
||||
temporaryReferences?: TemporaryReferenceSet,
|
||||
@@ -77,8 +77,8 @@ export type Options = {
|
||||
|
||||
function createResponseFromOptions(options: Options) {
|
||||
return createResponse(
|
||||
options.ssrManifest.moduleMap,
|
||||
options.ssrManifest.moduleLoading,
|
||||
options.serverConsumerManifest.moduleMap,
|
||||
options.serverConsumerManifest.moduleLoading,
|
||||
noServerCall,
|
||||
options.encodeFormAction,
|
||||
typeof options.nonce === 'string' ? options.nonce : undefined,
|
||||
|
||||
@@ -15,12 +15,12 @@ import type {
|
||||
} from 'react-client/src/ReactFlightClient';
|
||||
|
||||
import type {
|
||||
SSRModuleMap,
|
||||
ServerConsumerModuleMap,
|
||||
ModuleLoading,
|
||||
} from 'react-client/src/ReactFlightClientConfig';
|
||||
|
||||
type SSRManifest = {
|
||||
moduleMap: SSRModuleMap,
|
||||
type ServerConsumerManifest = {
|
||||
moduleMap: ServerConsumerModuleMap,
|
||||
moduleLoading: ModuleLoading,
|
||||
};
|
||||
|
||||
@@ -67,12 +67,12 @@ export type Options = {
|
||||
|
||||
function createFromNodeStream<T>(
|
||||
stream: Readable,
|
||||
ssrManifest: SSRManifest,
|
||||
serverConsumerManifest: ServerConsumerManifest,
|
||||
options?: Options,
|
||||
): Thenable<T> {
|
||||
const response: Response = createResponse(
|
||||
ssrManifest.moduleMap,
|
||||
ssrManifest.moduleLoading,
|
||||
serverConsumerManifest.moduleMap,
|
||||
serverConsumerManifest.moduleLoading,
|
||||
noServerCall,
|
||||
options ? options.encodeFormAction : undefined,
|
||||
options && typeof options.nonce === 'string' ? options.nonce : undefined,
|
||||
|
||||
Reference in New Issue
Block a user