@schematics/angular 18.0.0-next.5 → 18.0.0-rc.1

package/application/index.js

@@ -232,9 +232,6 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
             },
             'extract-i18n': {
                 builder: workspace_models_1.Builders.ExtractI18n,
-                options: {
-                    buildTarget: `${options.name}:build`,
-                },
             },
             test: options.minimal
                 ? undefined

package/migrations/use-application-builder/migration.js

@@ -174,14 +174,77 @@ function updateProjects(tree, context) {
             // Add direct @angular/build dependencies and remove @angular-devkit/build-angular
             rules.push((0, dependency_1.addDependency)('@angular/build', latest_versions_1.latestVersions.DevkitBuildAngular, {
                 type: dependency_1.DependencyType.Dev,
+                // Always is set here since removePackageJsonDependency below does not automatically
+                // trigger the package manager execution.
                 install: dependency_1.InstallBehavior.Always,
                 existing: dependency_1.ExistingBehavior.Replace,
             }));
             (0, dependencies_1.removePackageJsonDependency)(tree, '@angular-devkit/build-angular');
+            // Add less dependency if any projects contain a Less stylesheet file.
+            // This check does not consider Node.js packages due to the performance
+            // cost of searching such a large directory structure. A build time error
+            // will provide instructions to install the package in this case.
+            if (hasLessStylesheets(tree)) {
+                rules.push((0, dependency_1.addDependency)('less', latest_versions_1.latestVersions['less'], {
+                    type: dependency_1.DependencyType.Dev,
+                    existing: dependency_1.ExistingBehavior.Skip,
+                }));
+            }
+            // Add postcss dependency if any projects have a custom postcss configuration file.
+            // The build system only supports files in a project root or workspace root with
+            // names of either 'postcss.config.json' or '.postcssrc.json'.
+            if (hasPostcssConfiguration(tree, workspace)) {
+                rules.push((0, dependency_1.addDependency)('postcss', latest_versions_1.latestVersions['postcss'], {
+                    type: dependency_1.DependencyType.Dev,
+                    existing: dependency_1.ExistingBehavior.Replace,
+                }));
+            }
         }
         return (0, schematics_1.chain)(rules);
     });
 }
+/**
+ * Searches the schematic tree for files that have a `.less` extension.
+ *
+ * @param tree A Schematics tree instance to search
+ * @returns true if Less stylesheet files are found; otherwise, false
+ */
+function hasLessStylesheets(tree) {
+    const directories = [tree.getDir('/')];
+    let current;
+    while ((current = directories.pop())) {
+        for (const path of current.subfiles) {
+            if (path.endsWith('.less')) {
+                return true;
+            }
+        }
+        for (const path of current.subdirs) {
+            if (path === 'node_modules' || path.startsWith('.')) {
+                continue;
+            }
+            directories.push(current.dir(path));
+        }
+    }
+}
+/**
+ * Searches for a Postcss configuration file within the workspace root
+ * or any of the project roots.
+ *
+ * @param tree A Schematics tree instance to search
+ * @param workspace A Workspace to check for projects
+ * @returns true, if a Postcss configuration file is found; otherwise, false
+ */
+function hasPostcssConfiguration(tree, workspace) {
+    // Add workspace root
+    const searchDirectories = [''];
+    // Add each project root
+    for (const { root } of workspace.projects.values()) {
+        if (root) {
+            searchDirectories.push(root);
+        }
+    }
+    return searchDirectories.some((dir) => tree.exists((0, posix_1.join)(dir, 'postcss.config.json')) || tree.exists((0, posix_1.join)(dir, '.postcssrc.json')));
+}
 function* visit(directory) {
     for (const path of directory.subfiles) {
         const sass = path.endsWith('.scss');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "18.0.0-next.5",
+  "version": "18.0.0-rc.1",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,8 +22,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "18.0.0-next.5",
-    "@angular-devkit/schematics": "18.0.0-next.5",
+    "@angular-devkit/core": "18.0.0-rc.1",
+    "@angular-devkit/schematics": "18.0.0-rc.1",
     "jsonc-parser": "3.2.1"
   },
   "repository": {

package/utility/latest-versions/package.json

@@ -16,7 +16,9 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "karma-jasmine": "~5.1.0",
     "karma": "~6.4.0",
+    "less": "^4.2.0",
     "ng-packagr": "^18.0.0-next.0",
+    "postcss": "^8.4.38",
     "protractor": "~7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",

package/utility/latest-versions.js

@@ -15,6 +15,6 @@ exports.latestVersions = {
     ...dependencies,
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: dependencies['@angular/core'],
-    DevkitBuildAngular: '^18.0.0-next.5',
-    AngularSSR: '^18.0.0-next.5',
+    DevkitBuildAngular: '^18.0.0-rc.1',
+    AngularSSR: '^18.0.0-rc.1',
 };