Add server-runtime to create Server Blocks (facebook#18392)

This is equivalent to the jsx-runtime in that this is what the compiled
output on the server is supposed to target.

It's really just the same code for all the different Flights, but they
have different types in their arguments so each one gets their own entry
point. We might use this to add runtime warnings per entry point.

Unlike the client-side React.block call this doesn't provide the factory
function that curries the load function. The compiler is expected to wrap
this call in the currying factory.

Author: sebmarkbage

packages/react-client/src/__tests__/ReactFlight-test.js

@@ -16,6 +16,7 @@ let act;
 let React;
 let ReactNoop;
 let ReactNoopFlightServer;
+let ReactNoopFlightServerRuntime;
 let ReactNoopFlightClient;
 
 describe('ReactFlight', () => {
@@ -25,19 +26,22 @@ describe('ReactFlight', () => {
     React = require('react');
     ReactNoop = require('react-noop-renderer');
     ReactNoopFlightServer = require('react-noop-renderer/flight-server');
+    ReactNoopFlightServerRuntime = require('react-noop-renderer/flight-server-runtime');
     ReactNoopFlightClient = require('react-noop-renderer/flight-client');
     act = ReactNoop.act;
   });
 
   function block(render, load) {
+    if (load === undefined) {
+      return () => {
+        return ReactNoopFlightServerRuntime.serverBlockNoData(render);
+      };
+    }
     return function(...args) {
-      if (load === undefined) {
-        return [Symbol.for('react.server.block'), render];
-      }
       let curriedLoad = () => {
         return load(...args);
       };
-      return [Symbol.for('react.server.block'), render, curriedLoad];
+      return ReactNoopFlightServerRuntime.serverBlock(render, curriedLoad);
     };
   }
 

packages/react-flight-dom-relay/server-runtime.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * from 'react-server/src/ReactFlightServerRuntime';

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

@@ -31,9 +31,9 @@ export type {
 
 export type BundlerConfig = void;
 
-export function resolveModuleMetaData(
+export function resolveModuleMetaData<T>(
   config: BundlerConfig,
-  resource: ModuleReference,
+  resource: ModuleReference<T>,
 ): ModuleMetaData {
   return resolveModuleMetaDataImpl(resource);
 }

packages/react-flight-dom-relay/src/__tests__/ReactFlightDOMRelay-test.internal.js

@@ -11,6 +11,7 @@ let act;
 let React;
 let ReactDOM;
 let ReactDOMFlightRelayServer;
+let ReactDOMFlightRelayServerRuntime;
 let ReactDOMFlightRelayClient;
 
 describe('ReactFlightDOMRelay', () => {
@@ -21,6 +22,7 @@ describe('ReactFlightDOMRelay', () => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactDOMFlightRelayServer = require('react-flight-dom-relay/server');
+    ReactDOMFlightRelayServerRuntime = require('react-flight-dom-relay/server-runtime');
     ReactDOMFlightRelayClient = require('react-flight-dom-relay');
   });
 
@@ -45,14 +47,14 @@ describe('ReactFlightDOMRelay', () => {
   }
 
   function block(render, load) {
+    if (load === undefined) {
+      return ReactDOMFlightRelayServerRuntime.serverBlock(render);
+    }
     return function(...args) {
-      if (load === undefined) {
-        return [Symbol.for('react.server.block'), render];
-      }
       let curriedLoad = () => {
         return load(...args);
       };
-      return [Symbol.for('react.server.block'), render, curriedLoad];
+      return ReactDOMFlightRelayServerRuntime.serverBlock(render, curriedLoad);
     };
   }
 

packages/react-flight-dom-webpack/npm/server-runtime.js

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

packages/react-flight-dom-webpack/package.json

@@ -16,6 +16,7 @@
     "server.js",
     "server.browser.js",
     "server.node.js",
+    "server-runtime.js",
     "cjs/",
     "umd/"
   ],

packages/react-flight-dom-webpack/server-runtime.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * from 'react-server/src/ReactFlightServerRuntime';

packages/react-flight-dom-webpack/src/ReactFlightServerWebpackBundlerConfig.js

@@ -13,17 +13,18 @@ type WebpackMap = {
 
 export type BundlerConfig = WebpackMap;
 
-export type ModuleReference = string;
+// eslint-disable-next-line no-unused-vars
+export type ModuleReference<T> = string;
 
 export type ModuleMetaData = {
   id: string,
   chunks: Array<string>,
   name: string,
 };
 
-export function resolveModuleMetaData(
+export function resolveModuleMetaData<T>(
   config: BundlerConfig,
-  modulePath: ModuleReference,
+  modulePath: ModuleReference<T>,
 ): ModuleMetaData {
   return config[modulePath];
 }

packages/react-flight-dom-webpack/src/__tests__/ReactFlightDOM-test.js

@@ -29,6 +29,7 @@ let Stream;
 let React;
 let ReactDOM;
 let ReactFlightDOMServer;
+let ReactFlightDOMServerRuntime;
 let ReactFlightDOMClient;
 
 describe('ReactFlightDOM', () => {
@@ -41,6 +42,7 @@ describe('ReactFlightDOM', () => {
     React = require('react');
     ReactDOM = require('react-dom');
     ReactFlightDOMServer = require('react-flight-dom-webpack/server');
+    ReactFlightDOMServerRuntime = require('react-flight-dom-webpack/server-runtime');
     ReactFlightDOMClient = require('react-flight-dom-webpack');
   });
 
@@ -72,14 +74,19 @@ describe('ReactFlightDOM', () => {
       chunks: [],
       name: 'd',
     };
+    if (load === undefined) {
+      return () => {
+        return ReactFlightDOMServerRuntime.serverBlockNoData('path/' + idx);
+      };
+    }
     return function(...args) {
-      if (load === undefined) {
-        return [Symbol.for('react.server.block'), render];
-      }
       let curriedLoad = () => {
         return load(...args);
       };
-      return [Symbol.for('react.server.block'), 'path/' + idx, curriedLoad];
+      return ReactFlightDOMServerRuntime.serverBlock(
+        'path/' + idx,
+        curriedLoad,
+      );
     };
   }
 

packages/react-noop-renderer/flight-server-runtime.js

@@ -0,0 +1,10 @@
+/**
+ * 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 * from 'react-server/flight-server-runtime';