@nx/react 16.4.0-beta.8 → 16.4.0

package/migrations.json

@@ -933,6 +933,23 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "16.4.0-beta.11": {
+      "version": "16.4.0-beta.11",
+      "packages": {
+        "@types/react": {
+          "version": "18.2.13",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-dom": {
+          "version": "18.2.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@types/react-is": {
+          "version": "18.2.1",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "16.4.0-beta.8",
+  "version": "16.4.0",
   "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,11 +31,11 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nrwl/react": "16.4.0-beta.8",
-    "@nx/devkit": "16.4.0-beta.8",
-    "@nx/js": "16.4.0-beta.8",
-    "@nx/linter": "16.4.0-beta.8",
-    "@nx/web": "16.4.0-beta.8",
+    "@nrwl/react": "16.4.0",
+    "@nx/devkit": "16.4.0",
+    "@nx/js": "16.4.0",
+    "@nx/linter": "16.4.0",
+    "@nx/web": "16.4.0",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@svgr/webpack": "^8.0.1",
     "chalk": "^4.1.0",
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "types": "./index.d.ts",
-  "gitHead": "a6589ab111fc01fd4d2cd215c31bfcff004dfc00"
+  "gitHead": "ae698a72748d9f33aa5395aeeaa7b7af436a1dc5"
 }

package/plugins/component-testing/index.js

@@ -29,10 +29,13 @@ function nxComponentTestingPreset(pathToConfig, options) {
     const normalizedProjectRootPath = ['.ts', '.js'].some((ext) => pathToConfig.endsWith(ext))
         ? pathToConfig
         : (0, path_1.dirname)(pathToConfig);
+    const basePresetSettings = (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig, {
+        testingType: 'component',
+    });
     if ((options === null || options === void 0 ? void 0 : options.bundler) === 'vite') {
-        return Object.assign(Object.assign({}, (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig)), { specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}', devServer: Object.assign(Object.assign({}, { framework: 'react', bundler: 'vite' }), { viteConfig: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        return Object.assign(Object.assign({}, basePresetSettings), { specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}', devServer: Object.assign(Object.assign({}, { framework: 'react', bundler: 'vite' }), { viteConfig: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
                     const viteConfigPath = findViteConfig(normalizedProjectRootPath);
-                    const { mergeConfig, loadConfigFromFile, searchForWorkspaceRoot } = (yield Promise.resolve().then(() => require('vite')));
+                    const { mergeConfig, loadConfigFromFile, searchForWorkspaceRoot } = yield Promise.resolve().then(() => require('vite'));
                     const resolved = yield loadConfigFromFile({
                         mode: 'watch',
                         command: 'serve',
@@ -78,7 +81,7 @@ function nxComponentTestingPreset(pathToConfig, options) {
             compiler: 'babel',
         });
     }
-    return Object.assign(Object.assign({}, (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig)), { specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}', devServer: Object.assign(Object.assign({}, { framework: 'react', bundler: 'webpack' }), { webpackConfig }) });
+    return Object.assign(Object.assign({}, basePresetSettings), { specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}', devServer: Object.assign(Object.assign({}, { framework: 'react', bundler: 'webpack' }), { webpackConfig }) });
 }
 exports.nxComponentTestingPreset = nxComponentTestingPreset;
 /**
@@ -131,7 +134,11 @@ function buildTargetWebpack(graph, buildTarget, componentTestingProjectName) {
     return () => tslib_1.__awaiter(this, void 0, void 0, function* () {
         customWebpack = yield customWebpack;
         // TODO(jack): Once webpackConfig is always set in @nx/webpack:webpack, we no longer need this default.
-        const defaultWebpack = getWebpackConfig(context, Object.assign(Object.assign({}, options), { root: devkit_1.workspaceRoot, projectRoot: ctProjectConfig.root, sourceRoot: ctProjectConfig.sourceRoot }));
+        const defaultWebpack = getWebpackConfig(context, Object.assign(Object.assign({}, options), { 
+            // cypress will generate its own index.html from component-index.html
+            generateIndexHtml: false, 
+            // causes issues with buildable libraries with ENOENT: no such file or directory, scandir error
+            extractLicenses: false, root: devkit_1.workspaceRoot, projectRoot: ctProjectConfig.root, sourceRoot: ctProjectConfig.sourceRoot }));
         if (customWebpack) {
             return yield customWebpack(defaultWebpack, {
                 options,

package/src/generators/remote/remote.js

@@ -24,7 +24,7 @@ function remoteGenerator(host, schema) {
             bundler: 'webpack', skipFormat: true }));
         tasks.push(initAppTask);
         if (schema.host) {
-            (0, update_host_with_remote_1.updateHostWithRemote)(host, schema.host, options.name);
+            (0, update_host_with_remote_1.updateHostWithRemote)(host, schema.host, options.projectName);
         }
         // Module federation requires bootstrap code to be dynamically imported.
         // Renaming original entry file so we can use `import(./bootstrap)` in

package/src/generators/setup-ssr/setup-ssr.js

@@ -60,6 +60,7 @@ function setupSsrGenerator(tree, options) {
                     target: 'node',
                     main: `${projectRoot}/server.ts`,
                     outputPath: (0, devkit_1.joinPathFragments)(originalOutputPath, 'server'),
+                    outputFileName: 'server.js',
                     tsConfig: `${projectRoot}/tsconfig.server.json`,
                     compiler: 'babel',
                     externalDependencies: 'all',

package/src/module-federation/utils.js

@@ -16,7 +16,7 @@ function getFunctionDeterminateRemoteUrl(isServer = false) {
             throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "${serveTarget}" target.\n
       You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', 'http://localhost:4201']]\``);
         }
-        const host = (_c = (_b = serveTarget.options) === null || _b === void 0 ? void 0 : _b.host) !== null && _c !== void 0 ? _c : 'http://localhost';
+        const host = (_c = (_b = serveTarget.options) === null || _b === void 0 ? void 0 : _b.host) !== null && _c !== void 0 ? _c : `http${serveTarget.options.ssl ? 's' : ''}://localhost`;
         const port = (_e = (_d = serveTarget.options) === null || _d === void 0 ? void 0 : _d.port) !== null && _e !== void 0 ? _e : 4201;
         return `${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/${remoteEntry}`;
     };

package/src/utils/ast-utils.d.ts

@@ -9,7 +9,7 @@ export declare function findDefaultExportIdentifier(source: ts.SourceFile): ts.I
 export declare function findDefaultClassOrFunction(source: ts.SourceFile | null): ts.FunctionDeclaration | ts.ClassDeclaration | null;
 export declare function findComponentImportPath(componentName: string, source: ts.SourceFile): string;
 export declare function findElements(source: ts.SourceFile, tagName: string): ts.Node[];
-export declare function findClosestOpening(tagName: string, node: ts.Node): any;
+export declare function findClosestOpening(tagName: string, node: ts.Node): ts.Node;
 export declare function isTag(tagName: string, node: ts.Node): boolean;
 export declare function addInitialRoutes(sourcePath: string, source: ts.SourceFile): StringChange[];
 export declare function addRoute(sourcePath: string, source: ts.SourceFile, options: {

package/src/utils/versions.d.ts

@@ -5,9 +5,9 @@ export declare const reactDomVersion = "18.2.0";
 export declare const reactIsVersion = "18.2.0";
 export declare const swcLoaderVersion = "0.1.15";
 export declare const babelLoaderVersion = "^9.1.2";
-export declare const typesReactVersion = "18.2.12";
-export declare const typesReactDomVersion = "18.2.5";
-export declare const typesReactIsVersion = "18.2.0";
+export declare const typesReactVersion = "18.2.13";
+export declare const typesReactDomVersion = "18.2.6";
+export declare const typesReactIsVersion = "18.2.1";
 export declare const typesNodeVersion = "18.14.2";
 export declare const babelPresetReactVersion = "^7.14.5";
 export declare const styledComponentsVersion = "5.3.6";

package/src/utils/versions.js

@@ -9,9 +9,9 @@ exports.reactDomVersion = '18.2.0';
 exports.reactIsVersion = '18.2.0';
 exports.swcLoaderVersion = '0.1.15';
 exports.babelLoaderVersion = '^9.1.2';
-exports.typesReactVersion = '18.2.12';
-exports.typesReactDomVersion = '18.2.5';
-exports.typesReactIsVersion = '18.2.0';
+exports.typesReactVersion = '18.2.13';
+exports.typesReactDomVersion = '18.2.6';
+exports.typesReactIsVersion = '18.2.1';
 exports.typesNodeVersion = '18.14.2';
 exports.babelPresetReactVersion = '^7.14.5';
 exports.styledComponentsVersion = '5.3.6';