Wire up bundler configs (#18334)

This allows different flight server and clients to have different configs
depending on bundler to serialize and resolve modules.

Author: sebmarkbage

.eslintrc.js

@@ -157,6 +157,13 @@ module.exports = {
         nativeFabricUIManager: true,
       },
     },
+    {
+      files: ['packages/react-flight-dom-webpack/**/*.js'],
+      globals: {
+        '__webpack_chunk_load__': true,
+        '__webpack_require__': true,
+      },
+    },
   ],
 
   globals: {

packages/react-client/src/ReactFlightClient.js

@@ -9,6 +9,13 @@
 
 import {REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
 
+// import type {ModuleMetaData} from './ReactFlightClientHostConfig';
+
+// import {
+//   preloadModule,
+//   requireModule,
+// } from './ReactFlightClientHostConfig';
+
 export type ReactModelRoot<T> = {|
   model: T,
 |};

packages/react-client/src/ReactFlightClientHostConfigNoStream.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type StringDecoder = void;
+
+export const supportsBinaryStreams = false;
+
+export function createStringDecoder(): void {
+  throw new Error('Should never be called');
+}
+
+export function readPartialStringChunk(
+  decoder: StringDecoder,
+  buffer: Uint8Array,
+): string {
+  throw new Error('Should never be called');
+}
+
+export function readFinalStringChunk(
+  decoder: StringDecoder,
+  buffer: Uint8Array,
+): string {
+  throw new Error('Should never be called');
+}

packages/react-client/src/forks/ReactFlightClientHostConfig.custom.js

@@ -24,6 +24,11 @@
 // really an argument to a top-level wrapping function.
 
 declare var $$$hostConfig: any;
+
+export opaque type ModuleMetaData = mixed; // eslint-disable-line no-undef
+export const preloadModule = $$$hostConfig.preloadModule;
+export const requireModule = $$$hostConfig.requireModule;
+
 export opaque type Source = mixed; // eslint-disable-line no-undef
 export opaque type StringDecoder = mixed; // eslint-disable-line no-undef
 

packages/react-client/src/forks/ReactFlightClientHostConfig.dom-browser.js

@@ -8,3 +8,4 @@
  */
 
 export * from 'react-client/src/ReactFlightClientHostConfigBrowser';
+export * from 'react-flight-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';

packages/react-client/src/forks/ReactFlightClientHostConfig.dom-relay.js

@@ -8,3 +8,4 @@
  */
 
 export * from 'react-flight-dom-relay/src/ReactFlightDOMRelayClientHostConfig';
+export * from '../ReactFlightClientHostConfigNoStream';

packages/react-client/src/forks/ReactFlightClientHostConfig.dom.js

@@ -8,3 +8,4 @@
  */
 
 export * from 'react-client/src/ReactFlightClientHostConfigBrowser';
+export * from 'react-flight-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';

packages/react-flight-dom-relay/src/ReactFlightDOMRelayClientHostConfig.js

@@ -7,24 +7,9 @@
  * @flow
  */
 
-export type StringDecoder = void;
+export {
+  preloadModule,
+  requireModule,
+} from 'ReactFlightDOMRelayClientIntegration';
 
-export const supportsBinaryStreams = false;
-
-export function createStringDecoder(): void {
-  throw new Error('Should never be called');
-}
-
-export function readPartialStringChunk(
-  decoder: StringDecoder,
-  buffer: Uint8Array,
-): string {
-  throw new Error('Should never be called');
-}
-
-export function readFinalStringChunk(
-  decoder: StringDecoder,
-  buffer: Uint8Array,
-): string {
-  throw new Error('Should never be called');
-}
+export type {ModuleMetaData} from 'ReactFlightDOMRelayClientIntegration';

packages/react-flight-dom-relay/src/ReactFlightDOMRelayServer.js

@@ -13,7 +13,7 @@ import type {Destination} from './ReactFlightDOMRelayServerHostConfig';
 import {createRequest, startWork} from 'react-server/src/ReactFlightServer';
 
 function render(model: ReactModel, destination: Destination): void {
-  let request = createRequest(model, destination);
+  let request = createRequest(model, destination, undefined);
   startWork(request);
 }
 

packages/react-flight-dom-relay/src/ReactFlightDOMRelayServerHostConfig.js

@@ -9,13 +9,34 @@
 
 import type {Request, ReactModel} from 'react-server/src/ReactFlightServer';
 
-import type {Destination} from 'ReactFlightDOMRelayServerIntegration';
+import type {
+  Destination,
+  ModuleReference,
+  ModuleMetaData,
+} from 'ReactFlightDOMRelayServerIntegration';
 
 import {resolveModelToJSON} from 'react-server/src/ReactFlightServer';
 
-import {emitModel, emitError} from 'ReactFlightDOMRelayServerIntegration';
-
-export type {Destination} from 'ReactFlightDOMRelayServerIntegration';
+import {
+  emitModel,
+  emitError,
+  resolveResourceMetaData,
+} from 'ReactFlightDOMRelayServerIntegration';
+
+export type {
+  Destination,
+  ModuleReference,
+  ModuleMetaData,
+} from 'ReactFlightDOMRelayServerIntegration';
+
+export type BundlerConfig = void;
+
+export function resolveModuleMetaData(
+  config: BundlerConfig,
+  resource: ModuleReference,
+): ModuleMetaData {
+  return resolveResourceMetaData(resource);
+}
 
 type JSONValue =
   | string