@angular/build 18.0.0 → 18.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "18.0.0",
+  "version": "18.0.2",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,7 +23,7 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1800.0",
+    "@angular-devkit/architect": "0.1800.2",
     "@babel/core": "7.24.5",
     "@babel/helper-annotate-as-pure": "7.22.5",
     "@babel/helper-split-export-declaration": "7.24.5",

package/src/builders/application/schema.d.ts

@@ -110,7 +110,7 @@ export interface Schema {
      * Enables optimization of the build output. Including minification of scripts and styles,
      * tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For
      * more information, see
-     * https://angular.io/guide/workspace-config#optimization-configuration.
+     * https://angular.dev/reference/configs/workspace-config#optimization-configuration.
      */
     optimization?: OptimizationUnion;
     /**
@@ -158,7 +158,7 @@ export interface Schema {
     serviceWorker?: ServiceWorker;
     /**
      * Output source maps for scripts and styles. For more information, see
-     * https://angular.io/guide/workspace-config#source-map-configuration.
+     * https://angular.dev/reference/configs/workspace-config#source-map-configuration.
      */
     sourceMap?: SourceMapUnion;
     /**
@@ -333,7 +333,7 @@ export type Localize = string[] | boolean;
  * Enables optimization of the build output. Including minification of scripts and styles,
  * tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For
  * more information, see
- * https://angular.io/guide/workspace-config#optimization-configuration.
+ * https://angular.dev/reference/configs/workspace-config#optimization-configuration.
  */
 export type OptimizationUnion = boolean | OptimizationClass;
 export interface OptimizationClass {
@@ -455,7 +455,7 @@ export interface ScriptClass {
 export type ServiceWorker = boolean | string;
 /**
  * Output source maps for scripts and styles. For more information, see
- * https://angular.io/guide/workspace-config#source-map-configuration.
+ * https://angular.dev/reference/configs/workspace-config#source-map-configuration.
  */
 export type SourceMapUnion = boolean | SourceMapClass;
 export interface SourceMapClass {

package/src/builders/application/schema.json

@@ -143,7 +143,7 @@
       "description": "Automatically clear the terminal screen during rebuilds."
     },
     "optimization": {
-      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.io/guide/workspace-config#optimization-configuration.",
+      "description": "Enables optimization of the build output. Including minification of scripts and styles, tree-shaking, dead-code elimination, inlining of critical CSS and fonts inlining. For more information, see https://angular.dev/reference/configs/workspace-config#optimization-configuration.",
       "default": true,
       "x-user-analytics": "ep.ng_optimization",
       "oneOf": [
@@ -279,7 +279,7 @@
       "default": true
     },
     "sourceMap": {
-      "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
+      "description": "Output source maps for scripts and styles. For more information, see https://angular.dev/reference/configs/workspace-config#source-map-configuration.",
       "default": false,
       "oneOf": [
         {

package/src/builders/dev-server/schema.d.ts

@@ -45,7 +45,7 @@ export interface Schema {
     prebundle?: PrebundleUnion;
     /**
      * Proxy configuration file. For more information, see
-     * https://angular.io/guide/build#proxying-to-a-backend-server.
+     * https://angular.dev/tools/cli/serve#proxying-to-a-backend-server.
      */
     proxyConfig?: string;
     /**

package/src/builders/dev-server/schema.json

@@ -21,7 +21,7 @@
     },
     "proxyConfig": {
       "type": "string",
-      "description": "Proxy configuration file. For more information, see https://angular.io/guide/build#proxying-to-a-backend-server."
+      "description": "Proxy configuration file. For more information, see https://angular.dev/tools/cli/serve#proxying-to-a-backend-server."
     },
     "ssl": {
       "type": "boolean",

package/src/builders/dev-server/vite-server.js

@@ -194,8 +194,12 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
             const projectRoot = (0, node_path_1.join)(context.workspaceRoot, root);
             const browsers = (0, internal_1.getSupportedBrowsers)(projectRoot, context.logger);
             const target = (0, internal_1.transformSupportedBrowsersToTargets)(browsers);
+            // Needed for browser-esbuild as polyfills can be a string.
+            const polyfills = Array.isArray((browserOptions.polyfills ??= []))
+                ? browserOptions.polyfills
+                : [browserOptions.polyfills];
             // Setup server and start listening
-            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, !!browserOptions.ssr, prebundleTransformer, target, (0, internal_1.isZonelessApp)(browserOptions.polyfills), browserOptions.loader, extensions?.middleware, transformers?.indexHtml, thirdPartySourcemaps);
+            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, !!browserOptions.ssr, prebundleTransformer, target, (0, internal_1.isZonelessApp)(polyfills), browserOptions.loader, extensions?.middleware, transformers?.indexHtml, thirdPartySourcemaps);
             server = await createServer(serverConfiguration);
             await server.listen();
             if (serverConfiguration.ssr?.optimizeDeps?.disabled === false) {

package/src/tools/esbuild/angular/compiler-plugin.js

@@ -38,7 +38,6 @@ const node_assert_1 = __importDefault(require("node:assert"));
 const path = __importStar(require("node:path"));
 const environment_options_1 = require("../../../utils/environment-options");
 const javascript_transformer_1 = require("../javascript-transformer");
-const lmdb_cache_store_1 = require("../lmdb-cache-store");
 const load_result_cache_1 = require("../load-result-cache");
 const profiling_1 = require("../profiling");
 const compilation_1 = require("./compilation");
@@ -57,7 +56,8 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
             // Initialize a worker pool for JavaScript transformations
             let cacheStore;
             if (pluginOptions.sourceFileCache?.persistentCachePath) {
-                cacheStore = new lmdb_cache_store_1.LmbdCacheStore(path.join(pluginOptions.sourceFileCache.persistentCachePath, 'angular-compiler.db'));
+                const { LmbdCacheStore } = await Promise.resolve().then(() => __importStar(require('../lmdb-cache-store')));
+                cacheStore = new LmbdCacheStore(path.join(pluginOptions.sourceFileCache.persistentCachePath, 'angular-compiler.db'));
             }
             const javascriptTransformer = new javascript_transformer_1.JavaScriptTransformer(pluginOptions, environment_options_1.maxWorkers, cacheStore?.createCache('jstransformer'));
             // Setup defines based on the values used by the Angular compiler-cli
@@ -361,7 +361,7 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
                 notes: [
                     {
                         text: 'To control ECMA version and features use the Browserslist configuration. ' +
-                            'For more information, see https://angular.io/guide/build#configuring-browser-compatibility',
+                            'For more information, see https://angular.dev/tools/cli/build#configuring-browser-compatibility',
                     },
                 ],
             });

package/src/tools/esbuild/stylesheets/sass-language.js

@@ -137,7 +137,14 @@ async function compileString(data, filePath, syntax, options, resolveUrl) {
                 },
             ],
             logger: {
-                warn: (text, { deprecation, span }) => {
+                warn: (text, { deprecation, stack, span }) => {
+                    const notes = [];
+                    if (deprecation) {
+                        notes.push({ text });
+                    }
+                    if (stack && !span) {
+                        notes.push({ text: stack });
+                    }
                     warnings.push({
                         text: deprecation ? 'Deprecation' : text,
                         location: span && {
@@ -147,7 +154,7 @@ async function compileString(data, filePath, syntax, options, resolveUrl) {
                             line: span.start.line + 1,
                             column: span.start.column,
                         },
-                        notes: deprecation ? [{ text }] : undefined,
+                        notes,
                     });
                 },
             },

package/src/tools/sass/rebasing-importer.js

@@ -78,6 +78,10 @@ class UrlRebasingImporter {
             if (value[0] === '#' && value[1] !== '{') {
                 continue;
             }
+            // Skip if value is value contains a function call
+            if (/#\{.+\(.+\)\}/.test(value)) {
+                continue;
+            }
             // Sass variable usage either starts with a `$` or contains a namespace and a `.$`
             const valueNormalized = value[0] === '$' || /^\w+\.\$/.test(value) ? `#{${value}}` : value;
             const rebasedPath = (0, node_path_1.relative)(this.entryDirectory, stylesheetDirectory) + '||file:' + valueNormalized;

package/src/tools/sass/sass-service.js

@@ -87,6 +87,9 @@ class SassWorkerImplementation {
             filename: require.resolve('./worker'),
             minThreads: 1,
             maxThreads: this.maxThreads,
+            // Web containers do not support transferable objects with receiveOnMessagePort which
+            // is used when the Atomics based wait loop is enable.
+            useAtomics: !process.versions.webcontainer,
             // Shutdown idle threads after 1 second of inactivity
             idleTimeout: 1000,
             recordTiming: false,

package/src/utils/i18n-options.js

@@ -43,7 +43,7 @@ function createI18nOptions(projectMetadata, inline) {
     ensureObject(metadata, 'i18n');
     const i18n = {
         inlineLocales: new Set(),
-        // en-US is the default locale added to Angular applications (https://angular.io/guide/i18n#i18n-pipes)
+        // en-US is the default locale added to Angular applications (https://angular.dev/guide/i18n/format-data-locale)
         sourceLocale: 'en-US',
         locales: {},
         get shouldInline() {

package/src/utils/index-file/augment-index-html.js

@@ -12,23 +12,7 @@ const node_crypto_1 = require("node:crypto");
 const node_path_1 = require("node:path");
 const load_esm_1 = require("../load-esm");
 const html_rewriting_stream_1 = require("./html-rewriting-stream");
-/** A list of valid self closing HTML elements */
-const VALID_SELF_CLOSING_TAGS = new Set([
-    'area',
-    'base',
-    'br',
-    'col',
-    'embed',
-    'hr',
-    'img',
-    'input',
-    'link',
-    'meta',
-    'param',
-    'source',
-    'track',
-    'wbr',
-]);
+const valid_self_closing_tags_1 = require("./valid-self-closing-tags");
 /*
  * Helper function used by the IndexHtmlWebpackPlugin.
  * Can also be directly used by builder, e. g. in order to generate an index.html
@@ -171,7 +155,7 @@ async function augmentIndexHtml(params) {
                 }
                 break;
             default:
-                if (tag.selfClosing && !VALID_SELF_CLOSING_TAGS.has(tag.tagName)) {
+                if (tag.selfClosing && !valid_self_closing_tags_1.VALID_SELF_CLOSING_TAGS.has(tag.tagName)) {
                     errors.push(`Invalid self-closing element in index HTML file: '${rawTagHtml}'.`);
                     return;
                 }

package/src/utils/index-file/valid-self-closing-tags.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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.io/license
+ */
+/** A list of valid self closing HTML elements */
+export declare const VALID_SELF_CLOSING_TAGS: Set<string>;

package/src/utils/index-file/valid-self-closing-tags.js

@@ -0,0 +1,61 @@
+"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.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VALID_SELF_CLOSING_TAGS = void 0;
+/** A list of valid self closing HTML elements */
+exports.VALID_SELF_CLOSING_TAGS = new Set([
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
+    /** SVG tags */
+    'circle',
+    'ellipse',
+    'line',
+    'path',
+    'polygon',
+    'polyline',
+    'rect',
+    'text',
+    'tspan',
+    'linearGradient',
+    'radialGradient',
+    'stop',
+    'image',
+    'pattern',
+    'defs',
+    'g',
+    'marker',
+    'mask',
+    'style',
+    'symbol',
+    'use',
+    'view',
+    /** MathML tags */
+    'mspace',
+    'mphantom',
+    'mrow',
+    'mfrac',
+    'msqrt',
+    'mroot',
+    'mstyle',
+    'merror',
+    'mpadded',
+    'mtable',
+]);

package/src/utils/normalize-cache.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = void 0;
 const node_path_1 = require("node:path");
 /** Version placeholder is replaced during the build process with actual package version */
-const VERSION = '18.0.0';
+const VERSION = '18.0.2';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&
@@ -21,7 +21,9 @@ function hasCacheMetadata(value) {
 }
 function normalizeCacheOptions(projectMetadata, worspaceRoot) {
     const cacheMetadata = hasCacheMetadata(projectMetadata) ? projectMetadata.cli.cache : {};
-    const { enabled = true, environment = 'local', path = '.angular/cache' } = cacheMetadata;
+    const { 
+    // Webcontainers do not currently benefit from persistent disk caching and can lead to increased browser memory usage
+    enabled = !process.versions.webcontainer, environment = 'local', path = '.angular/cache', } = cacheMetadata;
     const isCI = process.env['CI'] === '1' || process.env['CI']?.toLowerCase() === 'true';
     let cacheEnabled = enabled;
     if (cacheEnabled) {