[Flight] Make PG and FS server-only (#20424)

* Make react-fs server-only

* Make react-pg server-only

packages/react-fs/index.js

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

packages/react-fs/npm/index.browser.js → packages/react-fs/npm/index.browser.server.js

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

packages/react-fs/npm/index.js

@@ -1,3 +1,6 @@
 'use strict';
 
-module.exports = require('./index.node');
+throw new Error(
+ 'React FS cannot be used outside a react-server environment. ' +
+ 'You must configure Node.js using the `--conditions react-server` flag.'
+);

packages/react-fs/npm/index.node.server.js

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

packages/react-fs/package.json

@@ -13,14 +13,23 @@
  "README.md",
  "build-info.json",
  "index.js",
- "index.node.js",
- "index.browser.js",
+ "index.node.server.js",
+ "index.browser.server.js",
  "cjs/"
  ],
+ "exports": {
+ ".": {
+ "react-server": {
+ "node": "./index.node.server.js",
+ "browser": "./index.browser.server.js"
+ },
+ "default": "./index.js"
+ },
+ "./index.node.server": "./index.node.server.js",
+ "./index.browser.server": "./index.browser.server.js",
+ "./package.json": "./package.json"
+ },
  "peerDependencies": {
  "react": "^17.0.0"
- },
- "browser": {
- "./index.js": "./index.browser.js"
  }
 }

packages/react-pg/index.js

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

packages/react-pg/npm/index.browser.js → packages/react-pg/npm/index.browser.server.js

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

packages/react-pg/npm/index.js

@@ -1,3 +1,6 @@
 'use strict';
 
-module.exports = require('./index.node');
+throw new Error(
+ 'React PG cannot be used outside a react-server environment. ' +
+ 'You must configure Node.js using the `--conditions react-server` flag.'
+);

packages/react-pg/npm/index.node.server.js

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

packages/react-pg/package.json

@@ -13,15 +13,24 @@
  "README.md",
  "build-info.json",
  "index.js",
- "index.node.js",
- "index.browser.js",
+ "index.node.server.js",
+ "index.browser.server.js",
  "cjs/"
  ],
+ "exports": {
+ ".": {
+ "react-server": {
+ "node": "./index.node.server.js",
+ "browser": "./index.browser.server.js"
+ },
+ "default": "./index.js"
+ },
+ "./index.node.server": "./index.node.server.js",
+ "./index.browser.server": "./index.browser.server.js",
+ "./package.json": "./package.json"
+ },
  "peerDependencies": {
  "react": "^17.0.0",
  "pg": "*"
- },
- "browser": {
- "./index.js": "./index.browser.js"
  }
 }

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

@@ -38,9 +38,6 @@
  "./node-register": "./node-register.js",
  "./package.json": "./package.json"
  },
- "browser": {
- "./writer.js": "./writer.browser.server.js"
- },
  "main": "index.js",
  "repository": {
  "type" : "git",

scripts/rollup/bundles.js

@@ -157,7 +157,7 @@ const bundles = [
  {
  bundleTypes: [NODE_DEV, NODE_PROD],
  moduleType: ISOMORPHIC,
- entry: 'react-fs/index.browser',
+ entry: 'react-fs/index.browser.server',
  global: 'ReactFilesystem',
  externals: [],
  },
@@ -166,7 +166,7 @@ const bundles = [
  {
  bundleTypes: [NODE_DEV, NODE_PROD],
  moduleType: ISOMORPHIC,
- entry: 'react-fs/index.node',
+ entry: 'react-fs/index.node.server',
  global: 'ReactFilesystem',
  externals: ['react', 'fs/promises', 'path'],
  },
@@ -175,7 +175,7 @@ const bundles = [
  {
  bundleTypes: [NODE_DEV, NODE_PROD],
  moduleType: ISOMORPHIC,
- entry: 'react-pg/index.browser',
+ entry: 'react-pg/index.browser.server',
  global: 'ReactPostgres',
  externals: [],
  },
@@ -184,7 +184,7 @@ const bundles = [
  {
  bundleTypes: [NODE_DEV, NODE_PROD],
  moduleType: ISOMORPHIC,
- entry: 'react-pg/index.node',
+ entry: 'react-pg/index.node.server',
  global: 'ReactPostgres',
  externals: ['react', 'pg'],
  },