@angular-devkit/build-angular 20.1.0-next.2 → 20.1.0-rc.0

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "20.1.0-next.2",
+  "version": "20.1.0-rc.0",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2001.0-next.2",
-    "@angular-devkit/build-webpack": "0.2001.0-next.2",
-    "@angular-devkit/core": "20.1.0-next.2",
-    "@angular/build": "20.1.0-next.2",
-    "@babel/core": "7.27.4",
+    "@angular-devkit/architect": "0.2001.0-rc.0",
+    "@angular-devkit/build-webpack": "0.2001.0-rc.0",
+    "@angular-devkit/core": "20.1.0-rc.0",
+    "@angular/build": "20.1.0-rc.0",
+    "@babel/core": "7.27.7",
     "@babel/generator": "7.27.5",
     "@babel/helper-annotate-as-pure": "7.27.3",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -21,8 +21,7 @@
     "@babel/preset-env": "7.27.2",
     "@babel/runtime": "7.27.6",
     "@discoveryjs/json-ext": "0.6.3",
-    "@ngtools/webpack": "20.1.0-next.2",
-    "@vitejs/plugin-basic-ssl": "2.0.0",
+    "@ngtools/webpack": "20.1.0-rc.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.21",
     "babel-loader": "10.0.0",
@@ -43,8 +42,8 @@
     "open": "10.1.2",
     "ora": "8.2.0",
     "picomatch": "4.0.2",
-    "piscina": "5.0.0",
-    "postcss": "8.5.5",
+    "piscina": "5.1.2",
+    "postcss": "8.5.6",
     "postcss-loader": "8.1.1",
     "resolve-url-loader": "5.0.0",
     "rxjs": "7.8.2",
@@ -53,7 +52,7 @@
     "semver": "7.7.2",
     "source-map-loader": "5.0.0",
     "source-map-support": "0.5.21",
-    "terser": "5.42.0",
+    "terser": "5.43.1",
     "tree-kill": "1.2.2",
     "tslib": "2.8.1",
     "webpack": "5.99.9",
@@ -72,7 +71,7 @@
     "@angular/platform-browser": "^20.0.0 || ^20.1.0-next.0",
     "@angular/platform-server": "^20.0.0 || ^20.1.0-next.0",
     "@angular/service-worker": "^20.0.0 || ^20.1.0-next.0",
-    "@angular/ssr": "^20.1.0-next.2",
+    "@angular/ssr": "^20.1.0-rc.0",
     "@web/test-runner": "^0.20.0",
     "browser-sync": "^3.0.2",
     "jest": "^29.5.0",

package/src/tools/webpack/configs/styles.js

@@ -48,7 +48,6 @@ const private_1 = require("@angular/build/private");
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path = __importStar(require("node:path"));
 const node_url_1 = require("node:url");
-const tailwind_1 = require("../../../utils/tailwind");
 const plugins_1 = require("../plugins");
 const css_optimizer_plugin_1 = require("../plugins/css-optimizer-plugin");
 const styles_webpack_plugin_1 = require("../plugins/styles-webpack-plugin");
@@ -86,24 +85,38 @@ async function getStylesConfig(wco) {
     });
     const assetNameTemplate = (0, helpers_1.assetNameTemplateFactory)(hashFormat);
     const extraPostcssPlugins = [];
-    // Attempt to setup Tailwind CSS
-    // Only load Tailwind CSS plugin if configuration file was found.
-    // This acts as a guard to ensure the project actually wants to use Tailwind CSS.
-    // The package may be unknowningly present due to a third-party transitive package dependency.
-    const tailwindConfigPath = await (0, tailwind_1.findTailwindConfigurationFile)(root, projectRoot);
-    if (tailwindConfigPath) {
-        let tailwindPackagePath;
-        try {
-            tailwindPackagePath = require.resolve('tailwindcss', { paths: [root] });
-        }
-        catch {
-            const relativeTailwindConfigPath = path.relative(root, tailwindConfigPath);
-            logger.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
-                ` but the 'tailwindcss' package is not installed.` +
-                ` To enable Tailwind CSS, please install the 'tailwindcss' package.`);
+    const searchDirectories = await (0, private_1.generateSearchDirectories)([projectRoot, root]);
+    const postcssConfig = await (0, private_1.loadPostcssConfiguration)(searchDirectories);
+    if (postcssConfig) {
+        for (const [pluginName, pluginOptions] of postcssConfig.plugins) {
+            const resolvedPlugin = require.resolve(pluginName, { paths: [root] });
+            const { default: plugin } = await Promise.resolve(`${resolvedPlugin}`).then(s => __importStar(require(s)));
+            if (typeof plugin !== 'function' || plugin.postcss !== true) {
+                throw new Error(`Attempted to load invalid Postcss plugin: "${pluginName}"`);
+            }
+            extraPostcssPlugins.push(plugin(pluginOptions));
         }
-        if (tailwindPackagePath) {
-            extraPostcssPlugins.push(require(tailwindPackagePath)({ config: tailwindConfigPath }));
+    }
+    else {
+        // Attempt to setup Tailwind CSS
+        // Only load Tailwind CSS plugin if configuration file was found.
+        // This acts as a guard to ensure the project actually wants to use Tailwind CSS.
+        // The package may be unknowningly present due to a third-party transitive package dependency.
+        const tailwindConfigPath = (0, private_1.findTailwindConfiguration)(searchDirectories);
+        if (tailwindConfigPath) {
+            let tailwindPackagePath;
+            try {
+                tailwindPackagePath = require.resolve('tailwindcss', { paths: [root] });
+            }
+            catch {
+                const relativeTailwindConfigPath = path.relative(root, tailwindConfigPath);
+                logger.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
+                    ` but the 'tailwindcss' package is not installed.` +
+                    ` To enable Tailwind CSS, please install the 'tailwindcss' package.`);
+            }
+            if (tailwindPackagePath) {
+                extraPostcssPlugins.push(require(tailwindPackagePath)({ config: tailwindConfigPath }));
+            }
         }
     }
     const autoprefixer = require('autoprefixer');

package/src/utils/normalize-cache.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = normalizeCacheOptions;
 const node_path_1 = require("node:path");
 /** Version placeholder is replaced during the build process with actual package version */
-const VERSION = '20.1.0-next.2';
+const VERSION = '20.1.0-rc.0';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&

package/src/utils/tailwind.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * 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
- */
-export declare function findTailwindConfigurationFile(workspaceRoot: string, projectRoot: string): Promise<string | undefined>;

package/src/utils/tailwind.js

@@ -1,33 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findTailwindConfigurationFile = findTailwindConfigurationFile;
-const promises_1 = require("node:fs/promises");
-const node_path_1 = require("node:path");
-const tailwindConfigFiles = [
-    'tailwind.config.js',
-    'tailwind.config.cjs',
-    'tailwind.config.mjs',
-    'tailwind.config.ts',
-];
-async function findTailwindConfigurationFile(workspaceRoot, projectRoot) {
-    const dirEntries = [projectRoot, workspaceRoot].map((root) => (0, promises_1.readdir)(root, { withFileTypes: false }).then((entries) => ({
-        root,
-        files: new Set(entries),
-    })));
-    // A configuration file can exist in the project or workspace root
-    for (const { root, files } of await Promise.all(dirEntries)) {
-        for (const potentialConfig of tailwindConfigFiles) {
-            if (files.has(potentialConfig)) {
-                return (0, node_path_1.join)(root, potentialConfig);
-            }
-        }
-    }
-    return undefined;
-}