@nx/angular/src/generators/application/lib/create-project.js

The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, Playwright and Cypre

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.createProject = createProject;
const devkit_1 = require("@nx/devkit");
const target_defaults_utils_1 = require("@nx/devkit/src/generators/target-defaults-utils");
const version_utils_1 = require("../../utils/version-utils");
function createProject(tree, options) {
    let project;
    if (options.bundler === 'esbuild') {
        project = createProjectForEsbuild(tree, options);
    }
    else {
        project = createProjectForWebpack(tree, options);
    }
    (0, devkit_1.addProjectConfiguration)(tree, options.name, project);
}
function createProjectForEsbuild(tree, options) {
    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
    const buildExecutor = angularMajorVersion >= 20
        ? '@angular/build:application'
        : '@angular-devkit/build-angular:application';
    (0, target_defaults_utils_1.addBuildTargetDefaults)(tree, buildExecutor);
    let budgets = undefined;
    if (options.strict) {
        budgets = [
            { type: 'initial', maximumWarning: '500kb', maximumError: '1mb' },
            {
                type: 'anyComponentStyle',
                maximumWarning: '4kb',
                maximumError: '8kb',
            },
        ];
    }
    else {
        budgets = [
            { type: 'initial', maximumWarning: '2mb', maximumError: '5mb' },
            {
                type: 'anyComponentStyle',
                maximumWarning: '6kb',
                maximumError: '10kb',
            },
        ];
    }
    const inlineStyleLanguage = options?.style !== 'css' ? options.style : undefined;
    const project = {
        name: options.name,
        projectType: 'application',
        prefix: options.prefix,
        root: options.appProjectRoot,
        sourceRoot: options.appProjectSourceRoot,
        tags: options.parsedTags,
        targets: {
            build: {
                executor: buildExecutor,
                outputs: ['{options.outputPath}'],
                options: {
                    outputPath: options.outputPath,
                    index: angularMajorVersion >= 20
                        ? undefined
                        : `${options.appProjectSourceRoot}/index.html`,
                    browser: `${options.appProjectSourceRoot}/main.ts`,
                    polyfills: options.zoneless ? undefined : ['zone.js'],
                    tsConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
                    inlineStyleLanguage,
                    assets: [
                        {
                            glob: '**/*',
                            input: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'public'),
                        },
                    ],
                    styles: [`${options.appProjectSourceRoot}/styles.${options.style}`],
                },
                configurations: {
                    production: {
                        budgets,
                        outputHashing: 'all',
                    },
                    development: {
                        optimization: false,
                        extractLicenses: false,
                        sourceMap: true,
                    },
                },
                defaultConfiguration: 'production',
            },
            serve: {
                continuous: true,
                executor: angularMajorVersion >= 20
                    ? '@angular/build:dev-server'
                    : '@angular-devkit/build-angular:dev-server',
                options: options.port ? { port: options.port } : undefined,
                configurations: {
                    production: {
                        buildTarget: `${options.name}:build:production`,
                    },
                    development: {
                        buildTarget: `${options.name}:build:development`,
                    },
                },
                defaultConfiguration: 'development',
            },
            'extract-i18n': angularMajorVersion < 21
                ? {
                    executor: angularMajorVersion >= 20
                        ? '@angular/build:extract-i18n'
                        : '@angular-devkit/build-angular:extract-i18n',
                    options: {
                        buildTarget: `${options.name}:build`,
                    },
                }
                : undefined,
        },
    };
    return project;
}
function createProjectForWebpack(tree, options) {
    const buildExecutor = '@angular-devkit/build-angular:browser';
    (0, target_defaults_utils_1.addBuildTargetDefaults)(tree, buildExecutor);
    let budgets = undefined;
    if (options.strict) {
        budgets = [
            { type: 'initial', maximumWarning: '500kb', maximumError: '1mb' },
            {
                type: 'anyComponentStyle',
                maximumWarning: '4kb',
                maximumError: '8kb',
            },
        ];
    }
    else {
        budgets = [
            { type: 'initial', maximumWarning: '2mb', maximumError: '5mb' },
            {
                type: 'anyComponentStyle',
                maximumWarning: '6kb',
                maximumError: '10kb',
            },
        ];
    }
    const inlineStyleLanguage = options?.style !== 'css' ? options.style : undefined;
    const project = {
        name: options.name,
        projectType: 'application',
        prefix: options.prefix,
        root: options.appProjectRoot,
        sourceRoot: options.appProjectSourceRoot,
        tags: options.parsedTags,
        targets: {
            build: {
                executor: buildExecutor,
                outputs: ['{options.outputPath}'],
                options: {
                    outputPath: options.outputPath,
                    index: `${options.appProjectSourceRoot}/index.html`,
                    main: `${options.appProjectSourceRoot}/main.ts`,
                    polyfills: options.zoneless ? undefined : ['zone.js'],
                    tsConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
                    inlineStyleLanguage,
                    assets: [
                        {
                            glob: '**/*',
                            input: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'public'),
                        },
                    ],
                    styles: [`${options.appProjectSourceRoot}/styles.${options.style}`],
                },
                configurations: {
                    production: {
                        budgets,
                        outputHashing: 'all',
                    },
                    development: {
                        buildOptimizer: false,
                        optimization: false,
                        vendorChunk: true,
                        extractLicenses: false,
                        sourceMap: true,
                        namedChunks: true,
                    },
                },
                defaultConfiguration: 'production',
            },
            serve: {
                continuous: true,
                executor: '@angular-devkit/build-angular:dev-server',
                options: options.port ? { port: options.port } : undefined,
                configurations: {
                    production: {
                        buildTarget: `${options.name}:build:production`,
                    },
                    development: {
                        buildTarget: `${options.name}:build:development`,
                    },
                },
                defaultConfiguration: 'development',
            },
            'extract-i18n': {
                executor: '@angular-devkit/build-angular:extract-i18n',
                options: {
                    buildTarget: `${options.name}:build`,
                },
            },
        },
    };
    return project;
}