@nx/angular 17.0.5 → 17.0.6

package/src/generators/storybook-configuration/schema.json

@@ -1,14 +1,14 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxAngularStorybookConfigurationGenerator",
   "title": "Adds Storybook configuration to a project.",
   "description": "Adds Storybook configuration to a project to be able to use and create stories.",
   "cli": "nx",
   "type": "object",
   "properties": {
-    "project": {
+    "name": {
       "type": "string",
-      "aliases": ["name", "projectName"],
+      "aliases": ["project", "projectName"],
       "description": "Project for which to generate Storybook configuration.",
       "$default": {
         "$source": "argv",
@@ -29,7 +29,7 @@
     "configureCypress": {
       "type": "boolean",
       "description": "Specifies whether to configure Cypress or not.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v18."
     },
     "generateStories": {
       "type": "boolean",
@@ -41,7 +41,7 @@
     "generateCypressSpecs": {
       "type": "boolean",
       "description": "Specifies whether to automatically generate test files in the generated Cypress e2e app.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v18."
     },
     "configureStaticServe": {
       "type": "boolean",
@@ -53,7 +53,7 @@
     "cypressDirectory": {
       "type": "string",
       "description": "A directory where the Cypress project will be placed. Placed at the root by default.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v18."
     },
     "linter": {
       "description": "The tool to use for running lint checks.",
@@ -93,6 +93,6 @@
     }
   },
   "additionalProperties": false,
-  "required": ["project"],
+  "required": ["name"],
   "examplesFile": "../../../docs/storybook-configuration-examples.md"
 }

package/src/generators/storybook-configuration/storybook-configuration.js

@@ -2,18 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.storybookConfigurationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
-const update_app_editor_tsconfig_excluded_files_1 = require("../utils/update-app-editor-tsconfig-excluded-files");
 const assert_compatible_storybook_version_1 = require("./lib/assert-compatible-storybook-version");
 const generate_stories_1 = require("./lib/generate-stories");
 const generate_storybook_configuration_1 = require("./lib/generate-storybook-configuration");
 const validate_options_1 = require("./lib/validate-options");
-// TODO(katerina): Nx 19 -> remove Cypress
+// TODO(katerina): Nx 18 -> remove Cypress
 async function storybookConfigurationGenerator(tree, options) {
     (0, assert_compatible_storybook_version_1.assertCompatibleStorybookVersion)();
     (0, validate_options_1.validateOptions)(options);
     const storybookGeneratorInstallTask = await (0, generate_storybook_configuration_1.generateStorybookConfiguration)(tree, {
         ...options,
-        interactionTests: options.interactionTests ?? true, // default is true
+        interactionTests: options.interactionTests ?? true,
         tsConfiguration: options.tsConfiguration ?? true, // default is true
     });
     if (options.generateStories) {
@@ -23,14 +22,12 @@ async function storybookConfigurationGenerator(tree, options) {
             skipFormat: true,
         });
     }
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    if (project.projectType === 'application') {
-        (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, project);
-    }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }
-    return storybookGeneratorInstallTask;
+    return () => {
+        storybookGeneratorInstallTask();
+    };
 }
 exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
 exports.default = storybookConfigurationGenerator;

package/src/generators/utils/create-ts-config.d.ts

@@ -0,0 +1,8 @@
+import type { Tree } from '@nx/devkit';
+export { extractTsConfigBase } from '@nx/js';
+export declare function createTsConfig(host: Tree, projectRoot: string, type: 'app' | 'lib', options: {
+    strict?: boolean;
+    style?: string;
+    bundler?: string;
+    rootProject?: boolean;
+}, relativePathToRootTsConfig: string): void;

package/src/generators/utils/create-ts-config.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTsConfig = exports.extractTsConfigBase = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const version_utils_1 = require("./version-utils");
+var js_2 = require("@nx/js");
+Object.defineProperty(exports, "extractTsConfigBase", { enumerable: true, get: function () { return js_2.extractTsConfigBase; } });
+function createTsConfig(host, projectRoot, type, options, relativePathToRootTsConfig) {
+    const majorAngularVersion = (0, version_utils_1.getInstalledAngularMajorVersion)(host);
+    const json = {
+        compilerOptions: {
+            target: majorAngularVersion === 14 ? 'es2020' : 'es2022',
+            useDefineForClassFields: false,
+        },
+        files: [],
+        include: [],
+        references: [
+            {
+                path: type === 'app' ? './tsconfig.app.json' : './tsconfig.lib.json',
+            },
+        ],
+    };
+    // inline tsconfig.base.json into the project
+    if (options.rootProject) {
+        json.compileOnSave = false;
+        json.compilerOptions = { ...js_1.tsConfigBaseOptions, ...json.compilerOptions };
+        json.exclude = ['node_modules', 'tmp'];
+    }
+    else {
+        json.extends = relativePathToRootTsConfig;
+    }
+    (0, devkit_1.writeJson)(host, `${projectRoot}/tsconfig.json`, json);
+}
+exports.createTsConfig = createTsConfig;

package/src/generators/utils/dependencies.js

@@ -7,7 +7,8 @@ function addBuildableLibrariesPostCssDependencies(tree) {
     const pkgVersions = (0, version_utils_1.versions)(tree);
     (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         postcss: pkgVersions.postcssVersion,
-        autoprefixer: pkgVersions.autoprefixerVersion,
+        'postcss-import': pkgVersions.postcssImportVersion,
+        'postcss-preset-env': pkgVersions.postcssPresetEnvVersion,
         'postcss-url': pkgVersions.postcssUrlVersion,
     });
 }

package/src/generators/utils/export-scam.js

@@ -25,12 +25,12 @@ function exportScam(tree, options) {
     const relativePathFromEntryPoint = (0, path_1.getRelativeImportToFile)(entryPointPath, options.filePath);
     const entryPointContent = tree.read(entryPointPath, 'utf-8');
     let updatedEntryPointContent = (0, devkit_1.stripIndents) `${entryPointContent}
-    export * from '${relativePathFromEntryPoint}';`;
+    export * from "${relativePathFromEntryPoint}";`;
     if (!options.inlineScam) {
         const moduleFilePath = (0, devkit_1.joinPathFragments)(options.directory, `${(0, devkit_1.names)(options.name).fileName}.module.ts`);
         const relativePathFromModule = (0, path_1.getRelativeImportToFile)(entryPointPath, moduleFilePath);
         updatedEntryPointContent = (0, devkit_1.stripIndents) `${updatedEntryPointContent}
-        export * from '${relativePathFromModule}';`;
+        export * from "${relativePathFromModule}";`;
     }
     tree.write(entryPointPath, updatedEntryPointContent);
 }

package/src/generators/utils/project.d.ts

@@ -1,2 +1,3 @@
 import type { Tree } from '@nx/devkit';
+export declare function normalizeNewProjectPrefix(prefix: string | undefined, npmScope: string | undefined, fallbackPrefix: string): string;
 export declare function getProjectPrefix(tree: Tree, project: string): string | undefined;

package/src/generators/utils/project.js

@@ -1,8 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProjectPrefix = void 0;
+exports.getProjectPrefix = exports.normalizeNewProjectPrefix = void 0;
 const devkit_1 = require("@nx/devkit");
+const get_npm_scope_1 = require("@nx/js/src/utils/package-json/get-npm-scope");
+function normalizeNewProjectPrefix(prefix, npmScope, fallbackPrefix) {
+    // Prefix needs to be a valid html selector, if npmScope it's not valid, we don't default
+    // to it and let it fall through to the Angular schematic to handle it
+    // https://github.com/angular/angular-cli/blob/aa9f0528f174e856a4923cb24861fdf6e6f96b48/packages/schematics/angular/component/index.ts#L64
+    const htmlSelectorRegex = /^[a-zA-Z][.0-9a-zA-Z]*((:?-[0-9]+)*|(:?-[a-zA-Z][.0-9a-zA-Z]*(:?-[0-9]+)*)*)$/;
+    if (prefix) {
+        if (!htmlSelectorRegex.test(prefix)) {
+            throw new Error('The provided "prefix" is invalid. The prefix must start with a letter, and must contain only alphanumeric characters or dashes.');
+        }
+        return prefix;
+    }
+    if (npmScope && !htmlSelectorRegex.test(npmScope)) {
+        throw new Error(`The "--prefix" option was not provided, therefore attempted to use the "npmScope" defined in "nx.json" to set the application's selector prefix, but it is invalid.
+
+There are two options that can be followed to resolve this issue:
+  - Pass a valid "--prefix" option.
+  - Update the "npmScope" in "nx.json" (Note: this can be an involved process, as other libraries and applications may need to be updated to match the new scope).
+
+If you encountered this error when creating a new Nx Workspace, the workspace name or "npmScope" is invalid to use as the selector prefix for the application being generated.
+
+Valid selector prefixes must start with a letter, and must contain only alphanumeric characters or dashes.`);
+    }
+    return npmScope || fallbackPrefix;
+}
+exports.normalizeNewProjectPrefix = normalizeNewProjectPrefix;
 function getProjectPrefix(tree, project) {
-    return (0, devkit_1.readProjectConfiguration)(tree, project).prefix;
+    return ((0, devkit_1.readProjectConfiguration)(tree, project)
+        .prefix ?? (0, get_npm_scope_1.getNpmScope)(tree));
 }
 exports.getProjectPrefix = getProjectPrefix;

package/src/generators/utils/selector.d.ts

@@ -1,3 +1,3 @@
+import type { Tree } from '@nx/devkit';
 import { names } from '@nx/devkit';
-export declare function buildSelector(name: string, prefix: string | undefined, projectPrefix: string | undefined, casing: keyof Pick<ReturnType<typeof names>, 'fileName' | 'propertyName'>): string;
-export declare function validateHtmlSelector(selector: string): void;
+export declare function buildSelector(tree: Tree, name: string, prefix: string | undefined, projectPrefix: string | undefined, casing: keyof Pick<ReturnType<typeof names>, 'fileName' | 'propertyName'>): string;

package/src/generators/utils/selector.js

@@ -1,21 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateHtmlSelector = exports.buildSelector = void 0;
+exports.buildSelector = void 0;
 const devkit_1 = require("@nx/devkit");
-function buildSelector(name, prefix, projectPrefix, casing) {
+const get_npm_scope_1 = require("@nx/js/src/utils/package-json/get-npm-scope");
+function buildSelector(tree, name, prefix, projectPrefix, casing) {
     let selector = name;
-    prefix ??= projectPrefix;
+    prefix ??= projectPrefix ?? (0, get_npm_scope_1.getNpmScope)(tree);
     if (prefix) {
         selector = `${prefix}-${selector}`;
     }
     return (0, devkit_1.names)(selector)[casing];
 }
 exports.buildSelector = buildSelector;
-// https://github.com/angular/angular-cli/blob/main/packages/schematics/angular/utility/validation.ts#L11-L14
-const htmlSelectorRegex = /^[a-zA-Z][.0-9a-zA-Z]*((:?-[0-9]+)*|(:?-[a-zA-Z][.0-9a-zA-Z]*(:?-[0-9]+)*)*)$/;
-function validateHtmlSelector(selector) {
-    if (selector && !htmlSelectorRegex.test(selector)) {
-        throw new Error(`The selector "${selector}" is invalid.`);
-    }
-}
-exports.validateHtmlSelector = validateHtmlSelector;

package/src/generators/utils/testing.js

@@ -51,16 +51,13 @@ async function createStorybookTestWorkspaceForLib(libName) {
         linter: eslint_1.Linter.EsLint,
         publishable: false,
         simpleName: false,
-        skipFormat: true,
+        skipFormat: false,
         unitTestRunner: test_runners_1.UnitTestRunner.Jest,
         projectNameAndRootFormat: 'as-provided',
-        standalone: false,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'test-button',
         project: libName,
-        standalone: false,
-        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/test-button/test-button.component.ts`, `import { Component, Input } from '@angular/core';
 
@@ -91,8 +88,6 @@ export class TestButtonComponent {
         project: libName,
         path: `${libName}/src/lib/barrel`,
         module: 'barrel',
-        standalone: false,
-        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/barrel/barrel-button/index.ts`, `export * from './barrel-button.component';`);
     tree.write(`${libName}/src/lib/barrel/barrel.module.ts`, `import { NgModule } from '@angular/core';
@@ -114,16 +109,12 @@ export class BarrelModule {}`);
         project: libName,
         path: `${libName}/src/lib/variable-declare`,
         module: 'variable-declare',
-        standalone: false,
-        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-declare-view',
         project: libName,
         path: `${libName}/src/lib/variable-declare`,
         module: 'variable-declare',
-        standalone: false,
-        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/variable-declare/variable-declare.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -151,24 +142,18 @@ export class VariableDeclareModule {}`);
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
-        standalone: false,
-        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-spread-declare-view',
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
-        standalone: false,
-        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-spread-declare-anotherview',
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
-        standalone: false,
-        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/variable-spread-declare/variable-spread-declare.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -196,16 +181,12 @@ export class VariableSpreadDeclareModule {}`);
         project: libName,
         path: `${libName}/src/lib/static-member-declarations`,
         module: 'static-member-declarations',
-        standalone: false,
-        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'cmp2',
         project: libName,
         path: `${libName}/src/lib/static-member-declarations`,
         module: 'static-member-declarations',
-        standalone: false,
-        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/static-member-declarations/static-member-declarations.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -231,14 +212,10 @@ export class StaticMemberDeclarationsModule {
         project: libName,
         module: 'nested',
         path: `${libName}/src/lib/nested`,
-        standalone: false,
-        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'test-other',
         project: libName,
-        standalone: false,
-        skipFormat: true,
     });
     return tree;
 }

package/src/generators/utils/validations.d.ts

@@ -1,2 +1,3 @@
 import type { Tree } from '@nx/devkit';
 export declare function validateProject(tree: Tree, projectName: string): void;
+export declare function validateStandaloneOption(tree: Tree, standalone: boolean | undefined, angularVersion?: string): void;

package/src/generators/utils/validations.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateProject = void 0;
+exports.validateStandaloneOption = exports.validateProject = void 0;
 const devkit_1 = require("@nx/devkit");
+const semver_1 = require("semver");
+const version_utils_1 = require("./version-utils");
 function validateProject(tree, projectName) {
     const projects = (0, devkit_1.getProjects)(tree);
     if (!projects.has(projectName)) {
@@ -9,3 +11,14 @@ function validateProject(tree, projectName) {
     }
 }
 exports.validateProject = validateProject;
+function validateStandaloneOption(tree, standalone, angularVersion) {
+    if (!standalone) {
+        return;
+    }
+    const installedAngularVersion = angularVersion ?? (0, version_utils_1.getInstalledAngularVersionInfo)(tree).version;
+    if ((0, semver_1.lt)(installedAngularVersion, '14.1.0')) {
+        throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using "${installedAngularVersion}".
+    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
+    }
+}
+exports.validateStandaloneOption = validateStandaloneOption;

package/src/generators/utils/version-utils.d.ts

@@ -1,5 +1,5 @@
 import type { GeneratorCallback, Tree } from '@nx/devkit';
-import { type PackageCompatVersions, type PackageLatestVersions } from '../../utils/backward-compatible-versions';
+import * as latestVersions from '../../utils/versions';
 export declare function getInstalledAngularVersion(tree: Tree): string;
 export declare function getInstalledAngularMajorVersion(tree: Tree): number;
 export declare function getInstalledAngularVersionInfo(tree: Tree): {
@@ -12,4 +12,4 @@ export declare function getInstalledPackageVersionInfo(tree: Tree, pkgName: stri
     version: string;
 };
 export declare function addDependenciesToPackageJsonIfDontExist(tree: Tree, dependencies: Record<string, string>, devDependencies: Record<string, string>, packageJsonPath?: string): GeneratorCallback;
-export declare function versions(tree: Tree): PackageLatestVersions | PackageCompatVersions;
+export declare function versions(tree: Tree): typeof latestVersions | import("../../utils/backward-compatible-versions").PackageVersions;

package/src/generators/utils/version-utils.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.versions = exports.addDependenciesToPackageJsonIfDontExist = exports.getInstalledPackageVersionInfo = exports.getInstalledPackageVersion = exports.getInstalledAngularVersionInfo = exports.getInstalledAngularMajorVersion = exports.getInstalledAngularVersion = void 0;
 const devkit_1 = require("@nx/devkit");
 const semver_1 = require("semver");
-const backward_compatible_versions_1 = require("../../utils/backward-compatible-versions");
 const latestVersions = require("../../utils/versions");
 const versions_1 = require("../../utils/versions");
+const backward_compatible_versions_1 = require("../../utils/backward-compatible-versions");
 function getInstalledAngularVersion(tree) {
     const pkgJson = (0, devkit_1.readJson)(tree, 'package.json');
     const installedAngularVersion = pkgJson.dependencies && pkgJson.dependencies['@angular/core'];
@@ -55,10 +55,10 @@ exports.addDependenciesToPackageJsonIfDontExist = addDependenciesToPackageJsonIf
 function versions(tree) {
     const majorAngularVersion = getInstalledAngularMajorVersion(tree);
     switch (majorAngularVersion) {
+        case 14:
+            return backward_compatible_versions_1.backwardCompatibleVersions.angularV14;
         case 15:
             return backward_compatible_versions_1.backwardCompatibleVersions.angularV15;
-        case 16:
-            return backward_compatible_versions_1.backwardCompatibleVersions.angularV16;
         default:
             return latestVersions;
     }

package/src/utils/backward-compatible-versions.d.ts

@@ -1,8 +1,6 @@
 import * as latestVersions from './versions';
-type SupportedVersions = 'angularV15' | 'angularV16';
-export type LatestPackageVersionNames = Exclude<keyof typeof latestVersions, 'nxVersion'>;
-export type CompatPackageVersionNames = LatestPackageVersionNames | 'ngUniversalVersion';
-export type PackageLatestVersions = Record<LatestPackageVersionNames, string>;
-export type PackageCompatVersions = Record<CompatPackageVersionNames, string>;
-export declare const backwardCompatibleVersions: Record<SupportedVersions, PackageCompatVersions>;
+type SupportedVersions = 'angularV14' | 'angularV15';
+export type PackageVersionNames = Exclude<keyof typeof latestVersions, 'nxVersion'>;
+export type PackageVersions = Record<PackageVersionNames, string>;
+export declare const backwardCompatibleVersions: Record<SupportedVersions, PackageVersions>;
 export {};

package/src/utils/backward-compatible-versions.js

@@ -2,56 +2,58 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.backwardCompatibleVersions = void 0;
 exports.backwardCompatibleVersions = {
-    angularV15: {
-        angularVersion: '~15.2.0',
-        angularDevkitVersion: '~15.2.0',
-        ngPackagrVersion: '~15.2.2',
-        ngrxVersion: '~15.3.0',
+    angularV14: {
+        angularVersion: '~14.2.0',
+        angularDevkitVersion: '~14.2.0',
+        ngPackagrVersion: '~14.2.0',
+        ngrxVersion: '~14.0.0',
         rxjsVersion: '~7.8.0',
-        zoneJsVersion: '~0.12.0',
+        zoneJsVersion: '~0.11.4',
         angularJsVersion: '1.7.9',
         tsLibVersion: '^2.3.0',
-        ngUniversalVersion: '~15.1.0',
+        ngUniversalVersion: '~14.2.0',
         corsVersion: '~2.8.5',
         typesCorsVersion: '~2.8.5',
         expressVersion: '~4.18.2',
         typesExpressVersion: '4.17.14',
-        browserSyncVersion: '^3.0.0',
         moduleFederationNodeVersion: '~1.0.5',
-        angularEslintVersion: '~15.0.0',
+        angularEslintVersion: '~14.0.4',
         tailwindVersion: '^3.0.2',
         postcssVersion: '^8.4.5',
+        postcssImportVersion: '~14.1.0',
+        postcssPresetEnvVersion: '~7.5.0',
         postcssUrlVersion: '~10.1.3',
         autoprefixerVersion: '^10.4.0',
         tsNodeVersion: '10.9.1',
-        jestPresetAngularVersion: '~13.0.0',
+        jestPresetAngularVersion: '~12.2.3',
         typesNodeVersion: '16.11.7',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',
     },
-    angularV16: {
-        angularVersion: '~16.2.0',
-        angularDevkitVersion: '~16.2.0',
-        ngPackagrVersion: '~16.2.0',
-        ngrxVersion: '~16.0.0',
+    angularV15: {
+        angularVersion: '~15.2.0',
+        angularDevkitVersion: '~15.2.0',
+        ngPackagrVersion: '~15.2.2',
+        ngrxVersion: '~15.3.0',
         rxjsVersion: '~7.8.0',
-        zoneJsVersion: '~0.13.0',
+        zoneJsVersion: '~0.12.0',
         angularJsVersion: '1.7.9',
         tsLibVersion: '^2.3.0',
-        ngUniversalVersion: '~16.2.0',
+        ngUniversalVersion: '~15.1.0',
         corsVersion: '~2.8.5',
         typesCorsVersion: '~2.8.5',
         expressVersion: '~4.18.2',
         typesExpressVersion: '4.17.14',
-        browserSyncVersion: '^3.0.0',
         moduleFederationNodeVersion: '~1.0.5',
-        angularEslintVersion: '~16.0.0',
+        angularEslintVersion: '~15.0.0',
         tailwindVersion: '^3.0.2',
         postcssVersion: '^8.4.5',
+        postcssImportVersion: '~14.1.0',
+        postcssPresetEnvVersion: '~7.5.0',
         postcssUrlVersion: '~10.1.3',
         autoprefixerVersion: '^10.4.0',
         tsNodeVersion: '10.9.1',
-        jestPresetAngularVersion: '~13.1.0',
+        jestPresetAngularVersion: '~13.0.0',
         typesNodeVersion: '16.11.7',
         jasmineMarblesVersion: '^0.9.2',
         jsoncEslintParserVersion: '^2.1.0',

package/src/utils/mf/utils.js

@@ -30,13 +30,6 @@ function getFunctionDeterminateRemoteUrl(isServer = false) {
     const target = 'serve';
     const remoteEntry = isServer ? 'server/remoteEntry.js' : 'remoteEntry.mjs';
     return function (remote) {
-        const mappedStaticRemotesFromEnv = process.env
-            .NX_MF_DEV_SERVER_STATIC_REMOTES
-            ? JSON.parse(process.env.NX_MF_DEV_SERVER_STATIC_REMOTES)
-            : undefined;
-        if (mappedStaticRemotesFromEnv && mappedStaticRemotesFromEnv[remote]) {
-            return `${mappedStaticRemotesFromEnv[remote]}/${remoteEntry}`;
-        }
         let remoteConfiguration = null;
         try {
             remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);

package/src/utils/mf/with-module-federation-ssr.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.withModuleFederationForSSR = void 0;
 const utils_1 = require("./utils");
 async function withModuleFederationForSSR(options) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
     const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options, {
         isServer: true,
     });

package/src/utils/mf/with-module-federation.js

@@ -4,9 +4,6 @@ exports.withModuleFederation = void 0;
 const utils_1 = require("./utils");
 const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
 async function withModuleFederation(options) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
     const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
     return (config) => ({
         ...(config ?? {}),

package/src/utils/nx-devkit/ast-utils.js

@@ -416,8 +416,7 @@ function getListOfRoutes(source) {
 }
 function isNgStandaloneApp(tree, projectName) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    const mainFile = project.targets?.build?.options?.main ??
-        project.targets?.build?.options?.browser;
+    const mainFile = project.targets?.build?.options?.main;
     if (project.projectType !== 'application' || !mainFile) {
         return false;
     }
@@ -516,8 +515,7 @@ function readBootstrapInfo(host, app) {
     const config = (0, devkit_1.readProjectConfiguration)(host, app);
     let mainPath;
     try {
-        mainPath =
-            config.targets.build.options.main ?? config.targets.build.options.browser;
+        mainPath = config.targets.build.options.main;
     }
     catch (e) {
         throw new Error('Main file cannot be located');

package/src/utils/nx-devkit/testing.js

@@ -19,24 +19,26 @@ function createApp(tree, appName, routing = true) {
         appName,
         appModule: `${appName}/src/app/app.module.ts`,
     };
-    tree.write(appConfig.appModule, `import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-${routing ? "import { RouterModule } from '@angular/router'" : ''};
-import { AppComponent } from './app.component';
-@NgModule({
-  imports: [BrowserModule, ${routing ? 'RouterModule.forRoot([])' : ''}],
-  declarations: [AppComponent],
-  bootstrap: [AppComponent]
-})
-export class AppModule {}
-`);
-    tree.write(`${appName}/src/main.ts`, `import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+    tree.write(appConfig.appModule, `
+     import { NgModule } from '@angular/core';
+     import { BrowserModule } from '@angular/platform-browser';
+     ${routing ? "import { RouterModule } from '@angular/router'" : ''};
+     import { AppComponent } from './app.component';
+     @NgModule({
+       imports: [BrowserModule, ${routing ? 'RouterModule.forRoot([])' : ''}],
+       declarations: [AppComponent],
+       bootstrap: [AppComponent]
+     })
+     export class AppModule {}
+  `);
+    tree.write(`${appName}/src/main.ts`, `
+    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+    import { AppModule } from './app/app.module';
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch(err => console.log(err));
+    platformBrowserDynamic()
+      .bootstrapModule(AppModule)
+      .catch(err => console.log(err));
   `);
     tree.write(`${appName}/tsconfig.app.json`, JSON.stringify({
         include: ['**/*.ts'],
@@ -68,17 +70,19 @@ function createLib(tree, libName) {
         module: `${propertyName}/src/lib/${fileName}.module.ts`,
         barrel: `${propertyName}/src/index.ts`,
     };
-    tree.write(libConfig.module, `import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-@NgModule({
-  imports: [
-    CommonModule
-  ],
-  providers: []
-})
-export class ${className}Module { }
+    tree.write(libConfig.module, `
+      import { NgModule } from '@angular/core';
+      import { CommonModule } from '@angular/common';
+      @NgModule({
+        imports: [
+          CommonModule
+        ],
+        providers: []
+      })
+      export class ${className}Module { }
+  `);
+    tree.write(libConfig.barrel, `
+    export * from './lib/${fileName}.module';
   `);
-    tree.write(libConfig.barrel, `export * from './lib/${fileName}.module';
-`);
 }
 exports.createLib = createLib;