mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian MarkbågeandGitHub
e5e874d0e8
* Adjust some expectations of the server markup format of Fiber Currently this case is using the stack renderer. * Ensure debug hooks are injected into the Stack server renderer In our tests this normally happens because ReactDOM.js injects them into the shared module, but when Fiber is enabled or this is its own flat bundle, that doesn't happen. * Add package builds for new server renderer and enable tests ReactServer -> ReactDOMServerStream This file is going to be the replacement for ReactDOMServer. I mock ReactDOMServer and user ReactDOMServerStream when we have the fiber flag enabled. I'm now also enabling this as the default for distributions builds (react-dom/server on npm and react-dom-server.production.min.js as umd bundle). I'm using traverseStackChildren instead of traverseAllChildren because traverseAllChildren is now only in the isomorphic package and we don't want to build all of that that into the server package. I also have to require lower case react for the builds to work.
464 lines
12 KiB
JavaScript
464 lines
12 KiB
JavaScript
'use strict';
|
|
|
|
const devExpressionWithCodes = require('../error-codes/dev-expression-with-codes');
|
|
|
|
const bundleTypes = {
|
|
UMD_DEV: 'UMD_DEV',
|
|
UMD_PROD: 'UMD_PROD',
|
|
NODE_DEV: 'NODE_DEV',
|
|
NODE_PROD: 'NODE_PROD',
|
|
FB_DEV: 'FB_DEV',
|
|
FB_PROD: 'FB_PROD',
|
|
RN_DEV: 'RN_DEV',
|
|
RN_PROD: 'RN_PROD',
|
|
};
|
|
|
|
const UMD_DEV = bundleTypes.UMD_DEV;
|
|
const UMD_PROD = bundleTypes.UMD_PROD;
|
|
const NODE_DEV = bundleTypes.NODE_DEV;
|
|
const NODE_PROD = bundleTypes.NODE_PROD;
|
|
const FB_DEV = bundleTypes.FB_DEV;
|
|
const FB_PROD = bundleTypes.FB_PROD;
|
|
// const RN_DEV = bundleTypes.RN_DEV;
|
|
// const RN_PROD = bundleTypes.RN_PROD;
|
|
|
|
const babelOptsReact = {
|
|
exclude: 'node_modules/**',
|
|
plugins: [
|
|
devExpressionWithCodes, // this pass has to run before `rewrite-modules`
|
|
],
|
|
};
|
|
|
|
const babelOptsReactART = Object.assign({}, babelOptsReact, {
|
|
// Include JSX
|
|
presets: [require.resolve('babel-preset-react')],
|
|
});
|
|
|
|
const bundles = [
|
|
/******* Isomorphic *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [UMD_DEV, UMD_PROD, NODE_DEV, NODE_PROD, FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'React',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/isomorphic/React.js',
|
|
externals: [
|
|
'create-react-class/factory',
|
|
'prop-types',
|
|
'prop-types/checkPropTypes',
|
|
],
|
|
fbEntry: 'src/fb/ReactFBEntry.js',
|
|
hasteName: 'React',
|
|
isRenderer: false,
|
|
label: 'core',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react',
|
|
paths: [
|
|
'src/isomorphic/**/*.js',
|
|
'src/addons/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
|
|
/******* React DOM *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactDOM',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/dom/ReactDOM.js',
|
|
externals: ['prop-types', 'prop-types/checkPropTypes'],
|
|
fbEntry: 'src/fb/ReactDOMFBEntry.js',
|
|
hasteName: 'ReactDOMStack',
|
|
isRenderer: true,
|
|
label: 'dom-stack',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-dom-stack',
|
|
paths: [
|
|
'src/renderers/dom/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [UMD_DEV, UMD_PROD, NODE_DEV, NODE_PROD, FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactDOM',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/dom/fiber/ReactDOMFiber.js',
|
|
externals: ['prop-types', 'prop-types/checkPropTypes'],
|
|
fbEntry: 'src/fb/ReactDOMFiberFBEntry.js',
|
|
hasteName: 'ReactDOMFiber',
|
|
isRenderer: true,
|
|
label: 'dom-fiber',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-dom',
|
|
paths: [
|
|
'src/renderers/dom/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, NODE_DEV],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactTestUtils',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/dom/test/ReactTestUtils',
|
|
externals: [
|
|
'prop-types',
|
|
'prop-types/checkPropTypes',
|
|
'react',
|
|
'react-dom',
|
|
'react-test-renderer', // TODO (bvaughn) Remove this dependency before 16.0.0
|
|
],
|
|
fbEntry: 'src/renderers/dom/test/ReactTestUtils',
|
|
hasteName: 'ReactTestUtils',
|
|
isRenderer: true,
|
|
label: 'test-utils',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-dom/test-utils',
|
|
paths: [
|
|
'src/renderers/dom/test/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
'src/renderers/testing/**/*.js', // TODO (bvaughn) Remove this dependency before 16.0.0
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
|
|
/******* React DOM Server *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactDOMServer',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/dom/ReactDOMServer.js',
|
|
externals: ['prop-types', 'prop-types/checkPropTypes'],
|
|
fbEntry: 'src/renderers/dom/ReactDOMServer.js',
|
|
hasteName: 'ReactDOMServerStack',
|
|
isRenderer: true,
|
|
label: 'dom-server-stack',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-dom-stack/server',
|
|
paths: [
|
|
'src/renderers/dom/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [UMD_DEV, UMD_PROD, NODE_DEV, NODE_PROD, FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactDOMServer',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/dom/ReactDOMServerStream.js',
|
|
externals: ['prop-types', 'prop-types/checkPropTypes'],
|
|
fbEntry: 'src/renderers/dom/ReactDOMServerStream.js',
|
|
hasteName: 'ReactDOMServerStream',
|
|
isRenderer: true,
|
|
label: 'dom-server-stream',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-dom/server',
|
|
paths: [
|
|
'src/renderers/dom/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
|
|
/******* React ART *******/
|
|
{
|
|
babelOpts: babelOptsReactART,
|
|
// TODO: we merge react-art repo into this repo so the NODE_DEV and NODE_PROD
|
|
// builds sync up to the building of the package directories
|
|
bundleTypes: [FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactART',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/art/ReactARTStack.js',
|
|
externals: [
|
|
'art/modes/current',
|
|
'art/modes/fast-noSideEffects',
|
|
'art/core/transform',
|
|
'prop-types/checkPropTypes',
|
|
'react-dom',
|
|
],
|
|
fbEntry: 'src/renderers/art/ReactARTStack.js',
|
|
hasteName: 'ReactARTStack',
|
|
isRenderer: true,
|
|
label: 'art-stack',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-art',
|
|
paths: [
|
|
'src/renderers/art/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReactART,
|
|
// TODO: we merge react-art repo into this repo so the NODE_DEV and NODE_PROD
|
|
// builds sync up to the building of the package directories
|
|
bundleTypes: [UMD_DEV, UMD_PROD, NODE_DEV, NODE_PROD, FB_DEV, FB_PROD],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactART',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/art/ReactARTFiber.js',
|
|
externals: [
|
|
'art/modes/current',
|
|
'art/modes/fast-noSideEffects',
|
|
'art/core/transform',
|
|
'prop-types/checkPropTypes',
|
|
'react-dom',
|
|
],
|
|
fbEntry: 'src/renderers/art/ReactARTFiber.js',
|
|
hasteName: 'ReactARTFiber',
|
|
isRenderer: true,
|
|
label: 'art-fiber',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-art',
|
|
paths: [
|
|
'src/renderers/art/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
|
|
/******* React Native *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [
|
|
/* RN_DEV, RN_PROD */
|
|
],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'ReactNativeStack',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/native/ReactNativeStack.js',
|
|
externals: [
|
|
'ExceptionsManager',
|
|
'InitializeCore',
|
|
'ReactNativeFeatureFlags',
|
|
'RCTEventEmitter',
|
|
'TextInputState',
|
|
'UIManager',
|
|
'View',
|
|
'deepDiffer',
|
|
'deepFreezeAndThrowOnMutationInDev',
|
|
'flattenStyle',
|
|
],
|
|
hasteName: 'ReactNativeStack',
|
|
isRenderer: true,
|
|
label: 'native-stack',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-native-renderer',
|
|
paths: [
|
|
'src/renderers/native/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [
|
|
/* RN_DEV, RN_PROD */
|
|
],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'ReactNativeFiber',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/native/ReactNativeFiber.js',
|
|
externals: [
|
|
'ExceptionsManager',
|
|
'InitializeCore',
|
|
'ReactNativeFeatureFlags',
|
|
'RCTEventEmitter',
|
|
'TextInputState',
|
|
'UIManager',
|
|
'View',
|
|
'deepDiffer',
|
|
'deepFreezeAndThrowOnMutationInDev',
|
|
'flattenStyle',
|
|
],
|
|
hasteName: 'ReactNativeFiber',
|
|
isRenderer: true,
|
|
label: 'native-fiber',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-native-renderer',
|
|
paths: [
|
|
'src/renderers/native/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
|
|
/******* React Test Renderer *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, NODE_DEV],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'ReactTestRenderer',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/testing/ReactTestRendererFiber',
|
|
externals: ['prop-types/checkPropTypes'],
|
|
fbEntry: 'src/renderers/testing/ReactTestRendererFiber',
|
|
hasteName: 'ReactTestRendererFiber',
|
|
isRenderer: true,
|
|
label: 'test-fiber',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-test-renderer',
|
|
paths: [
|
|
'src/renderers/native/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
'src/renderers/testing/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, NODE_DEV],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'ReactTestRenderer',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/testing/stack/ReactTestRendererStack',
|
|
externals: ['prop-types/checkPropTypes'],
|
|
fbEntry: 'src/renderers/testing/stack/ReactTestRendererStack',
|
|
hasteName: 'ReactTestRendererStack',
|
|
isRenderer: true,
|
|
label: 'test-stack',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-test-renderer/stack',
|
|
paths: [
|
|
'src/renderers/native/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
'src/renderers/testing/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [FB_DEV, NODE_DEV],
|
|
config: {
|
|
destDir: 'build/',
|
|
moduleName: 'ReactShallowRenderer',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/testing/ReactShallowRenderer',
|
|
externals: [
|
|
'react-dom',
|
|
'prop-types/checkPropTypes',
|
|
'react-test-renderer',
|
|
],
|
|
fbEntry: 'src/renderers/testing/ReactShallowRenderer',
|
|
hasteName: 'ReactShallowRenderer',
|
|
isRenderer: true,
|
|
label: 'shallow-renderer',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-test-renderer/shallow',
|
|
paths: ['src/renderers/shared/**/*.js', 'src/renderers/testing/**/*.js'],
|
|
},
|
|
|
|
/******* React Noop Renderer (used only for fixtures/fiber-debugger) *******/
|
|
{
|
|
babelOpts: babelOptsReact,
|
|
bundleTypes: [NODE_DEV],
|
|
config: {
|
|
destDir: 'build/',
|
|
globals: {
|
|
react: 'React',
|
|
},
|
|
moduleName: 'ReactNoop',
|
|
sourceMap: false,
|
|
},
|
|
entry: 'src/renderers/noop/ReactNoop.js',
|
|
externals: ['prop-types/checkPropTypes'],
|
|
isRenderer: true,
|
|
label: 'noop-fiber',
|
|
manglePropertiesOnProd: false,
|
|
name: 'react-noop-renderer',
|
|
paths: [
|
|
'src/renderers/noop/**/*.js',
|
|
'src/renderers/shared/**/*.js',
|
|
|
|
'src/ReactVersion.js',
|
|
'src/shared/**/*.js',
|
|
],
|
|
},
|
|
];
|
|
|
|
module.exports = {
|
|
bundleTypes,
|
|
bundles,
|
|
};
|