@schematics/angular 20.2.2 → 21.0.0-next.1

package/ng-new/schema.json

@@ -99,7 +99,7 @@
     "style": {
       "description": "The type of stylesheet files to be created for components in the initial project.",
       "type": "string",
-      "enum": ["css", "scss", "sass", "less"],
+      "enum": ["css", "scss", "sass", "less", "tailwind"],
       "x-user-analytics": "ep.ng_style"
     },
     "skipTests": {
@@ -126,7 +126,7 @@
     "packageManager": {
       "description": "The package manager used to install dependencies.",
       "type": "string",
-      "enum": ["npm", "yarn", "pnpm", "cnpm", "bun"]
+      "enum": ["npm", "yarn", "pnpm", "bun"]
     },
     "standalone": {
       "description": "Creates an application based upon the standalone API, without NgModules.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.2.2",
+  "version": "21.0.0-next.1",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,15 +22,15 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "20.2.2",
-    "@angular-devkit/schematics": "20.2.2",
+    "@angular-devkit/core": "21.0.0-next.1",
+    "@angular-devkit/schematics": "21.0.0-next.1",
     "jsonc-parser": "3.3.1"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/angular/angular-cli.git"
   },
-  "packageManager": "pnpm@10.15.1",
+  "packageManager": "pnpm@10.15.0",
   "engines": {
     "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
     "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",

package/pipe/index.d.ts

@@ -5,6 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-import { Rule } from '@angular-devkit/schematics';
 import { Schema as PipeOptions } from './schema';
-export default function (options: PipeOptions): Rule;
+declare const _default: (options: PipeOptions) => import("@angular-devkit/schematics").Rule;
+export default _default;

package/pipe/index.js

@@ -7,28 +7,26 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
 const find_module_1 = require("../utility/find-module");
 const generate_from_files_1 = require("../utility/generate-from-files");
 const parse_name_1 = require("../utility/parse-name");
+const project_1 = require("../utility/project");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
-function default_1(options) {
-    return async (host) => {
-        options.path ??= await (0, workspace_1.createDefaultPath)(host, options.project);
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        return (0, schematics_1.chain)([
-            (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
-                type: 'pipe',
-                ...options,
-            }),
-            (0, generate_from_files_1.generateFromFiles)(options),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)(async (options, { tree }) => {
+    options.path ??= await (0, workspace_1.createDefaultPath)(tree, options.project);
+    options.module = (0, find_module_1.findModuleFromOptions)(tree, options);
+    const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
+    options.name = parsedPath.name;
+    options.path = parsedPath.path;
+    (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
+    return (0, schematics_1.chain)([
+        (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
+            type: 'pipe',
+            ...options,
+        }),
+        (0, generate_from_files_1.generateFromFiles)(options),
+    ]);
+});

package/server/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ServerOptions } from './schema';
-export default function (options: ServerOptions): Rule;
+declare const _default: (options: ServerOptions) => Rule;
+export default _default;

package/server/index.js

@@ -7,7 +7,6 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const node_path_1 = require("node:path");
@@ -17,6 +16,7 @@ const json_file_1 = require("../utility/json-file");
 const latest_versions_1 = require("../utility/latest-versions");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
 const paths_1 = require("../utility/paths");
+const project_1 = require("../utility/project");
 const project_targets_1 = require("../utility/project-targets");
 const app_component_1 = require("../utility/standalone/app_component");
 const util_1 = require("../utility/standalone/util");
@@ -132,74 +132,70 @@ function addDependencies(skipInstall) {
         ]);
     };
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const clientProject = workspace.projects.get(options.project);
-        if (clientProject?.extensions.projectType !== 'application') {
-            throw new schematics_1.SchematicsException(`Server schematic requires a project type of "application".`);
-        }
-        const clientBuildTarget = clientProject.targets.get('build');
-        if (!clientBuildTarget) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(clientProject);
-        if (clientProject.targets.has('server') ||
-            (usingApplicationBuilder && clientBuildTarget.options?.server !== undefined)) {
-            // Server has already been added.
-            return;
-        }
-        const clientBuildOptions = clientBuildTarget.options;
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
-        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint);
-        const sourceRoot = clientProject.sourceRoot ?? (0, core_1.join)((0, core_1.normalize)(clientProject.root), 'src');
-        let filesUrl = `./files/${usingApplicationBuilder ? 'application-builder/' : 'server-builder/'}`;
-        filesUrl += isStandalone ? 'standalone-src' : 'ngmodule-src';
-        const { componentName, componentImportPathInSameFile, moduleName, moduleImportPathInSameFile } = (0, app_component_1.resolveBootstrappedComponentData)(host, browserEntryPoint) || {
-            componentName: 'App',
-            componentImportPathInSameFile: './app/app',
-            moduleName: 'AppModule',
-            moduleImportPathInSameFile: './app/app.module',
-        };
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(filesUrl), [
-            (0, schematics_1.applyTemplates)({
-                ...schematics_1.strings,
-                ...options,
-                appComponentName: componentName,
-                appComponentPath: componentImportPathInSameFile,
-                appModuleName: moduleName,
-                appModulePath: moduleImportPathInSameFile === null
-                    ? null
-                    : `./${node_path_1.posix.basename(moduleImportPathInSameFile)}`,
-            }),
-            (0, schematics_1.move)(sourceRoot),
-        ]);
-        const clientTsConfig = (0, core_1.normalize)(clientBuildOptions.tsConfig);
-        const tsConfigExtends = (0, core_1.basename)(clientTsConfig);
-        const tsConfigDirectory = (0, core_1.dirname)(clientTsConfig);
-        return (0, schematics_1.chain)([
-            (0, schematics_1.mergeWith)(templateSource),
-            ...(usingApplicationBuilder
-                ? [
-                    updateConfigFileApplicationBuilder(options),
-                    updateTsConfigFile(clientBuildOptions.tsConfig),
-                ]
-                : [
-                    (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files/server-builder/root'), [
-                        (0, schematics_1.applyTemplates)({
-                            ...schematics_1.strings,
-                            ...options,
-                            stripTsExtension: (s) => s.replace(/\.ts$/, ''),
-                            tsConfigExtends,
-                            hasLocalizePackage: !!(0, dependencies_1.getPackageJsonDependency)(host, '@angular/localize'),
-                            relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(tsConfigDirectory),
-                        }),
-                        (0, schematics_1.move)(tsConfigDirectory),
-                    ])),
-                    updateConfigFileBrowserBuilder(options, tsConfigDirectory),
-                ]),
-            addDependencies(options.skipInstall),
-            (0, utility_1.addRootProvider)(options.project, ({ code, external }) => code `${external('provideClientHydration', '@angular/platform-browser')}(${external('withEventReplay', '@angular/platform-browser')}())`),
-        ]);
+exports.default = (0, project_1.createProjectSchematic)(async (options, { project, tree }) => {
+    if (project?.extensions.projectType !== 'application') {
+        throw new schematics_1.SchematicsException(`Server schematic requires a project type of "application".`);
+    }
+    const clientBuildTarget = project.targets.get('build');
+    if (!clientBuildTarget) {
+        throw (0, project_targets_1.targetBuildNotFoundError)();
+    }
+    const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(project);
+    if (project.targets.has('server') ||
+        (usingApplicationBuilder && clientBuildTarget.options?.server !== undefined)) {
+        // Server has already been added.
+        return (0, schematics_1.noop)();
+    }
+    const clientBuildOptions = clientBuildTarget.options;
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+    const sourceRoot = project.sourceRoot ?? (0, core_1.join)((0, core_1.normalize)(project.root), 'src');
+    let filesUrl = `./files/${usingApplicationBuilder ? 'application-builder/' : 'server-builder/'}`;
+    filesUrl += isStandalone ? 'standalone-src' : 'ngmodule-src';
+    const { componentName, componentImportPathInSameFile, moduleName, moduleImportPathInSameFile } = (0, app_component_1.resolveBootstrappedComponentData)(tree, browserEntryPoint) || {
+        componentName: 'App',
+        componentImportPathInSameFile: './app/app',
+        moduleName: 'AppModule',
+        moduleImportPathInSameFile: './app/app.module',
     };
-}
+    const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(filesUrl), [
+        (0, schematics_1.applyTemplates)({
+            ...schematics_1.strings,
+            ...options,
+            appComponentName: componentName,
+            appComponentPath: componentImportPathInSameFile,
+            appModuleName: moduleName,
+            appModulePath: moduleImportPathInSameFile === null
+                ? null
+                : `./${node_path_1.posix.basename(moduleImportPathInSameFile)}`,
+        }),
+        (0, schematics_1.move)(sourceRoot),
+    ]);
+    const clientTsConfig = (0, core_1.normalize)(clientBuildOptions.tsConfig);
+    const tsConfigExtends = (0, core_1.basename)(clientTsConfig);
+    const tsConfigDirectory = (0, core_1.dirname)(clientTsConfig);
+    return (0, schematics_1.chain)([
+        (0, schematics_1.mergeWith)(templateSource),
+        ...(usingApplicationBuilder
+            ? [
+                updateConfigFileApplicationBuilder(options),
+                updateTsConfigFile(clientBuildOptions.tsConfig),
+            ]
+            : [
+                (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files/server-builder/root'), [
+                    (0, schematics_1.applyTemplates)({
+                        ...schematics_1.strings,
+                        ...options,
+                        stripTsExtension: (s) => s.replace(/\.ts$/, ''),
+                        tsConfigExtends,
+                        hasLocalizePackage: !!(0, dependencies_1.getPackageJsonDependency)(tree, '@angular/localize'),
+                        relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(tsConfigDirectory),
+                    }),
+                    (0, schematics_1.move)(tsConfigDirectory),
+                ])),
+                updateConfigFileBrowserBuilder(options, tsConfigDirectory),
+            ]),
+        addDependencies(options.skipInstall),
+        (0, utility_1.addRootProvider)(options.project, ({ code, external }) => code `${external('provideClientHydration', '@angular/platform-browser')}(${external('withEventReplay', '@angular/platform-browser')}())`),
+    ]);
+});

package/service-worker/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as ServiceWorkerOptions } from './schema';
-export default function (options: ServiceWorkerOptions): Rule;
+declare const _default: (options: ServiceWorkerOptions) => Rule;
+export default _default;

package/service-worker/index.js

@@ -6,50 +6,20 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
-const ts = __importStar(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+const posix_1 = require("node:path/posix");
+const typescript_1 = __importDefault(require("../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
 const utility_1 = require("../utility");
 const ast_utils_1 = require("../utility/ast-utils");
 const change_1 = require("../utility/change");
 const dependency_1 = require("../utility/dependency");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
 const paths_1 = require("../utility/paths");
+const project_1 = require("../utility/project");
 const project_targets_1 = require("../utility/project-targets");
 const app_config_1 = require("../utility/standalone/app_config");
 const util_1 = require("../utility/standalone/util");
@@ -71,7 +41,7 @@ function updateAppModule(mainPath) {
         addImport(host, modulePath, 'ServiceWorkerModule', '@angular/service-worker');
         addImport(host, modulePath, 'isDevMode', '@angular/core');
         // register SW in application module
-        const importText = core_1.tags.stripIndent `
+        const importText = `
       ServiceWorkerModule.register('ngsw-worker.js', {
         enabled: !isDevMode(),
         // Register the ServiceWorker as soon as the application is stable
@@ -102,53 +72,46 @@ function addProvideServiceWorker(projectName, mainPath) {
 }
 function getTsSourceFile(host, path) {
     const content = host.readText(path);
-    const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
+    const source = typescript_1.default.createSourceFile(path, content, typescript_1.default.ScriptTarget.Latest, true);
     return source;
 }
-function default_1(options) {
-    return async (host) => {
-        const workspace = await (0, utility_1.readWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Invalid project name (${options.project})`);
-        }
-        if (project.extensions.projectType !== 'application') {
-            throw new schematics_1.SchematicsException(`Service worker requires a project type of "application".`);
-        }
-        const buildTarget = project.targets.get('build');
-        if (!buildTarget) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        const buildOptions = buildTarget.options;
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
-        const ngswConfigPath = (0, core_1.join)((0, core_1.normalize)(project.root), 'ngsw-config.json');
-        if (buildTarget.builder === workspace_models_1.Builders.Application ||
-            buildTarget.builder === workspace_models_1.Builders.BuildApplication) {
-            const productionConf = buildTarget.configurations?.production;
-            if (productionConf) {
-                productionConf.serviceWorker = ngswConfigPath;
-            }
-        }
-        else {
-            buildOptions.serviceWorker = true;
-            buildOptions.ngswConfigPath = ngswConfigPath;
+exports.default = (0, project_1.createProjectSchematic)(async (options, { project, workspace, tree }) => {
+    if (project.extensions.projectType !== 'application') {
+        throw new schematics_1.SchematicsException(`Service worker requires a project type of "application".`);
+    }
+    const buildTarget = project.targets.get('build');
+    if (!buildTarget) {
+        throw (0, project_targets_1.targetBuildNotFoundError)();
+    }
+    const buildOptions = buildTarget.options;
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const ngswConfigPath = (0, posix_1.join)(project.root, 'ngsw-config.json');
+    if (buildTarget.builder === workspace_models_1.Builders.Application ||
+        buildTarget.builder === workspace_models_1.Builders.BuildApplication) {
+        const productionConf = buildTarget.configurations?.production;
+        if (productionConf) {
+            productionConf.serviceWorker = ngswConfigPath;
         }
-        await (0, utility_1.writeWorkspace)(host, workspace);
-        return (0, schematics_1.chain)([
-            addDependencies(),
-            (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-                (0, schematics_1.applyTemplates)({
-                    ...options,
-                    relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
-                }),
-                (0, schematics_1.move)(project.root),
-            ])),
-            (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint)
-                ? addProvideServiceWorker(options.project, browserEntryPoint)
-                : updateAppModule(browserEntryPoint),
-        ]);
-    };
-}
+    }
+    else {
+        buildOptions.serviceWorker = true;
+        buildOptions.ngswConfigPath = ngswConfigPath;
+    }
+    await (0, utility_1.writeWorkspace)(tree, workspace);
+    return (0, schematics_1.chain)([
+        addDependencies(),
+        (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.applyTemplates)({
+                ...options,
+                relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
+            }),
+            (0, schematics_1.move)(project.root),
+        ])),
+        (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint)
+            ? addProvideServiceWorker(options.project, browserEntryPoint)
+            : updateAppModule(browserEntryPoint),
+    ]);
+});
 function addImport(host, filePath, symbolName, moduleName) {
     const moduleSource = getTsSourceFile(host, filePath);
     const change = (0, ast_utils_1.insertImport)(moduleSource, filePath, symbolName, moduleName);

package/ssr/index.d.ts

@@ -7,4 +7,5 @@
  */
 import { Rule } from '@angular-devkit/schematics';
 import { Schema as SSROptions } from './schema';
-export default function (options: SSROptions): Rule;
+declare const _default: (options: SSROptions) => Rule;
+export default _default;

package/ssr/index.js

@@ -7,17 +7,16 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
-const node_path_1 = require("node:path");
+const posix_1 = require("node:path/posix");
 const utility_1 = require("../utility");
 const json_file_1 = require("../utility/json-file");
 const latest_versions_1 = require("../utility/latest-versions");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
+const project_1 = require("../utility/project");
 const project_targets_1 = require("../utility/project-targets");
 const util_1 = require("../utility/standalone/util");
-const workspace_1 = require("../utility/workspace");
 const SERVE_SSR_TARGET_NAME = 'serve-ssr';
 const PRERENDER_TARGET_NAME = 'prerender';
 const DEFAULT_BROWSER_DIR = 'browser';
@@ -48,7 +47,7 @@ async function getApplicationBuilderOutputPaths(host, projectName) {
     }
     let { outputPath } = architectTarget.options;
     // Use default if not explicitly specified
-    outputPath ??= node_path_1.posix.join('dist', projectName);
+    outputPath ??= (0, posix_1.join)('dist', projectName);
     const defaultDirs = {
         server: DEFAULT_SERVER_DIR,
         browser: DEFAULT_BROWSER_DIR,
@@ -78,7 +77,7 @@ function addScriptsRule({ project }, isUsingApplicationBuilder) {
         if (isUsingApplicationBuilder) {
             const { base, server } = await getApplicationBuilderOutputPaths(host, project);
             pkg.scripts ??= {};
-            pkg.scripts[`serve:ssr:${project}`] = `node ${node_path_1.posix.join(base, server)}/server.mjs`;
+            pkg.scripts[`serve:ssr:${project}`] = `node ${(0, posix_1.join)(base, server)}/server.mjs`;
         }
         else {
             const serverDist = await getLegacyOutputPaths(host, project, 'server');
@@ -128,7 +127,7 @@ function updateApplicationBuilderWorkspaceConfigRule(projectSourceRoot, options,
         if (outputPath && (0, core_1.isJsonObject)(outputPath)) {
             if (outputPath.browser === '') {
                 const base = outputPath.base;
-                logger.warn(`The output location of the browser build has been updated from "${base}" to "${node_path_1.posix.join(base, DEFAULT_BROWSER_DIR)}".
+                logger.warn(`The output location of the browser build has been updated from "${base}" to "${(0, posix_1.join)(base, DEFAULT_BROWSER_DIR)}".
           You might need to adjust your deployment pipeline.`);
                 if ((outputPath.media && outputPath.media !== DEFAULT_MEDIA_DIR) ||
                     (outputPath.server && outputPath.server !== DEFAULT_SERVER_DIR)) {
@@ -144,7 +143,7 @@ function updateApplicationBuilderWorkspaceConfigRule(projectSourceRoot, options,
             outputPath,
             outputMode: 'server',
             ssr: {
-                entry: (0, core_1.join)((0, core_1.normalize)(projectSourceRoot), 'server.ts'),
+                entry: (0, posix_1.join)(projectSourceRoot, 'server.ts'),
             },
         };
     });
@@ -158,7 +157,7 @@ function updateWebpackBuilderWorkspaceConfigRule(projectSourceRoot, options) {
         }
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const serverTarget = project.targets.get('server');
-        (serverTarget.options ??= {}).main = node_path_1.posix.join(projectSourceRoot, 'server.ts');
+        (serverTarget.options ??= {}).main = (0, posix_1.join)(projectSourceRoot, 'server.ts');
         const serveSSRTarget = project.targets.get(SERVE_SSR_TARGET_NAME);
         if (serveSSRTarget) {
             return;
@@ -260,7 +259,7 @@ function addServerFile(projectSourceRoot, options, isStandalone) {
             : await getLegacyOutputPaths(host, projectName, 'build');
         return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)(`./files/${usingApplicationBuilder ? 'application-builder' : 'server-builder'}`), [
             (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
+                ...schematics_1.strings,
                 ...options,
                 browserDistDirectory,
                 isStandalone,
@@ -269,34 +268,27 @@ function addServerFile(projectSourceRoot, options, isStandalone) {
         ]));
     };
 }
-function default_1(options) {
-    return async (host, context) => {
-        const browserEntryPoint = await (0, util_1.getMainFilePath)(host, options.project);
-        const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(host, browserEntryPoint);
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const clientProject = workspace.projects.get(options.project);
-        if (!clientProject) {
-            throw (0, project_targets_1.targetBuildNotFoundError)();
-        }
-        const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(clientProject);
-        const sourceRoot = clientProject.sourceRoot ?? node_path_1.posix.join(clientProject.root, 'src');
-        return (0, schematics_1.chain)([
-            (0, schematics_1.schematic)('server', {
-                ...options,
-                skipInstall: true,
-            }),
-            ...(usingApplicationBuilder
-                ? [
-                    updateApplicationBuilderWorkspaceConfigRule(sourceRoot, options, context),
-                    updateApplicationBuilderTsConfigRule(options),
-                ]
-                : [
-                    updateWebpackBuilderServerTsConfigRule(options),
-                    updateWebpackBuilderWorkspaceConfigRule(sourceRoot, options),
-                ]),
-            addServerFile(sourceRoot, options, isStandalone),
-            addScriptsRule(options, usingApplicationBuilder),
-            addDependencies(options, usingApplicationBuilder),
-        ]);
-    };
-}
+exports.default = (0, project_1.createProjectSchematic)(async (options, { project, tree, context }) => {
+    const browserEntryPoint = await (0, util_1.getMainFilePath)(tree, options.project);
+    const isStandalone = (0, ng_ast_utils_1.isStandaloneApp)(tree, browserEntryPoint);
+    const usingApplicationBuilder = (0, project_targets_1.isUsingApplicationBuilder)(project);
+    const sourceRoot = project.sourceRoot ?? (0, posix_1.join)(project.root, 'src');
+    return (0, schematics_1.chain)([
+        (0, schematics_1.schematic)('server', {
+            ...options,
+            skipInstall: true,
+        }),
+        ...(usingApplicationBuilder
+            ? [
+                updateApplicationBuilderWorkspaceConfigRule(sourceRoot, options, context),
+                updateApplicationBuilderTsConfigRule(options),
+            ]
+            : [
+                updateWebpackBuilderServerTsConfigRule(options),
+                updateWebpackBuilderWorkspaceConfigRule(sourceRoot, options),
+            ]),
+        addServerFile(sourceRoot, options, isStandalone),
+        addScriptsRule(options, usingApplicationBuilder),
+        addDependencies(options, usingApplicationBuilder),
+    ]);
+});

package/tailwind/files/.postcssrc.json.template

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

package/{migrations/previous-style-guide/migration.d.ts → tailwind/index.d.ts}

@@ -5,5 +5,8 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-import type { Rule } from '@angular-devkit/schematics';
-export default function (): Rule;
+import { type Rule } from '@angular-devkit/schematics';
+declare const _default: (options: {
+    project: string;
+}) => Rule;
+export default _default;