@nrwl/react 14.8.7 → 14.9.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [14.8.7](https://github.com/nrwl/nx/compare/14.8.6...14.8.7) (2023-03-10)
+
 
 **Note:** Version bump only for package @nrwl/react

package/LICENSE

@@ -1,22 +1,22 @@
-(The MIT License)
-
-Copyright (c) 2017-2022 Narwhal Technologies Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-'Software'), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
-IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
-CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
-TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+(The MIT License)
+
+Copyright (c) 2017-2023 Narwhal Technologies Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -43,40 +43,19 @@ npm init nx-workspace
 yarn create nx-workspace
 ```
 
-The `create-nx-workspace` command will ask you to select a preset, which will configure some plugins and create your applications to help you get started.
-
-```
-? What to create in the new workspace (Use arrow keys)
-❯ apps              [an empty workspace with no plugins with a layout that works best for building apps]
-  core              [an empty workspace with no plugins set up to publish npm packages (similar to yarn workspaces)]
-  ts                [an empty workspace with the JS/TS plugin preinstalled]
-  react             [a workspace with a single React application]
-  angular           [a workspace with a single Angular application]
-  next.js           [a workspace with a single Next.js application]
-  nest              [a workspace with a single Nest application]
-  express           [a workspace with a single Express application]
-  web components    [a workspace with a single app built using web components]
-  react-native      [a workspace with a single React Native application]
-  react-express     [a workspace with a full stack application (React + Express)]
-```
-
-Select the preset that works best for you
-
-### Adding Nx to an Existing Monorepo
+### Adding Nx to an Existing Repository
 
 Run:
 
 ```bash
-npx add-nx-to-monorepo@latest
+npx nx@latest init
 ```
 
 ## Documentation & Resources
 
-A few links to help you get started:
-
-- [Nx.Dev: Documentation, Guides, Interactive Tutorials](https://nx.dev)
-- [Tutorial: Adding Nx to an Existing Monorepo](/recipe/adding-to-monorepo)
-- [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
+- [Nx.Dev: Documentation, Guides, Tutorials](https://nx.dev)
+- [Intro to Nx](https://nx.dev/getting-started/intro)
+- [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 

package/babel.d.ts

@@ -1 +1,16 @@
-export {};
+interface NxReactBabelOptions {
+    runtime?: string;
+    importSource?: string;
+    useBuiltIns?: boolean | string;
+    decorators?: {
+        decoratorsBeforeExport?: boolean;
+        legacy?: boolean;
+    };
+    classProperties?: {
+        loose?: boolean;
+    };
+}
+declare function getReactPresetOptions({ presetOptions, env }: {
+    presetOptions: any;
+    env: any;
+}): Record<string, string | boolean>;

package/babel.js

@@ -1,5 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Babel preset to provide React support for Nx.
+ */
 module.exports = function (api, options) {
     api.assertVersion(7);
     const env = api.env();
@@ -7,7 +8,7 @@ module.exports = function (api, options) {
      * pagesDir is set when being transpiled by Next.js
      */
     const isNextJs = api.caller((caller) => caller === null || caller === void 0 ? void 0 : caller.pagesDir);
-    const presets = [['@nrwl/web/babel', options]];
+    const presets = [['@nrwl/js/babel', options]];
     /**
      * Next.js already includes the preset-react, and including it
      * the second time here results in having two instances of this preset.

package/babel.js.map

@@ -1 +1 @@
-{"version":3,"file":"babel.js","sourceRoot":"","sources":["../../../packages/react/babel.ts"],"names":[],"mappings":";;AAWA,MAAM,CAAC,OAAO,GAAG,UAAU,GAAQ,EAAE,OAA4B;IAC/D,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IACtB;;OAEG;IACH,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAU,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtD;;;;;;;;;;OAUG;IACH,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,CAAC,IAAI,CAAC;YACX,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;YACtC,qBAAqB,CAAC;gBACpB,aAAa,EAAE,OAAO;gBACtB,GAAG;aACJ,CAAC;SACH,CAAC,CAAC;KACJ;IAED,OAAO;QACL,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,qBAAqB,CAAC,EAAE,aAAa,EAAE,GAAG,EAAE;;IACnD,MAAM,kBAAkB,GAAqC;QAC3D,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,WAAW;QAC7C,WAAW,EAAE,GAAG,KAAK,YAAY;KAClC,CAAC;IAEF,sFAAsF;IACtF,4CAA4C;IAC5C,IAAI,kBAAkB,CAAC,OAAO,KAAK,WAAW,EAAE;QAC9C,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;KACvC;IAED,IAAI,aAAa,CAAC,YAAY,EAAE;QAC9B,kBAAkB,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;KAC9D;IAED,OAAO,kBAAkB,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"babel.js","sourceRoot":"","sources":["../../../packages/react/babel.ts"],"names":[],"mappings":"AAAA;;GAEG;AAeH,MAAM,CAAC,OAAO,GAAG,UAAU,GAAQ,EAAE,OAA4B;IAC/D,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IACtB;;OAEG;IACH,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAU,CAAC,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;IAErD;;;;;;;;;;OAUG;IACH,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,CAAC,IAAI,CAAC;YACX,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;YACtC,qBAAqB,CAAC;gBACpB,aAAa,EAAE,OAAO;gBACtB,GAAG;aACJ,CAAC;SACH,CAAC,CAAC;KACJ;IAED,OAAO;QACL,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,qBAAqB,CAAC,EAAE,aAAa,EAAE,GAAG,EAAE;;IACnD,MAAM,kBAAkB,GAAqC;QAC3D,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,WAAW;QAC7C,WAAW,EAAE,GAAG,KAAK,YAAY;KAClC,CAAC;IAEF,sFAAsF;IACtF,4CAA4C;IAC5C,IAAI,kBAAkB,CAAC,OAAO,KAAK,WAAW,EAAE;QAC9C,kBAAkB,CAAC,WAAW,GAAG,IAAI,CAAC;KACvC;IAED,IAAI,aAAa,CAAC,YAAY,EAAE;QAC9B,kBAAkB,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;KAC9D;IAED,OAAO,kBAAkB,CAAC;AAC5B,CAAC"}

package/executors.json

@@ -4,6 +4,11 @@
       "implementation": "./src/executors/module-federation-dev-server/compat",
       "schema": "./src/executors/module-federation-dev-server/schema.json",
       "description": "Serve a host or remote application."
+    },
+    "module-federation-ssr-dev-server": {
+      "implementation": "./src/executors/module-federation-ssr-dev-server/compat",
+      "schema": "./src/executors/module-federation-ssr-dev-server/schema.json",
+      "description": "Serve a host application along with it's known remotes."
     }
   },
   "executors": {
@@ -11,6 +16,11 @@
       "implementation": "./src/executors/module-federation-dev-server/module-federation-dev-server.impl",
       "schema": "./src/executors/module-federation-dev-server/schema.json",
       "description": "Serve a host or remote application."
+    },
+    "module-federation-ssr-dev-server": {
+      "implementation": "./src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl",
+      "schema": "./src/executors/module-federation-ssr-dev-server/schema.json",
+      "description": "Serve a host application along with it's known remotes."
     }
   }
 }

package/generators.json

@@ -95,6 +95,13 @@
       "schema": "./src/generators/setup-tailwind/schema.json",
       "description": "Set up Tailwind configuration for a project.",
       "hidden": false
+    },
+
+    "setup-ssr": {
+      "factory": "./src/generators/setup-ssr/setup-ssr#setupSsrSchematic",
+      "schema": "./src/generators/setup-ssr/schema.json",
+      "description": "Set up SSR configuration for a project.",
+      "hidden": false
     }
   },
   "generators": {
@@ -204,6 +211,13 @@
       "schema": "./src/generators/setup-tailwind/schema.json",
       "description": "Set up Tailwind configuration for a project.",
       "hidden": false
+    },
+
+    "setup-ssr": {
+      "factory": "./src/generators/setup-ssr/setup-ssr#setupSsrGenerator",
+      "schema": "./src/generators/setup-ssr/schema.json",
+      "description": "Set up SSR configuration for a project.",
+      "hidden": false
     }
   }
 }

package/index.d.ts

@@ -1,4 +1,4 @@
-export { extraEslintDependencies, createReactEslintJson, } from './src/utils/lint';
+export { extraEslintDependencies, createReactEslintJson, extendReactEslintJson, } from './src/utils/lint';
 export { CSS_IN_JS_DEPENDENCIES } from './src/utils/styled';
 export { assertValidStyle } from './src/utils/assertion';
 export { reactDomVersion, reactVersion } from './src/utils/versions';
@@ -13,6 +13,9 @@ export { reduxGenerator } from './src/generators/redux/redux';
 export { storiesGenerator } from './src/generators/stories/stories';
 export { storybookConfigurationGenerator } from './src/generators/storybook-configuration/configuration';
 export { hostGenerator } from './src/generators/host/host';
+export { remoteGenerator } from './src/generators/remote/remote';
 export { cypressComponentConfigGenerator } from './src/generators/cypress-component-configuration/cypress-component-configuration';
 export { componentTestGenerator } from './src/generators/component-test/component-test';
+export { setupTailwindGenerator } from './src/generators/setup-tailwind/setup-tailwind';
 export type { SupportedStyles } from './typings/style';
+export * from './plugins/with-react';

package/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.CSS_IN_JS_DEPENDENCIES = exports.createReactEslintJson = exports.extraEslintDependencies = void 0;
+exports.setupTailwindGenerator = exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.CSS_IN_JS_DEPENDENCIES = exports.extendReactEslintJson = exports.createReactEslintJson = exports.extraEslintDependencies = void 0;
+const tslib_1 = require("tslib");
 var lint_1 = require("./src/utils/lint");
 Object.defineProperty(exports, "extraEslintDependencies", { enumerable: true, get: function () { return lint_1.extraEslintDependencies; } });
 Object.defineProperty(exports, "createReactEslintJson", { enumerable: true, get: function () { return lint_1.createReactEslintJson; } });
+Object.defineProperty(exports, "extendReactEslintJson", { enumerable: true, get: function () { return lint_1.extendReactEslintJson; } });
 var styled_1 = require("./src/utils/styled");
 Object.defineProperty(exports, "CSS_IN_JS_DEPENDENCIES", { enumerable: true, get: function () { return styled_1.CSS_IN_JS_DEPENDENCIES; } });
 var assertion_1 = require("./src/utils/assertion");
@@ -33,8 +35,13 @@ var configuration_1 = require("./src/generators/storybook-configuration/configur
 Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return configuration_1.storybookConfigurationGenerator; } });
 var host_1 = require("./src/generators/host/host");
 Object.defineProperty(exports, "hostGenerator", { enumerable: true, get: function () { return host_1.hostGenerator; } });
+var remote_1 = require("./src/generators/remote/remote");
+Object.defineProperty(exports, "remoteGenerator", { enumerable: true, get: function () { return remote_1.remoteGenerator; } });
 var cypress_component_configuration_1 = require("./src/generators/cypress-component-configuration/cypress-component-configuration");
 Object.defineProperty(exports, "cypressComponentConfigGenerator", { enumerable: true, get: function () { return cypress_component_configuration_1.cypressComponentConfigGenerator; } });
 var component_test_1 = require("./src/generators/component-test/component-test");
 Object.defineProperty(exports, "componentTestGenerator", { enumerable: true, get: function () { return component_test_1.componentTestGenerator; } });
+var setup_tailwind_1 = require("./src/generators/setup-tailwind/setup-tailwind");
+Object.defineProperty(exports, "setupTailwindGenerator", { enumerable: true, get: function () { return setup_tailwind_1.setupTailwindGenerator; } });
+tslib_1.__exportStar(require("./plugins/with-react"), exports);
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":";;;AAAA,yCAG0B;AAFxB,+GAAA,uBAAuB,OAAA;AACvB,6GAAA,qBAAqB,OAAA;AAEvB,6CAA4D;AAAnD,gHAAA,sBAAsB,OAAA;AAC/B,mDAAyD;AAAhD,6GAAA,gBAAgB,OAAA;AACzB,iDAAqE;AAA5D,2GAAA,eAAe,OAAA;AAAE,wGAAA,YAAY,OAAA;AACtC,wEAAgF;AAAvE,mHAAA,oBAAoB,OAAA;AAC7B,kEAA0E;AAAjE,+GAAA,kBAAkB,OAAA;AAC3B,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,yGAA2G;AAAlG,mIAAA,yBAAyB,OAAA;AAClC,oFAA2F;AAAlF,0HAAA,uBAAuB,OAAA;AAChC,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,mDAAgE;AAAvD,0GAAA,kBAAkB,OAAA;AAC3B,sDAA8D;AAArD,uGAAA,cAAc,OAAA;AACvB,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,wFAAyG;AAAhG,gIAAA,+BAA+B,OAAA;AACxC,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,oIAAmI;AAA1H,kJAAA,+BAA+B,OAAA;AACxC,iFAAwF;AAA/E,wHAAA,sBAAsB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":";;;;AAAA,yCAI0B;AAHxB,+GAAA,uBAAuB,OAAA;AACvB,6GAAA,qBAAqB,OAAA;AACrB,6GAAA,qBAAqB,OAAA;AAEvB,6CAA4D;AAAnD,gHAAA,sBAAsB,OAAA;AAC/B,mDAAyD;AAAhD,6GAAA,gBAAgB,OAAA;AACzB,iDAAqE;AAA5D,2GAAA,eAAe,OAAA;AAAE,wGAAA,YAAY,OAAA;AACtC,wEAAgF;AAAvE,mHAAA,oBAAoB,OAAA;AAC7B,kEAA0E;AAAjE,+GAAA,kBAAkB,OAAA;AAC3B,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,yGAA2G;AAAlG,mIAAA,yBAAyB,OAAA;AAClC,oFAA2F;AAAlF,0HAAA,uBAAuB,OAAA;AAChC,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,mDAAgE;AAAvD,0GAAA,kBAAkB,OAAA;AAC3B,sDAA8D;AAArD,uGAAA,cAAc,OAAA;AACvB,4DAAoE;AAA3D,2GAAA,gBAAgB,OAAA;AACzB,wFAAyG;AAAhG,gIAAA,+BAA+B,OAAA;AACxC,mDAA2D;AAAlD,qGAAA,aAAa,OAAA;AACtB,yDAAiE;AAAxD,yGAAA,eAAe,OAAA;AACxB,oIAAmI;AAA1H,kJAAA,+BAA+B,OAAA;AACxC,iFAAwF;AAA/E,wHAAA,sBAAsB,OAAA;AAC/B,iFAAwF;AAA/E,wHAAA,sBAAsB,OAAA;AAE/B,+DAAqC"}

package/migrations.json

@@ -65,6 +65,24 @@
       "version": "14.6.0-beta.0",
       "description": "Update babel-jest to include the @nrwl/react/babel preset in project jest config",
       "factory": "./src/migrations/update-14-6-0/add-preset-jest-config"
+    },
+    "update-rollup-executor": {
+      "cli": "nx",
+      "version": "15.3.0-beta.0",
+      "description": "Update projects using @nrwl/web:rollup to @nrwl/rollup:rollup for build.",
+      "factory": "./src/migrations/update-15-3-0/update-rollup-executor"
+    },
+    "install-webpack-rollup-dependencies": {
+      "cli": "nx",
+      "version": "15.3.0-beta.0",
+      "description": "Install new dependencies for React projects using Webpack or Rollup.",
+      "factory": "./src/migrations/update-15-3-0/install-webpack-rollup-dependencies"
+    },
+    "react-webpack-config-setup": {
+      "cli": "nx",
+      "version": "15.6.3-beta.0",
+      "description": "Creates or updates webpack.config.js file with the new options for webpack.",
+      "factory": "./src/migrations/update-15-6-3/webpack-config-setup"
     }
   },
   "packageJsonUpdates": {
@@ -699,6 +717,148 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "15.2.2-beta.0": {
+      "version": "15.2.2-beta.0",
+      "packages": {
+        "@types/react": {
+          "version": "18.0.25",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-dom": {
+          "version": "18.0.9",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/node": {
+          "version": "18.11.9",
+          "alwaysAddToPackageJson": false
+        },
+        "styled-components": {
+          "version": "5.3.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/styled": {
+          "version": "11.10.5",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/react": {
+          "version": "11.10.5",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/babel-plugin": {
+          "version": "11.10.5",
+          "alwaysAddToPackageJson": false
+        },
+        "styled-jsx": {
+          "version": "5.1.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-router-dom": {
+          "version": "6.4.3",
+          "alwaysAddToPackageJson": false
+        },
+        "@reduxjs/toolkit": {
+          "version": "1.9.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-redux": {
+          "version": "8.0.5",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-react": {
+          "version": "7.31.11",
+          "alwaysAddToPackageJson": false
+        },
+        "postcss": {
+          "version": "8.4.19",
+          "alwaysAddToPackageJson": false
+        },
+        "tailwindcss": {
+          "version": "3.2.4",
+          "alwaysAddToPackageJson": false
+        },
+        "autoprefixer": {
+          "version": "10.4.13",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/express": {
+          "version": "4.17.14",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "5.8.0": {
+      "version": "5.8.0-beta.0",
+      "packages": {
+        "@types/react": {
+          "version": "18.0.28",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-dom": {
+          "version": "18.0.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/node": {
+          "version": "18.14.2",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/styled": {
+          "version": "11.10.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/react": {
+          "version": "11.10.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@emotion/babel-plugin": {
+          "version": "11.10.6",
+          "alwaysAddToPackageJson": false
+        },
+        "styled-jsx": {
+          "version": "5.1.2",
+          "alwaysAddToPackageJson": false
+        },
+        "react-router-dom": {
+          "version": "6.8.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/react": {
+          "version": "14.0.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@reduxjs/toolkit": {
+          "version": "1.9.3",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-import": {
+          "version": "2.27.5",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-jsx-a11y": {
+          "version": "6.7.1",
+          "alwaysAddToPackageJson": false
+        },
+        "eslint-plugin-react": {
+          "version": "7.32.2",
+          "alwaysAddToPackageJson": false
+        },
+        "postcss": {
+          "version": "8.4.21",
+          "alwaysAddToPackageJson": false
+        },
+        "tailwindcss": {
+          "version": "3.2.7",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/express": {
+          "version": "4.17.17",
+          "alwaysAddToPackageJson": false
+        },
+        "less": {
+          "version": "4.1.3",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/module-federation.d.ts

@@ -1,4 +1,4 @@
 import { withModuleFederation } from './src/module-federation/with-module-federation';
-export * from './src/module-federation/models';
-export * from './src/module-federation/webpack-utils';
+import { withModuleFederationForSSR } from './src/module-federation/with-module-federation-ssr';
 export { withModuleFederation };
+export { withModuleFederationForSSR };

package/module-federation.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModuleFederation = void 0;
-const tslib_1 = require("tslib");
+exports.withModuleFederationForSSR = exports.withModuleFederation = void 0;
 const with_module_federation_1 = require("./src/module-federation/with-module-federation");
 Object.defineProperty(exports, "withModuleFederation", { enumerable: true, get: function () { return with_module_federation_1.withModuleFederation; } });
-tslib_1.__exportStar(require("./src/module-federation/models"), exports);
-tslib_1.__exportStar(require("./src/module-federation/webpack-utils"), exports);
+const with_module_federation_ssr_1 = require("./src/module-federation/with-module-federation-ssr");
+Object.defineProperty(exports, "withModuleFederationForSSR", { enumerable: true, get: function () { return with_module_federation_ssr_1.withModuleFederationForSSR; } });
 // Support for older generated code: `const withModuleFederation = require('@nrwl/react/module-federation')`
 module.exports = with_module_federation_1.withModuleFederation;
 // Allow newer generated code to work: `const { withModuleFederation } = require(...)`;
 module.exports.withModuleFederation = with_module_federation_1.withModuleFederation;
+module.exports.withModuleFederationForSSR = with_module_federation_ssr_1.withModuleFederationForSSR;
 //# sourceMappingURL=module-federation.js.map

package/module-federation.js.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation.js","sourceRoot":"","sources":["../../../packages/react/module-federation.ts"],"names":[],"mappings":";;;;AAAA,2FAAsF;AAG7E,qGAHA,6CAAoB,OAGA;AAF7B,yEAA+C;AAC/C,gFAAsD;AAGtD,4GAA4G;AAC5G,MAAM,CAAC,OAAO,GAAG,6CAAoB,CAAC;AACtC,uFAAuF;AACvF,MAAM,CAAC,OAAO,CAAC,oBAAoB,GAAG,6CAAoB,CAAC"}
+{"version":3,"file":"module-federation.js","sourceRoot":"","sources":["../../../packages/react/module-federation.ts"],"names":[],"mappings":";;;AAAA,2FAAsF;AAG7E,qGAHA,6CAAoB,OAGA;AAF7B,mGAAgG;AAGvF,2GAHA,uDAA0B,OAGA;AAEnC,4GAA4G;AAC5G,MAAM,CAAC,OAAO,GAAG,6CAAoB,CAAC;AAEtC,uFAAuF;AACvF,MAAM,CAAC,OAAO,CAAC,oBAAoB,GAAG,6CAAoB,CAAC;AAC3D,MAAM,CAAC,OAAO,CAAC,0BAA0B,GAAG,uDAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react",
-  "version": "14.8.7",
+  "version": "14.9.0-beta.1",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -31,34 +31,17 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
-    "@nrwl/cypress": "14.8.7",
-    "@nrwl/devkit": "14.8.7",
-    "@nrwl/jest": "14.8.7",
-    "@nrwl/js": "14.8.7",
-    "@nrwl/linter": "14.8.7",
-    "@nrwl/storybook": "14.8.7",
-    "@nrwl/web": "14.8.7",
-    "@nrwl/webpack": "14.8.7",
-    "@nrwl/workspace": "14.8.7",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
-    "@svgr/webpack": "^6.1.2",
-    "chalk": "4.1.0",
-    "css-loader": "^6.4.0",
-    "minimatch": "3.0.5",
-    "react-refresh": "^0.10.0",
-    "semver": "7.3.4",
-    "style-loader": "^3.3.0",
-    "stylus": "^0.55.0",
-    "stylus-loader": "^6.2.0",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.58.1",
-    "webpack-merge": "^5.8.0"
+    "@nrwl/devkit": "14.9.0-beta.1",
+    "@nrwl/js": "14.9.0-beta.1",
+    "@nrwl/linter": "14.9.0-beta.1",
+    "@nrwl/workspace": "14.9.0-beta.1",
+    "@phenomnomnominal/tsquery": "4.1.1",
+    "chalk": "^4.1.0",
+    "minimatch": "3.0.5"
   },
   "publishConfig": {
     "access": "public"
   },
   "types": "./index.d.ts",
-  "gitHead": "6925b58758fe1b1b253e9dbe679f2f80b04a41c5"
+  "gitHead": "b2a467bcb2bdc124ed52f3755780bca429a43855"
 }

package/plugins/bundle-rollup.js

@@ -16,6 +16,26 @@ function getRollupOptions(options) {
     else {
         options.output = Object.assign(Object.assign({}, options.output), { globals: Object.assign(Object.assign({}, options.output.globals), extraGlobals) });
     }
+    // React buildable libs support SVGR, but not for React Native.
+    // If imports fail, ignore it.
+    try {
+        const url = require('@rollup/plugin-url');
+        const svg = require('@svgr/rollup');
+        options.plugins = [
+            svg({
+                svgo: false,
+                titleProp: true,
+                ref: true,
+            }),
+            url({
+                limit: 10000, // 10kB
+            }),
+            ...options.plugins,
+        ];
+    }
+    catch (_a) {
+        // Ignored for React Native
+    }
     return options;
 }
 module.exports = getRollupOptions;

package/plugins/bundle-rollup.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle-rollup.js","sourceRoot":"","sources":["../../../../packages/react/plugins/bundle-rollup.ts"],"names":[],"mappings":";;AAEA,SAAS,gBAAgB,CAAC,OAA6B;IACrD,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,UAAU;QACvB,mBAAmB,EAAE,QAAQ;QAC7B,gBAAgB,EAAE,cAAc;QAChC,iBAAiB,EAAE,eAAe;KACnC,CAAC;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACjC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC3B,CAAC,CAAC,OAAO,mCAAQ,CAAC,CAAC,OAAO,GAAK,YAAY,CAAE,CAAC;QAChD,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,CAAC,MAAM,mCACT,OAAO,CAAC,MAAM,KACjB,OAAO,kCACF,OAAO,CAAC,MAAM,CAAC,OAAO,GACtB,YAAY,IAElB,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,OAAO,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"bundle-rollup.js","sourceRoot":"","sources":["../../../../packages/react/plugins/bundle-rollup.ts"],"names":[],"mappings":";;AAEA,SAAS,gBAAgB,CAAC,OAA6B;IACrD,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,UAAU;QACvB,mBAAmB,EAAE,QAAQ;QAC7B,gBAAgB,EAAE,cAAc;QAChC,iBAAiB,EAAE,eAAe;KACnC,CAAC;IAEF,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACjC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC3B,CAAC,CAAC,OAAO,mCAAQ,CAAC,CAAC,OAAO,GAAK,YAAY,CAAE,CAAC;QAChD,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,CAAC,MAAM,mCACT,OAAO,CAAC,MAAM,KACjB,OAAO,kCACF,OAAO,CAAC,MAAM,CAAC,OAAO,GACtB,YAAY,IAElB,CAAC;KACH;IAED,+DAA+D;IAC/D,8BAA8B;IAC9B,IAAI;QACF,MAAM,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;QAEpC,OAAO,CAAC,OAAO,GAAG;YAChB,GAAG,CAAC;gBACF,IAAI,EAAE,KAAK;gBACX,SAAS,EAAE,IAAI;gBACf,GAAG,EAAE,IAAI;aACV,CAAC;YACF,GAAG,CAAC;gBACF,KAAK,EAAE,KAAK,EAAE,OAAO;aACtB,CAAC;YACF,GAAG,OAAO,CAAC,OAAO;SACnB,CAAC;KACH;IAAC,WAAM;QACN,2BAA2B;KAC5B;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,OAAO,GAAG,gBAAgB,CAAC"}

package/plugins/component-testing/index.d.ts

@@ -1,4 +1,14 @@
 import { NxComponentTestingOptions } from '@nrwl/cypress/plugins/cypress-preset';
+type ViteDevServer = {
+    framework: 'react';
+    bundler: 'vite';
+    viteConfig?: any;
+};
+type WebpackDevServer = {
+    framework: 'react';
+    bundler: 'webpack';
+    webpackConfig?: any;
+};
 /**
  * React nx preset for Cypress Component Testing
  *
@@ -18,13 +28,11 @@ import { NxComponentTestingOptions } from '@nrwl/cypress/plugins/cypress-preset'
  * @param options override options
  */
 export declare function nxComponentTestingPreset(pathToConfig: string, options?: NxComponentTestingOptions): {
-    devServer: {
-        readonly framework: "react";
-        readonly bundler: "webpack";
-        readonly webpackConfig: any;
-    };
+    specPattern: string;
+    devServer: ViteDevServer | WebpackDevServer;
     videosFolder: string;
     screenshotsFolder: string;
     video: boolean;
     chromeWebSecurity: boolean;
 };
+export {};