Expose persistent reconciler to custom renderers (#12156)

Author: gaearon

packages/react-reconciler/npm/persistent.js

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

packages/react-reconciler/package.json

@@ -12,6 +12,7 @@
     "LICENSE",
     "README.md",
     "index.js",
+    "persistent.js",
     "reflection.js",
     "cjs/"
   ],

packages/react-reconciler/persistent.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use strict';
+
+// This is the same export as in index.js,
+// with persistent reconciler flags turned on.
+const ReactFiberReconciler = require('./src/ReactFiberReconciler');
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+module.exports = ReactFiberReconciler.default
+  ? ReactFiberReconciler.default
+  : ReactFiberReconciler;

packages/shared/forks/ReactFeatureFlags.persistent.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import invariant from 'fbjs/lib/invariant';
+
+import typeof * as FeatureFlagsType from 'shared/ReactFeatureFlags';
+import typeof * as PersistentFeatureFlagsType from './ReactFeatureFlags.persistent';
+
+export const debugRenderPhaseSideEffects = false;
+export const debugRenderPhaseSideEffectsForStrictMode = false;
+export const enableCreateRoot = false;
+export const enableUserTimingAPI = __DEV__;
+export const warnAboutDeprecatedLifecycles = false;
+
+// react-reconciler/persistent entry point
+// uses a persistent reconciler.
+export const enableMutatingReconciler = false;
+export const enableNoopReconciler = false;
+export const enablePersistentReconciler = true;
+
+// Only used in www builds.
+export function addUserTimingListener() {
+  invariant(false, 'Not implemented.');
+}
+
+// Flow magic to verify the exports of this file match the original version.
+// eslint-disable-next-line no-unused-vars
+type Check<_X, Y: _X, X: Y = _X> = null;
+// eslint-disable-next-line no-unused-expressions
+(null: Check<PersistentFeatureFlagsType, FeatureFlagsType>);

scripts/rollup/bundles.js

@@ -205,6 +205,16 @@ const bundles = [
     externals: ['react'],
   },
 
+  /******* React Persistent Reconciler *******/
+  {
+    label: 'react-reconciler-persistent',
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RECONCILER,
+    entry: 'react-reconciler/persistent',
+    global: 'ReactPersistentReconciler',
+    externals: ['react'],
+  },
+
   /******* Reflection *******/
   {
     label: 'reconciler-reflection',

scripts/rollup/forks.js

@@ -36,6 +36,8 @@ const forks = Object.freeze({
         return 'shared/forks/ReactFeatureFlags.native.js';
       case 'react-native-renderer/src/ReactFabric':
         return 'shared/forks/ReactFeatureFlags.native-fabric.js';
+      case 'react-reconciler/persistent':
+        return 'shared/forks/ReactFeatureFlags.persistent.js';
       default:
         switch (bundleType) {
           case FB_DEV:

scripts/rollup/results.json

@@ -384,6 +384,20 @@
       "packageName": "react-native-renderer",
       "size": 204787,
       "gzip": 35784
+    },
+    {
+      "filename": "react-reconciler-persistent.development.js",
+      "bundleType": "NODE_DEV",
+      "packageName": "react-reconciler",
+      "size": 288790,
+      "gzip": 60630
+    },
+    {
+      "filename": "react-reconciler-persistent.production.min.js",
+      "bundleType": "NODE_PROD",
+      "packageName": "react-reconciler",
+      "size": 41151,
+      "gzip": 13111
     }
   ]
 }