@nx/react 23.0.0-pr.35465.2bc2643 → 23.0.0-rc.0

package/{src → dist/src}/generators/redux/redux.js

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reduxGenerator = reduxGenerator;
 const tslib_1 = require("tslib");
+const internal_1 = require("@nx/devkit/internal");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 const devkit_1 = require("@nx/devkit");
-const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
 const js_1 = require("@nx/js");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const path = tslib_1.__importStar(require("path"));
 const ast_utils_1 = require("../../utils/ast-utils");
 const versions_1 = require("../../utils/versions");
 let tsModule;
 async function reduxGenerator(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
     const options = await normalizeOptions(host, schema);
     generateReduxFiles(host, options);
     addExportsToBarrel(host, options);
@@ -31,11 +32,11 @@ function addReduxPackageDependencies(host) {
     return (0, devkit_1.addDependenciesToPackageJson)(host, {
         '@reduxjs/toolkit': versions_1.reduxjsToolkitVersion,
         'react-redux': versions_1.reactReduxVersion,
-    }, {});
+    }, {}, undefined, true);
 }
 function addExportsToBarrel(host, options) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     const indexFilePath = (0, devkit_1.joinPathFragments)(options.projectSourcePath, options.fileExtensionType === 'js' ? 'index.js' : 'index.ts');
     if (!host.exists(indexFilePath)) {
@@ -62,7 +63,7 @@ function addStoreConfiguration(host, options) {
 }
 function updateReducerConfiguration(host, options) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     if (!options.appProjectSourcePath) {
         return;
@@ -77,7 +78,7 @@ function updateReducerConfiguration(host, options) {
     host.write(options.appMainFilePath, changes);
 }
 async function normalizeOptions(host, options) {
-    const { artifactName: name, directory, fileName, fileExtension, fileExtensionType, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
+    const { artifactName: name, directory, fileName, fileExtension, fileExtensionType, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(host, {
         path: options.path,
         name: options.name,
         suffix: 'slice',
@@ -95,7 +96,7 @@ async function normalizeOptions(host, options) {
     const tsPaths = tsConfigJson.compilerOptions
         ? tsConfigJson.compilerOptions.paths || {}
         : {};
-    const modulePath = (0, ts_solution_setup_1.getProjectType)(host, root, projectType) === 'application'
+    const modulePath = (0, internal_2.getProjectType)(host, root, projectType) === 'application'
         ? options.path
             ? `./app/${options.path}/${extraNames.fileName}.slice`
             : `./app/${extraNames.fileName}.slice`
@@ -110,7 +111,7 @@ async function normalizeOptions(host, options) {
         if (appConfig.projectType !== 'application') {
             throw new Error(`Expected ${options.appProject} to be an application but got ${appConfig.projectType}`);
         }
-        appProjectSourcePath = (0, ts_solution_setup_1.getProjectSourceRoot)(appConfig, host);
+        appProjectSourcePath = (0, internal_2.getProjectSourceRoot)(appConfig, host);
         appMainFilePath = path.join(appProjectSourcePath, options.js ? 'main.js' : 'main.tsx');
         if (!host.exists(appMainFilePath)) {
             throw new Error(`Could not find ${appMainFilePath} during store configuration`);

package/{src → dist/src}/generators/redux/schema.d.ts

@@ -1,4 +1,4 @@
-import type { FileExtensionType } from '@nx/devkit/src/generators/artifact-name-and-directory-utils';
+import type { FileExtensionType } from '@nx/devkit/internal';
 
 export interface Schema {
   path: string;

package/{src → dist/src}/generators/remote/files/rspack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/{src → dist/src}/generators/remote/files/rspack-module-federation-ssr-ts/rspack.config.ts__tmpl__

@@ -1,6 +1,6 @@
 import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
 import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } from '@nx/module-federation/rspack.js';
+import { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } from '@nx/module-federation/rspack';
 import { join } from 'path';
 
 import browserMfConfig from './module-federation.config';

package/{src → dist/src}/generators/remote/files/rspack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/{src → dist/src}/generators/remote/files/rspack-module-federation-ts/rspack.config.ts__tmpl__

@@ -1,6 +1,6 @@
 import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
 import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack.js';
+import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack';
 import { join } from 'path';
 
 import config from './module-federation.config';

package/{src → dist/src}/generators/remote/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/{src → dist/src}/generators/remote/files/webpack-module-federation-ssr-ts/webpack.server.config.ts__tmpl__

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederationForSSR} from '@nx/module-federation/webpack.js';
+import {withModuleFederationForSSR} from '@nx/module-federation/webpack';
 
 import baseConfig from "./module-federation.server.config";
 

package/{src → dist/src}/generators/remote/files/webpack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/module-federation';
+import type {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/{src → dist/src}/generators/remote/files/webpack-module-federation-ts/webpack.config.ts__tmpl__

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/module-federation/webpack.js';
+import {withModuleFederation} from '@nx/module-federation/webpack';
 
 import baseConfig from './module-federation.config';
 

package/{src → dist/src}/generators/remote/lib/add-remote-to-dynamic-host.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function addRemoteToDynamicHost(tree: Tree, remoteName: string, remotePort: number, pathToMfManifest: string): void;
-//# sourceMappingURL=add-remote-to-dynamic-host.d.ts.map

package/{src → dist/src}/generators/remote/lib/setup-package-json-exports-for-remote.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../../application/schema';
 export declare function setupPackageJsonExportsForRemote(tree: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=setup-package-json-exports-for-remote.d.ts.map

package/{src → dist/src}/generators/remote/lib/setup-package-json-exports-for-remote.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupPackageJsonExportsForRemote = setupPackageJsonExportsForRemote;
 const devkit_1 = require("@nx/devkit");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const maybe_js_1 = require("../../../utils/maybe-js");
 function setupPackageJsonExportsForRemote(tree, options) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
@@ -12,7 +12,7 @@ function setupPackageJsonExportsForRemote(tree, options) {
             `TypeScript solution setup requires package.json for all projects.`);
     }
     const exportPath = (0, maybe_js_1.maybeJs)(options, './src/remote-entry.ts');
-    const customCondition = (0, ts_solution_setup_1.getDefinedCustomConditionName)(tree);
+    const customCondition = (0, internal_1.getDefinedCustomConditionName)(tree);
     (0, devkit_1.updateJson)(tree, packageJsonPath, (json) => {
         json.exports = {
             ...json.exports,

package/{src → dist/src}/generators/remote/lib/setup-ssr-for-remote.d.ts

@@ -2,4 +2,3 @@ import { GeneratorCallback, Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../../application/schema';
 import type { Schema } from '../schema';
 export declare function setupSsrForRemote(tree: Tree, options: NormalizedSchema<Schema>, appName: string): Promise<GeneratorCallback>;
-//# sourceMappingURL=setup-ssr-for-remote.d.ts.map

package/{src → dist/src}/generators/remote/lib/setup-ssr-for-remote.js

@@ -56,7 +56,7 @@ async function setupSsrForRemote(tree, options, appName) {
         isbot: versions_1.isbotVersion,
         express: versions_1.expressVersion,
         '@types/express': versions_1.typesExpressVersion,
-    }, {});
+    }, {}, undefined, true);
     tasks.push(installTask);
     return (0, devkit_2.runTasksInSerial)(...tasks);
 }

package/{src → dist/src}/generators/remote/lib/setup-tspath-for-remote.d.ts

@@ -1,4 +1,3 @@
 import type { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../../application/schema';
 export declare function setupTspathForRemote(tree: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=setup-tspath-for-remote.d.ts.map

package/{src → dist/src}/generators/remote/lib/update-host-with-remote.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function updateHostWithRemote(host: Tree, hostName: string, remoteName: string): void;
-//# sourceMappingURL=update-host-with-remote.d.ts.map

package/{src → dist/src}/generators/remote/lib/update-host-with-remote.js

@@ -2,20 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateHostWithRemote = updateHostWithRemote;
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const ast_utils_1 = require("../../../module-federation/ast-utils");
 let tsModule;
 function updateHostWithRemote(host, hostName, remoteName) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_1.ensureTypescript)();
     }
     const hostConfig = (0, devkit_1.readProjectConfiguration)(host, hostName);
     let moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.js');
     if (!host.exists(moduleFederationConfigPath)) {
         moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.ts');
     }
-    const appComponentPath = findAppComponentPath(host, (0, ts_solution_setup_1.getProjectSourceRoot)(hostConfig, host));
+    const appComponentPath = findAppComponentPath(host, (0, internal_1.getProjectSourceRoot)(hostConfig, host));
     if (host.exists(moduleFederationConfigPath)) {
         // find the host project path
         // Update remotes inside ${host_path}/src/remotes.d.ts
@@ -36,7 +35,7 @@ function updateHostWithRemote(host, hostName, remoteName) {
         devkit_1.logger.warn(`Could not find app component at ${appComponentPath}. Did you generate this project with "@nx/react:host" or "@nx/react:consumer"?`);
     }
     // Add remote as devDependency in TS solution setup
-    if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+    if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
         addRemoteAsHostDependency(host, hostName, remoteName);
     }
 }

package/{src → dist/src}/generators/remote/remote.d.ts

@@ -4,4 +4,3 @@ import { Schema } from './schema';
 export declare function addModuleFederationFiles(host: Tree, options: NormalizedSchema<Schema>): void;
 export declare function remoteGenerator(host: Tree, schema: Schema): Promise<GeneratorCallback>;
 export default remoteGenerator;
-//# sourceMappingURL=remote.d.ts.map

package/{src → dist/src}/generators/remote/remote.js

@@ -3,15 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addModuleFederationFiles = addModuleFederationFiles;
 exports.remoteGenerator = remoteGenerator;
 const tslib_1 = require("tslib");
+const internal_1 = require("@nx/devkit/internal");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
-const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 const js_1 = require("@nx/js");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const update_module_federation_project_1 = require("../../rules/update-module-federation-project");
 const add_mf_env_to_inputs_1 = require("../../utils/add-mf-env-to-inputs");
 const normalize_remote_1 = require("../../utils/normalize-remote");
 const maybe_js_1 = require("../../utils/maybe-js");
+const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 const versions_1 = require("../../utils/versions");
 const application_1 = tslib_1.__importDefault(require("../application/application"));
 const create_application_files_1 = require("../application/lib/create-application-files");
@@ -57,7 +59,7 @@ function addModuleFederationFiles(host, options) {
             host.delete(pathToWebpackProdConfig);
         }
         // Delete TypeScript prod config in TS solution setup - not needed in Crystal
-        if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+        if ((0, internal_2.isUsingTsSolutionSetup)(host)) {
             const pathToTsProdConfig = (0, devkit_1.joinPathFragments)(options.appProjectRoot, options.bundler === 'rspack'
                 ? 'rspack.config.prod.ts'
                 : 'webpack.config.prod.ts');
@@ -68,6 +70,8 @@ function addModuleFederationFiles(host, options) {
     }
 }
 async function remoteGenerator(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
+    (0, module_federation_deprecation_1.warnReactRemoteGeneratorDeprecation)();
     const tasks = [];
     const name = await (0, normalize_remote_1.normalizeRemoteName)(host, schema.name, schema);
     const options = {
@@ -93,7 +97,7 @@ async function remoteGenerator(host, schema) {
             throw new Error(`Invalid remote name provided: ${options.projectName}. ${isValidRemote.message}`);
         }
     }
-    await (0, project_name_and_root_utils_1.ensureRootProjectName)(options, 'application');
+    await (0, internal_1.ensureRootProjectName)(options, 'application');
     const isValidRemote = (0, js_1.isValidVariable)(options.projectName);
     if (!isValidRemote.isValid) {
         throw new Error(`Invalid remote name provided: ${options.projectName}. ${isValidRemote.message}`);
@@ -105,7 +109,7 @@ async function remoteGenerator(host, schema) {
     });
     tasks.push(initAppTask);
     // In TS solution setup, update package.json to use simple name instead of scoped name
-    if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+    if ((0, internal_2.isUsingTsSolutionSetup)(host)) {
         const remotePackageJsonPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'package.json');
         if (host.exists(remotePackageJsonPath)) {
             (0, devkit_1.updateJson)(host, remotePackageJsonPath, (json) => {
@@ -124,7 +128,7 @@ async function remoteGenerator(host, schema) {
     addModuleFederationFiles(host, options);
     (0, update_module_federation_project_1.updateModuleFederationProject)(host, options);
     // Conditionally setup TS path or package.json exports based on TS solution setup
-    if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+    if ((0, internal_2.isUsingTsSolutionSetup)(host)) {
         (0, setup_package_json_exports_for_remote_1.setupPackageJsonExportsForRemote)(host, options);
     }
     else {
@@ -160,7 +164,7 @@ async function remoteGenerator(host, schema) {
     }
     if (options.host && options.dynamic) {
         const hostConfig = (0, devkit_1.readProjectConfiguration)(host, schema.host);
-        const pathToMFManifest = (0, devkit_1.joinPathFragments)((0, ts_solution_setup_1.getProjectSourceRoot)(hostConfig, host), 'assets/module-federation.manifest.json');
+        const pathToMFManifest = (0, devkit_1.joinPathFragments)((0, internal_2.getProjectSourceRoot)(hostConfig, host), 'assets/module-federation.manifest.json');
         (0, add_remote_to_dynamic_host_1.addRemoteToDynamicHost)(host, options.projectName, options.devServerPort, pathToMFManifest);
     }
     (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host, options.bundler);
@@ -168,7 +172,7 @@ async function remoteGenerator(host, schema) {
         '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion,
         '@nx/web': versions_1.nxVersion,
         '@nx/module-federation': versions_1.nxVersion,
-    });
+    }, undefined, true);
     tasks.push(installTask);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);

package/{src → dist/src}/generators/remote/schema.json

@@ -33,6 +33,7 @@
       "type": "string",
       "default": "css",
       "alias": "s",
+      "enum": ["css", "scss", "none"],
       "x-prompt": {
         "message": "Which stylesheet format would you like to use?",
         "type": "list",
@@ -43,27 +44,7 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ https://sass-lang.com                     ]"
-          },
-          {
-            "value": "less",
-            "label": "LESS              [ https://lesscss.org                       ]"
-          },
-          {
-            "value": "tailwind",
-            "label": "tailwind [ https://tailwindcss.com/            ]"
-          },
-          {
-            "value": "styled-components",
-            "label": "styled-components [ https://styled-components.com            ]"
-          },
-          {
-            "value": "@emotion/styled",
-            "label": "emotion           [ https://emotion.sh                       ]"
-          },
-          {
-            "value": "styled-jsx",
-            "label": "styled-jsx        [ https://www.npmjs.com/package/styled-jsx ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com   ]"
           },
           {
             "value": "none",

package/{src → dist/src}/generators/setup-ssr/setup-ssr.d.ts

@@ -2,4 +2,3 @@ import { Tree } from '@nx/devkit';
 import type { Schema } from './schema';
 export declare function setupSsrGenerator(tree: Tree, options: Schema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default setupSsrGenerator;
-//# sourceMappingURL=setup-ssr.d.ts.map

package/{src → dist/src}/generators/setup-ssr/setup-ssr.js

@@ -2,15 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupSsrGenerator = setupSsrGenerator;
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/devkit/internal");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
+const internal_2 = require("@nx/js/internal");
 const path_1 = require("path");
 const ast_utils_1 = require("../../utils/ast-utils");
 const versions_1 = require("../../utils/versions");
 let tsModule;
 function readEntryFile(host, path) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     const content = host.read(path, 'utf-8');
     return {
@@ -33,6 +34,7 @@ async function getProjectConfig(tree, projectName) {
     return maybeProjectConfig;
 }
 async function setupSsrGenerator(tree, options) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(tree);
     const projectConfig = await getProjectConfig(tree, options.project);
     const projectRoot = projectConfig.root;
     const appImportCandidates = [
@@ -44,7 +46,7 @@ async function setupSsrGenerator(tree, options) {
     ].map((importPath) => {
         return {
             importPath,
-            filePath: (0, devkit_1.joinPathFragments)((0, ts_solution_setup_1.getProjectSourceRoot)(projectConfig, tree), `${importPath}.tsx`),
+            filePath: (0, devkit_1.joinPathFragments)((0, internal_2.getProjectSourceRoot)(projectConfig, tree), `${importPath}.tsx`),
         };
     });
     const appComponentInfo = appImportCandidates.find((candidate) => tree.exists(candidate.filePath));
@@ -160,9 +162,6 @@ async function setupSsrGenerator(tree, options) {
             'server',
         ];
     }
-    nxJson.targetDefaults ??= {};
-    nxJson.targetDefaults['server'] ??= {};
-    nxJson.targetDefaults.server.cache = true;
     (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files'), projectRoot, {
         tmpl: '',
         port: Number(options?.serverPort) || 4200,
@@ -183,6 +182,7 @@ async function setupSsrGenerator(tree, options) {
         const changes = (0, devkit_1.applyChangesToString)(content, (0, ast_utils_1.addStaticRouter)(serverEntry, source));
         tree.write(serverEntry, changes);
     }
+    (0, internal_1.upsertTargetDefault)(tree, nxJson, { target: 'server', cache: true });
     (0, devkit_1.updateNxJson)(tree, nxJson);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {
         express: versions_1.expressVersion,
@@ -191,7 +191,7 @@ async function setupSsrGenerator(tree, options) {
     }, {
         '@types/express': versions_1.typesExpressVersion,
         '@types/cors': versions_1.typesCorsVersion,
-    });
+    }, undefined, true);
     await (0, devkit_1.formatFiles)(tree);
     return installTask;
 }

package/{src → dist/src}/generators/stories/stories.d.ts

@@ -12,4 +12,3 @@ export declare function containsComponentDeclaration(tree: Tree, componentPath:
 export declare function createAllStories(tree: Tree, schema: StorybookStoriesSchema, projectConfiguration: ProjectConfiguration): Promise<void>;
 export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<void>;
 export default storiesGenerator;
-//# sourceMappingURL=stories.d.ts.map

package/{src → dist/src}/generators/stories/stories.js

@@ -6,17 +6,17 @@ exports.createAllStories = createAllStories;
 exports.storiesGenerator = storiesGenerator;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const minimatch_1 = require("minimatch");
 const path_1 = require("path");
 const ast_utils_1 = require("../../utils/ast-utils");
 const framework_1 = require("../../utils/framework");
 const component_story_1 = tslib_1.__importDefault(require("../component-story/component-story"));
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 let tsModule;
 async function projectRootPath(tree, config) {
     let projectDir;
-    if ((0, ts_solution_setup_1.getProjectType)(tree, config.root, config.projectType) === 'application') {
+    if ((0, internal_1.getProjectType)(tree, config.root, config.projectType) === 'application') {
         const isNextJs = await isNextJsProject(tree, config);
         if (isNextJs) {
             // Next.js apps
@@ -34,11 +34,11 @@ async function projectRootPath(tree, config) {
     else {
         projectDir = '.';
     }
-    return (0, devkit_1.joinPathFragments)((0, ts_solution_setup_1.getProjectSourceRoot)(config, tree), projectDir);
+    return (0, devkit_1.joinPathFragments)((0, internal_1.getProjectSourceRoot)(config, tree), projectDir);
 }
 function containsComponentDeclaration(tree, componentPath) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_1.ensureTypescript)();
     }
     const contents = tree.read(componentPath, 'utf-8');
     if (contents === null) {
@@ -49,8 +49,8 @@ function containsComponentDeclaration(tree, componentPath) {
         (0, ast_utils_1.findExportDeclarationsForJsx)(sourceFile)?.length);
 }
 async function createAllStories(tree, schema, projectConfiguration) {
-    const { isTheFileAStory } = await Promise.resolve().then(() => tslib_1.__importStar(require('@nx/storybook/src/utils/utilities')));
-    const sourceRoot = (0, ts_solution_setup_1.getProjectSourceRoot)(projectConfiguration, tree);
+    const { isTheFileAStory, } = require('@nx/storybook/src/utils/utilities');
+    const sourceRoot = (0, internal_1.getProjectSourceRoot)(projectConfiguration, tree);
     let componentPaths = [];
     const projectPath = await projectRootPath(tree, projectConfiguration);
     (0, devkit_1.visitNotIgnoredFiles)(tree, projectPath, (path) => {
@@ -89,6 +89,7 @@ async function createAllStories(tree, schema, projectConfiguration) {
     }));
 }
 async function storiesGenerator(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
     const projects = (0, devkit_1.getProjects)(host);
     const projectConfiguration = projects.get(schema.project);
     schema.interactionTests = schema.interactionTests ?? true;
@@ -99,7 +100,7 @@ async function storiesGenerator(host, schema) {
     }
 }
 async function isNextJsProject(tree, config) {
-    const { findStorybookAndBuildTargetsAndCompiler } = await Promise.resolve().then(() => tslib_1.__importStar(require('@nx/storybook/src/utils/utilities')));
+    const { findStorybookAndBuildTargetsAndCompiler, } = require('@nx/storybook/src/utils/utilities');
     const { nextBuildTarget } = findStorybookAndBuildTargetsAndCompiler(config.targets);
     if (nextBuildTarget) {
         return true;

package/{src → dist/src}/generators/storybook-configuration/configuration.d.ts

@@ -3,4 +3,3 @@ import type { StorybookConfigureSchema } from './schema';
 export declare function storybookConfigurationGenerator(host: Tree, schema: StorybookConfigureSchema): Promise<GeneratorCallback>;
 export declare function storybookConfigurationGeneratorInternal(host: Tree, schema: StorybookConfigureSchema): Promise<GeneratorCallback>;
 export default storybookConfigurationGenerator;
-//# sourceMappingURL=configuration.d.ts.map

package/{src → dist/src}/generators/storybook-configuration/configuration.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
 exports.storybookConfigurationGeneratorInternal = storybookConfigurationGeneratorInternal;
 const devkit_1 = require("@nx/devkit");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 const framework_1 = require("../../utils/framework");
 const versions_1 = require("../../utils/versions");
 const stories_1 = require("../stories/stories");
@@ -13,6 +14,7 @@ function storybookConfigurationGenerator(host, schema) {
     });
 }
 async function storybookConfigurationGeneratorInternal(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
     const tasks = [];
     const nxJson = (0, devkit_1.readNxJson)(host);
     const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
@@ -21,7 +23,7 @@ async function storybookConfigurationGeneratorInternal(host, schema) {
     const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
     const uiFramework = (0, framework_1.getUiFramework)(host, schema.project);
     if (uiFramework === '@storybook/react-vite') {
-        tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, {}, { '@vitejs/plugin-react': versions_1.reactViteVersion }));
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, {}, { '@vitejs/plugin-react': versions_1.reactViteVersion }, undefined, true));
     }
     const installTask = await configurationGenerator(host, {
         project: schema.project,

package/{src → dist/src}/migrations/update-21-0-0/update-babel-loose.d.ts

@@ -1,3 +1,2 @@
 import { type Tree } from '@nx/devkit';
 export default function updateBabelLoose(tree: Tree): Promise<void>;
-//# sourceMappingURL=update-babel-loose.d.ts.map

package/dist/src/migrations/update-21-0-0/update-babel-loose.md

@@ -0,0 +1,43 @@
+#### Replace `classProperties.loose` option in `.babelrc`
+
+The `classProperties.loose` option is replaced by `loose` in `.babelrc` files.
+
+#### Sample Code Changes
+
+##### Before
+
+```json title=".babelrc"
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "classProperties": {
+          "loose": true
+        },
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}
+```
+
+##### After
+
+```json title=".babelrc" {7}
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "loose": true,
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}
+```

package/{src → dist/src}/migrations/update-22-0-0/add-svgr-to-webpack-config.d.ts

@@ -1,3 +1,2 @@
 import { type Tree } from '@nx/devkit';
 export default function addSvgrToWebpackConfig(tree: Tree): Promise<void>;
-//# sourceMappingURL=add-svgr-to-webpack-config.d.ts.map