[Flight] Rename react-transport-... packages to react-server-... (#20403)

* Move files

* Update paths

* Rename import variables

* Rename /server to /writer

This is mainly because "React Server Server" is weird so we need another
dimension.

* Use "react-server" convention to enforce that writer is only loaded in a server
This commit is contained in:
Sebastian Markbåge 2020-12-08 08:08:57 -05:00 committed by GitHub
parent ce40f1dc2f
commit 5fd9db732d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
76 changed files with 154 additions and 147 deletions

View File

@ -185,14 +185,14 @@ module.exports = {
{
files: [
'packages/react-native-renderer/**/*.js',
'packages/react-transport-native-relay/**/*.js',
'packages/react-server-native-relay/**/*.js',
],
globals: {
nativeFabricUIManager: true,
},
},
{
files: ['packages/react-transport-dom-webpack/**/*.js'],
files: ['packages/react-server-dom-webpack/**/*.js'],
globals: {
__webpack_chunk_load__: true,
__webpack_require__: true,

View File

@ -19,8 +19,8 @@
<script src="../../build/node_modules/react/umd/react.development.js"></script>
<script src="../../build/node_modules/react-dom/umd/react-dom.development.js"></script>
<script src="../../build/node_modules/react-dom/umd/react-dom-server.browser.development.js"></script>
<script src="../../build/node_modules/react-transport-dom-webpack/umd/react-transport-dom-webpack-server.browser.development.js"></script>
<script src="../../build/node_modules/react-transport-dom-webpack/umd/react-transport-dom-webpack.development.js"></script>
<script src="../../build/node_modules/react-server-dom-webpack/umd/react-server-dom-webpack-writer.browser.server.development.js"></script>
<script src="../../build/node_modules/react-server-dom-webpack/umd/react-server-dom-webpack.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.js"></script>
<script type="text/babel">
let Suspense = React.Suspense;
@ -60,7 +60,7 @@
content: <HTML />,
};
let stream = ReactTransportDOMServer.renderToReadableStream(model);
let stream = ReactServerDOMWriter.renderToReadableStream(model);
let response = new Response(stream, {
headers: {'Content-Type': 'text/html'},
});
@ -70,13 +70,13 @@
let blob = await responseToDisplay.blob();
let url = URL.createObjectURL(blob);
let data = ReactTransportDOMClient.createFromFetch(
let data = ReactServerDOMReader.createFromFetch(
fetch(url)
);
// The client also supports XHR streaming.
// var xhr = new XMLHttpRequest();
// xhr.open('GET', url);
// let data = ReactTransportDOMClient.createFromXHR(xhr);
// let data = ReactServerDOMReader.createFromXHR(xhr);
// xhr.send();
renderResult(data);

View File

@ -1,7 +1,7 @@
'use strict';
// Fork Start
const ReactFlightWebpackPlugin = require('react-transport-dom-webpack/plugin');
const ReactFlightWebpackPlugin = require('react-server-dom-webpack/plugin');
// Fork End
const fs = require('fs');

View File

@ -2,7 +2,7 @@ import {
resolve,
getSource,
transformSource as reactTransformSource,
} from 'react-transport-dom-webpack/node-loader';
} from 'react-server-dom-webpack/node-loader';
export {resolve, getSource};

View File

@ -1,6 +1,6 @@
'use strict';
const register = require('react-transport-dom-webpack/node-register');
const register = require('react-server-dom-webpack/node-register');
register();
const babelRegister = require('@babel/register');

View File

@ -1,6 +1,6 @@
'use strict';
const {pipeToNodeWritable} = require('react-transport-dom-webpack/server');
const {pipeToNodeWritable} = require('react-server-dom-webpack/writer');
const {readFile} = require('fs');
const {resolve} = require('path');
const React = require('react');

View File

@ -1,11 +1,9 @@
import * as React from 'react';
import {Suspense} from 'react';
import ReactDOM from 'react-dom';
import ReactTransportDOMClient from 'react-transport-dom-webpack';
import ReactServerDOMReader from 'react-server-dom-webpack';
let data = ReactTransportDOMClient.createFromFetch(
fetch('http://localhost:3001')
);
let data = ReactServerDOMReader.createFromFetch(fetch('http://localhost:3001'));
function Content() {
return data.readRoot();

View File

@ -9,4 +9,4 @@
export * from 'react-client/src/ReactFlightClientHostConfigBrowser';
export * from 'react-client/src/ReactFlightClientHostConfigStream';
export * from 'react-transport-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';
export * from 'react-server-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';

View File

@ -7,5 +7,5 @@
* @flow
*/
export * from 'react-transport-dom-relay/src/ReactFlightDOMRelayClientHostConfig';
export * from 'react-server-dom-relay/src/ReactFlightDOMRelayClientHostConfig';
export * from '../ReactFlightClientHostConfigNoStream';

View File

@ -9,4 +9,4 @@
export * from 'react-client/src/ReactFlightClientHostConfigBrowser';
export * from 'react-client/src/ReactFlightClientHostConfigStream';
export * from 'react-transport-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';
export * from 'react-server-dom-webpack/src/ReactFlightClientWebpackBundlerConfig';

View File

@ -7,5 +7,5 @@
* @flow
*/
export * from 'react-transport-native-relay/src/ReactFlightNativeRelayClientHostConfig';
export * from 'react-server-native-relay/src/ReactFlightNativeRelayClientHostConfig';
export * from '../ReactFlightClientHostConfigNoStream';

View File

@ -1,11 +1,11 @@
{
"name": "react-transport-dom-relay",
"name": "react-server-dom-relay",
"version": "0.1.0",
"private": true,
"repository": {
"type" : "git",
"url" : "https://github.com/facebook/react.git",
"directory": "packages/react-transport-dom-relay"
"directory": "packages/react-server-dom-relay"
},
"dependencies": {
"object-assign": "^4.1.1",

View File

@ -21,8 +21,8 @@ describe('ReactFlightDOMRelay', () => {
act = require('react-dom/test-utils').unstable_concurrentAct;
React = require('react');
ReactDOM = require('react-dom');
ReactDOMFlightRelayServer = require('react-transport-dom-relay/server');
ReactDOMFlightRelayClient = require('react-transport-dom-relay');
ReactDOMFlightRelayServer = require('react-server-dom-relay/server');
ReactDOMFlightRelayClient = require('react-server-dom-relay');
JSResourceReference = require('JSResourceReference');
});

View File

@ -1,4 +1,4 @@
# react-transport-dom-webpack
# react-server-dom-webpack
Experimental React Flight bindings for DOM using Webpack.

View File

@ -0,0 +1,7 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-server-dom-webpack.production.min.js');
} else {
module.exports = require('./cjs/react-server-dom-webpack.development.js');
}

View File

@ -0,0 +1,3 @@
'use strict';
module.exports = require('./cjs/react-server-dom-webpack-node-register.js');

View File

@ -0,0 +1,3 @@
'use strict';
module.exports = require('./cjs/react-server-dom-webpack-plugin.js');

View File

@ -0,0 +1,7 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-server-dom-webpack-writer.browser.server.production.min.js');
} else {
module.exports = require('./cjs/react-server-dom-webpack-writer.browser.server.development.js');
}

View File

@ -0,0 +1,6 @@
'use strict';
throw new Error(
'The React Server Writer cannot be used outside a react-server environment. ' +
'You must configure Node.js using the `--conditions react-server` flag.'
);

View File

@ -0,0 +1,7 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-server-dom-webpack-writer.node.server.production.min.js');
} else {
module.exports = require('./cjs/react-server-dom-webpack-writer.node.server.development.js');
}

View File

@ -1,6 +1,6 @@
{
"name": "react-transport-dom-webpack",
"description": "React Transport bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
"name": "react-server-dom-webpack",
"description": "React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
"version": "0.1.0",
"private": true,
"keywords": [
@ -14,9 +14,9 @@
"README.md",
"index.js",
"plugin.js",
"server.js",
"server.browser.js",
"server.node.js",
"writer.js",
"writer.browser.server.js",
"writer.node.server.js",
"node-register.js",
"cjs/",
"umd/",
@ -25,21 +25,27 @@
"exports": {
".": "./index.js",
"./plugin": "./plugin.js",
"./server": "./server.js",
"./server.browser": "./server.browser.js",
"./server.node": "./server.node.js",
"./node-loader": "./esm/react-transport-dom-webpack-node-loader.js",
"./writer": {
"react-server": {
"node": "./writer.node.server.js",
"browser": "./writer.browser.server.js"
},
"default": "./writer.js"
},
"./writer.node.server": "./writer.node.server.js",
"./writer.browser.server": "./writer.browser.server.js",
"./node-loader": "./esm/react-server-dom-webpack-node-loader.js",
"./node-register": "./node-register.js",
"./package.json": "./package.json"
},
"browser": {
"./server.js": "./server.browser.js"
"./writer.js": "./writer.browser.server.js"
},
"main": "index.js",
"repository": {
"type" : "git",
"url" : "https://github.com/facebook/react.git",
"directory": "packages/react-transport-dom-webpack"
"directory": "packages/react-server-dom-webpack"
},
"engines": {
"node": ">=0.10.0"

View File

@ -50,7 +50,7 @@ type Options = {
manifestFilename?: string,
};
const PLUGIN_NAME = 'React Transport Plugin';
const PLUGIN_NAME = 'React Server Plugin';
export default class ReactFlightWebpackPlugin {
clientReferences: $ReadOnlyArray<ClientReferencePath>;

View File

@ -28,8 +28,8 @@ let act;
let Stream;
let React;
let ReactDOM;
let ReactTransportDOMServer;
let ReactTransportDOMClient;
let ReactServerDOMWriter;
let ReactServerDOMReader;
describe('ReactFlightDOM', () => {
beforeEach(() => {
@ -40,8 +40,8 @@ describe('ReactFlightDOM', () => {
Stream = require('stream');
React = require('react');
ReactDOM = require('react-dom');
ReactTransportDOMServer = require('react-transport-dom-webpack/server');
ReactTransportDOMClient = require('react-transport-dom-webpack');
ReactServerDOMWriter = require('react-server-dom-webpack/writer.node.server');
ReactServerDOMReader = require('react-server-dom-webpack');
});
function getTestStream() {
@ -113,8 +113,8 @@ describe('ReactFlightDOM', () => {
}
const {writable, readable} = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(<App />, writable, webpackMap);
const response = ReactTransportDOMClient.createFromReadableStream(readable);
ReactServerDOMWriter.pipeToNodeWritable(<App />, writable, webpackMap);
const response = ReactServerDOMReader.createFromReadableStream(readable);
await waitForSuspense(() => {
const model = response.readRoot();
expect(model).toEqual({
@ -163,12 +163,12 @@ describe('ReactFlightDOM', () => {
}
const {writable, readable} = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(
ReactServerDOMWriter.pipeToNodeWritable(
<RootModel />,
writable,
webpackMap,
);
const response = ReactTransportDOMClient.createFromReadableStream(readable);
const response = ReactServerDOMReader.createFromReadableStream(readable);
const container = document.createElement('div');
const root = ReactDOM.unstable_createRoot(container);
@ -202,12 +202,12 @@ describe('ReactFlightDOM', () => {
}
const {writable, readable} = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(
ReactServerDOMWriter.pipeToNodeWritable(
<RootModel />,
writable,
webpackMap,
);
const response = ReactTransportDOMClient.createFromReadableStream(readable);
const response = ReactServerDOMReader.createFromReadableStream(readable);
const container = document.createElement('div');
const root = ReactDOM.unstable_createRoot(container);
@ -239,12 +239,12 @@ describe('ReactFlightDOM', () => {
}
const {writable, readable} = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(
ReactServerDOMWriter.pipeToNodeWritable(
<RootModel />,
writable,
webpackMap,
);
const response = ReactTransportDOMClient.createFromReadableStream(readable);
const response = ReactServerDOMReader.createFromReadableStream(readable);
const container = document.createElement('div');
const root = ReactDOM.unstable_createRoot(container);
@ -374,8 +374,8 @@ describe('ReactFlightDOM', () => {
}
const {writable, readable} = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(model, writable, webpackMap);
const response = ReactTransportDOMClient.createFromReadableStream(readable);
ReactServerDOMWriter.pipeToNodeWritable(model, writable, webpackMap);
const response = ReactServerDOMReader.createFromReadableStream(readable);
const container = document.createElement('div');
const root = ReactDOM.unstable_createRoot(container);
@ -473,12 +473,12 @@ describe('ReactFlightDOM', () => {
const root = ReactDOM.unstable_createRoot(container);
const stream1 = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(
ReactServerDOMWriter.pipeToNodeWritable(
<App color="red" />,
stream1.writable,
webpackMap,
);
const response1 = ReactTransportDOMClient.createFromReadableStream(
const response1 = ReactServerDOMReader.createFromReadableStream(
stream1.readable,
);
await act(async () => {
@ -501,12 +501,12 @@ describe('ReactFlightDOM', () => {
inputB.value = 'goodbye';
const stream2 = getTestStream();
ReactTransportDOMServer.pipeToNodeWritable(
ReactServerDOMWriter.pipeToNodeWritable(
<App color="blue" />,
stream2.writable,
webpackMap,
);
const response2 = ReactTransportDOMClient.createFromReadableStream(
const response2 = ReactServerDOMReader.createFromReadableStream(
stream2.readable,
);
await act(async () => {

View File

@ -16,15 +16,15 @@ global.TextEncoder = require('util').TextEncoder;
global.TextDecoder = require('util').TextDecoder;
let React;
let ReactTransportDOMServer;
let ReactTransportDOMClient;
let ReactServerDOMWriter;
let ReactServerDOMReader;
describe('ReactFlightDOMBrowser', () => {
beforeEach(() => {
jest.resetModules();
React = require('react');
ReactTransportDOMServer = require('react-transport-dom-webpack/server.browser');
ReactTransportDOMClient = require('react-transport-dom-webpack');
ReactServerDOMWriter = require('react-server-dom-webpack/writer.browser.server');
ReactServerDOMReader = require('react-server-dom-webpack');
});
async function waitForSuspense(fn) {
@ -61,8 +61,8 @@ describe('ReactFlightDOMBrowser', () => {
return model;
}
const stream = ReactTransportDOMServer.renderToReadableStream(<App />);
const response = ReactTransportDOMClient.createFromReadableStream(stream);
const stream = ReactServerDOMWriter.renderToReadableStream(<App />);
const response = ReactServerDOMReader.createFromReadableStream(stream);
await waitForSuspense(() => {
const model = response.readRoot();
expect(model).toEqual({

View File

@ -7,4 +7,7 @@
* @flow
*/
export * from './server.node';
throw new Error(
'The React Server Writer cannot be used outside a react-server environment. ' +
'You must configure Node.js using the `--conditions react-server` flag.',
);

View File

@ -1,11 +1,11 @@
{
"name": "react-transport-native-relay",
"name": "react-server-native-relay",
"version": "0.1.0",
"private": true,
"repository": {
"type" : "git",
"url" : "https://github.com/facebook/react.git",
"directory": "packages/react-transport-native-relay"
"directory": "packages/react-server-native-relay"
},
"dependencies": {
"object-assign": "^4.1.1",

View File

@ -36,8 +36,8 @@ describe('ReactFlightNativeRelay', () => {
uiViewClassName: 'RCTText',
}));
ReactNativeFlightRelayServer = require('react-transport-native-relay/server');
ReactNativeFlightRelayClient = require('react-transport-native-relay');
ReactNativeFlightRelayServer = require('react-server-native-relay/server');
ReactNativeFlightRelayClient = require('react-server-native-relay');
JSResourceReferenceImpl = require('JSResourceReferenceImpl');
});

View File

@ -8,4 +8,4 @@
*/
export * from '../ReactFlightServerConfigStream';
export * from 'react-transport-dom-webpack/src/ReactFlightServerWebpackBundlerConfig';
export * from 'react-server-dom-webpack/src/ReactFlightServerWebpackBundlerConfig';

View File

@ -7,4 +7,4 @@
* @flow
*/
export * from 'react-transport-dom-relay/src/ReactFlightDOMRelayServerHostConfig';
export * from 'react-server-dom-relay/src/ReactFlightDOMRelayServerHostConfig';

View File

@ -8,4 +8,4 @@
*/
export * from '../ReactFlightServerConfigStream';
export * from 'react-transport-dom-webpack/src/ReactFlightServerWebpackBundlerConfig';
export * from 'react-server-dom-webpack/src/ReactFlightServerWebpackBundlerConfig';

View File

@ -7,4 +7,4 @@
* @flow
*/
export * from 'react-transport-native-relay/src/ReactFlightNativeRelayServerHostConfig';
export * from 'react-server-native-relay/src/ReactFlightNativeRelayServerHostConfig';

View File

@ -1,7 +0,0 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-transport-dom-webpack.production.min.js');
} else {
module.exports = require('./cjs/react-transport-dom-webpack.development.js');
}

View File

@ -1,3 +0,0 @@
'use strict';
module.exports = require('./cjs/react-transport-dom-webpack-node-register.js');

View File

@ -1,3 +0,0 @@
'use strict';
module.exports = require('./cjs/react-transport-dom-webpack-plugin.js');

View File

@ -1,7 +0,0 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-transport-dom-webpack-server.browser.production.min.js');
} else {
module.exports = require('./cjs/react-transport-dom-webpack-server.browser.development.js');
}

View File

@ -1,3 +0,0 @@
'use strict';
module.exports = require('./server.node');

View File

@ -1,7 +0,0 @@
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./cjs/react-transport-dom-webpack-server.node.production.min.js');
} else {
module.exports = require('./cjs/react-transport-dom-webpack-server.node.development.js');
}

View File

@ -270,64 +270,64 @@ const bundles = [
externals: ['react', 'react-dom/server'],
},
/******* React Transport DOM Server Webpack *******/
/******* React Server DOM Webpack Writer *******/
{
bundleTypes: [NODE_DEV, NODE_PROD, UMD_DEV, UMD_PROD],
moduleType: RENDERER,
entry: 'react-transport-dom-webpack/server.browser',
global: 'ReactTransportDOMServer',
entry: 'react-server-dom-webpack/writer.browser.server',
global: 'ReactServerDOMWriter',
externals: ['react', 'react-dom/server'],
},
{
bundleTypes: [NODE_DEV, NODE_PROD],
moduleType: RENDERER,
entry: 'react-transport-dom-webpack/server.node',
global: 'ReactTransportDOMServer',
entry: 'react-server-dom-webpack/writer.node.server',
global: 'ReactServerDOMWriter',
externals: ['react', 'react-dom/server'],
},
/******* React Transport DOM Client Webpack *******/
/******* React Server DOM Webpack Reader *******/
{
bundleTypes: [NODE_DEV, NODE_PROD, UMD_DEV, UMD_PROD],
moduleType: RENDERER,
entry: 'react-transport-dom-webpack',
global: 'ReactTransportDOMClient',
entry: 'react-server-dom-webpack',
global: 'ReactServerDOMReader',
externals: ['react'],
},
/******* React Transport DOM Webpack Plugin *******/
/******* React Server DOM Webpack Plugin *******/
{
bundleTypes: [NODE_ES2015],
moduleType: RENDERER_UTILS,
entry: 'react-transport-dom-webpack/plugin',
global: 'ReactFlightWebpackPlugin',
entry: 'react-server-dom-webpack/plugin',
global: 'ReactServerWebpackPlugin',
externals: ['fs', 'path', 'url', 'neo-async'],
},
/******* React Transport DOM Webpack Node.js Loader *******/
/******* React Server DOM Webpack Node.js Loader *******/
{
bundleTypes: [NODE_ESM],
moduleType: RENDERER_UTILS,
entry: 'react-transport-dom-webpack/node-loader',
global: 'ReactFlightWebpackNodeLoader',
entry: 'react-server-dom-webpack/node-loader',
global: 'ReactServerWebpackNodeLoader',
externals: ['acorn'],
},
/******* React Transport DOM Webpack Node.js CommonJS Loader *******/
/******* React Server DOM Webpack Node.js CommonJS Loader *******/
{
bundleTypes: [NODE_ES2015],
moduleType: RENDERER_UTILS,
entry: 'react-transport-dom-webpack/node-register',
entry: 'react-server-dom-webpack/node-register',
global: 'ReactFlightWebpackNodeRegister',
externals: ['url', 'module'],
},
/******* React Transport DOM Server Relay *******/
/******* React Server DOM Relay Writer *******/
{
bundleTypes: [FB_WWW_DEV, FB_WWW_PROD],
moduleType: RENDERER,
entry: 'react-transport-dom-relay/server',
global: 'ReactFlightDOMRelayServer',
entry: 'react-server-dom-relay/server',
global: 'ReactFlightDOMRelayServer', // TODO: Rename to Writer
externals: [
'react',
'react-dom/server',
@ -336,12 +336,12 @@ const bundles = [
],
},
/******* React Transport DOM Client Relay *******/
/******* React Server DOM Relay Reader *******/
{
bundleTypes: [FB_WWW_DEV, FB_WWW_PROD],
moduleType: RENDERER,
entry: 'react-transport-dom-relay',
global: 'ReactFlightDOMRelayClient',
entry: 'react-server-dom-relay',
global: 'ReactFlightDOMRelayClient', // TODO: Rename to Reader
externals: [
'react',
'ReactFlightDOMRelayClientIntegration',
@ -349,12 +349,12 @@ const bundles = [
],
},
/******* React Transport Native Server Relay *******/
/******* React Server Native Relay Writer *******/
{
bundleTypes: [RN_FB_DEV, RN_FB_PROD],
moduleType: RENDERER,
entry: 'react-transport-native-relay/server',
global: 'ReactFlightNativeRelayServer',
entry: 'react-server-native-relay/server',
global: 'ReactFlightNativeRelayServer', // TODO: Rename to Writer
externals: [
'react',
'ReactFlightNativeRelayServerIntegration',
@ -362,12 +362,12 @@ const bundles = [
],
},
/******* React Transport Native Client Relay *******/
/******* React Server Native Relay Reader *******/
{
bundleTypes: [RN_FB_DEV, RN_FB_PROD],
moduleType: RENDERER,
entry: 'react-transport-native-relay',
global: 'ReactFlightNativeRelayClient',
entry: 'react-server-native-relay',
global: 'ReactFlightNativeRelayClient', // TODO: Rename to Reader
externals: [
'react',
'ReactFlightNativeRelayClientIntegration',

View File

@ -82,7 +82,7 @@ function getBundleOutputPath(bundleType, filename, packageName) {
/\.js$/,
'.fb.js'
)}`;
case 'react-transport-native-relay':
case 'react-server-native-relay':
return `build/facebook-relay/flight/${filename}`;
default:
throw new Error('Unknown RN package.');

View File

@ -13,18 +13,18 @@ module.exports = [
'react-dom',
'react-dom/testing',
'react-dom/unstable-fizz.node',
'react-transport-dom-webpack/server.node',
'react-transport-dom-webpack',
'react-server-dom-webpack/writer.node.server',
'react-server-dom-webpack',
],
paths: [
'react-dom',
'react-dom/unstable-fizz',
'react-dom/unstable-fizz.node',
'react-dom/src/server/ReactDOMFizzServerNode.js', // react-dom/unstable-fizz.node
'react-transport-dom-webpack',
'react-transport-dom-webpack/server',
'react-transport-dom-webpack/server.node',
'react-transport-dom-webpack/src/ReactFlightDOMServerNode.js', // react-transport-dom-webpack/server.browser
'react-server-dom-webpack',
'react-server-dom-webpack/writer',
'react-server-dom-webpack/writer.node.server',
'react-server-dom-webpack/src/ReactFlightDOMServerNode.js', // react-server-dom-webpack/writer.node.server
'react-client/src/ReactFlightClientStream.js', // We can only type check this in streaming configurations.
'react-interactions',
],
@ -37,17 +37,17 @@ module.exports = [
'react-dom',
'react-dom/testing',
'react-dom/unstable-fizz.browser',
'react-transport-dom-webpack/server.browser',
'react-transport-dom-webpack',
'react-server-dom-webpack/writer.browser.server',
'react-server-dom-webpack',
],
paths: [
'react-dom',
'react-dom/testing',
'react-dom/unstable-fizz.browser',
'react-dom/src/server/ReactDOMFizzServerBrowser.js', // react-dom/unstable-fizz.browser
'react-transport-dom-webpack',
'react-transport-dom-webpack/server.browser',
'react-transport-dom-webpack/src/ReactFlightDOMServerBrowser.js', // react-transport-dom-webpack/server.browser
'react-server-dom-webpack',
'react-server-dom-webpack/writer.browser.server',
'react-server-dom-webpack/src/ReactFlightDOMServerBrowser.js', // react-server-dom-webpack/writer.browser.server
'react-client/src/ReactFlightClientStream.js', // We can only type check this in streaming configurations.
],
isFlowTyped: true,
@ -83,21 +83,18 @@ module.exports = [
},
{
shortName: 'dom-relay',
entryPoints: [
'react-transport-dom-relay',
'react-transport-dom-relay/server',
],
paths: ['react-dom', 'react-transport-dom-relay'],
entryPoints: ['react-server-dom-relay', 'react-server-dom-relay/server'],
paths: ['react-dom', 'react-server-dom-relay'],
isFlowTyped: true,
isServerSupported: true,
},
{
shortName: 'native-relay',
entryPoints: [
'react-transport-native-relay',
'react-transport-native-relay/server',
'react-server-native-relay',
'react-server-native-relay/server',
],
paths: ['react-native-renderer', 'react-transport-native-relay'],
paths: ['react-native-renderer', 'react-server-native-relay'],
isFlowTyped: true,
isServerSupported: true,
},