@angular/build 18.2.11 → 18.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "18.2.11",
+  "version": "18.2.13",
   "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.1802.11",
+    "@angular-devkit/architect": "0.1802.13",
     "@babel/core": "7.25.2",
     "@babel/helper-annotate-as-pure": "7.24.7",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -45,7 +45,7 @@
     "rollup": "4.22.4",
     "sass": "1.77.6",
     "semver": "7.6.3",
-    "vite": "5.4.6",
+    "vite": "5.4.14",
     "watchpack": "2.4.1"
   },
   "peerDependencies": {

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

@@ -44,4 +44,5 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
         host?: string;
         port?: number;
     };
+    allowedHosts: true | string[];
 }>;

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

@@ -73,7 +73,7 @@ async function normalizeOptions(context, projectName, options) {
         }
     }
     // Initial options to keep
-    const { host, port, poll, open, verbose, watch, liveReload, hmr, headers, proxyConfig, servePath, ssl, sslCert, sslKey, prebundle, } = options;
+    const { host, port, poll, open, verbose, watch, liveReload, hmr, headers, proxyConfig, servePath, ssl, sslCert, sslKey, prebundle, allowedHosts, } = options;
     // Return all the normalized options
     return {
         buildTarget,
@@ -97,5 +97,6 @@ async function normalizeOptions(context, projectName, options) {
         // Prebundling defaults to true but requires caching to function
         prebundle: cacheOptions.enabled && !optimization.scripts && prebundle,
         inspect,
+        allowedHosts: allowedHosts ? allowedHosts : [],
     };
 }

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

@@ -2,6 +2,12 @@
  * Dev Server target options for Build Facade.
  */
 export interface Schema {
+    /**
+     * The hosts that can access the development server. This option sets the Vite option of the
+     * same name. For further details:
+     * https://vite.dev/config/server-options.html#server-allowedhosts
+     */
+    allowedHosts?: AllowedHosts;
     /**
      * A build builder target to serve in the format of `project:target[:configuration]`. You
      * can also pass in more than one configuration name as a comma-separated list. Example:
@@ -78,6 +84,12 @@ export interface Schema {
      */
     watch?: boolean;
 }
+/**
+ * The hosts that can access the development server. This option sets the Vite option of the
+ * same name. For further details:
+ * https://vite.dev/config/server-options.html#server-allowedhosts
+ */
+export type AllowedHosts = string[] | boolean;
 /**
  * Activate debugging inspector. This option only has an effect when 'SSR' or 'SSG' are
  * enabled.

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

@@ -36,6 +36,23 @@
       "type": "string",
       "description": "SSL certificate to use for serving HTTPS."
     },
+    "allowedHosts": {
+      "description": "The hosts that can access the development server. This option sets the Vite option of the same name. For further details: https://vite.dev/config/server-options.html#server-allowedhosts",
+      "default": [],
+      "oneOf": [
+        {
+          "type": "array",
+          "description": "List of hosts that are allowed to access the development server.",
+          "items": {
+            "type": "string"
+          }
+        },
+        {
+          "type": "boolean",
+          "description": "Indicates that all hosts are allowed. This is not recommended and a security risk."
+        }
+      ]
+    },
     "headers": {
       "type": "object",
       "description": "Custom HTTP headers to be added to all responses.",

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

@@ -411,6 +411,7 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
             strictPort: true,
             host: serverOptions.host,
             open: serverOptions.open,
+            allowedHosts: serverOptions.allowedHosts,
             headers: serverOptions.headers,
             proxy,
             cors: {

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

@@ -333,12 +333,20 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
                 };
             });
             build.onLoad({ filter: /\.[cm]?js$/ }, (0, load_result_cache_1.createCachedLoad)(pluginOptions.loadResultCache, async (args) => {
+                let request = args.path;
+                if (pluginOptions.fileReplacements) {
+                    const replacement = pluginOptions.fileReplacements[path.normalize(args.path)];
+                    if (replacement) {
+                        request = path.normalize(replacement);
+                    }
+                }
                 return (0, profiling_1.profileAsync)('NG_EMIT_JS*', async () => {
-                    const sideEffects = await hasSideEffects(args.path);
-                    const contents = await javascriptTransformer.transformFile(args.path, pluginOptions.jit, sideEffects);
+                    const sideEffects = await hasSideEffects(request);
+                    const contents = await javascriptTransformer.transformFile(request, pluginOptions.jit, sideEffects);
                     return {
                         contents,
                         loader: 'js',
+                        watchFiles: request !== args.path ? [request] : undefined,
                     };
                 }, true);
             }));

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

@@ -65,7 +65,7 @@ class UrlRebasingImporter {
                 continue;
             }
             // Sass variable usage either starts with a `$` or contains a namespace and a `.$`
-            const valueNormalized = value[0] === '$' || /^\w+\.\$/.test(value) ? `#{${value}}` : value;
+            const valueNormalized = value[0] === '$' || /^\w[\w_-]*\.\$/.test(value) ? `#{${value}}` : value;
             const rebasedPath = (0, node_path_1.relative)(this.entryDirectory, stylesheetDirectory);
             // Normalize path separators and escape characters
             // https://developer.mozilla.org/en-US/docs/Web/CSS/url#syntax

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 = '18.2.11';
+const VERSION = '18.2.13';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&