@angular-devkit/build-angular 17.3.3 → 17.3.5

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.3.3",
+  "version": "17.3.5",
   "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.1703.3",
-    "@angular-devkit/build-webpack": "0.1703.3",
-    "@angular-devkit/core": "17.3.3",
+    "@angular-devkit/architect": "0.1703.5",
+    "@angular-devkit/build-webpack": "0.1703.5",
+    "@angular-devkit/core": "17.3.5",
     "@babel/core": "7.24.0",
     "@babel/generator": "7.23.6",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.24.0",
     "@babel/runtime": "7.24.0",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.3.3",
+    "@ngtools/webpack": "17.3.5",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.18",
@@ -61,8 +61,8 @@
     "terser": "5.29.1",
     "tree-kill": "1.2.2",
     "tslib": "2.6.2",
-    "undici": "6.7.1",
-    "vite": "5.1.5",
+    "undici": "6.11.1",
+    "vite": "5.1.7",
     "watchpack": "2.4.0",
     "webpack": "5.90.3",
     "webpack-dev-middleware": "6.1.2",

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

@@ -341,16 +341,16 @@ exports.createCompilerPlugin = createCompilerPlugin;
 function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserveSymlinks) {
     return (compilerOptions) => {
         // target of 9 is ES2022 (using the number avoids an expensive import of typescript just for an enum)
-        if (compilerOptions.target === undefined || compilerOptions.target < 9) {
+        if (compilerOptions.target === undefined || compilerOptions.target < 9 /** ES2022 */) {
             // If 'useDefineForClassFields' is already defined in the users project leave the value as is.
             // Otherwise fallback to false due to https://github.com/microsoft/TypeScript/issues/45995
             // which breaks the deprecated `@Effects` NGRX decorator and potentially other existing code as well.
-            compilerOptions.target = 9;
+            compilerOptions.target = 9 /** ES2022 */;
             compilerOptions.useDefineForClassFields ??= false;
             // Only add the warning on the initial build
             setupWarnings?.push({
-                text: 'TypeScript compiler options "target" and "useDefineForClassFields" are set to "ES2022" and ' +
-                    '"false" respectively by the Angular CLI.',
+                text: `TypeScript compiler options 'target' and 'useDefineForClassFields' are set to 'ES2022' and ` +
+                    `'false' respectively by the Angular CLI.`,
                 location: { file: pluginOptions.tsconfig },
                 notes: [
                     {
@@ -377,6 +377,14 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
         else {
             compilerOptions.incremental = false;
         }
+        if (compilerOptions.module === undefined || compilerOptions.module < 5 /** ES2015 */) {
+            compilerOptions.module = 7; /** ES2022 */
+            setupWarnings?.push({
+                text: `TypeScript compiler options 'module' values 'CommonJS', 'UMD', 'System' and 'AMD' are not supported.`,
+                location: null,
+                notes: [{ text: `The 'module' option will be set to 'ES2022' instead.` }],
+            });
+        }
         return {
             ...compilerOptions,
             noEmitOnError: false,

package/src/tools/esbuild/javascript-transformer.js

@@ -87,7 +87,11 @@ class JavaScriptTransformer {
                 skipLinker,
                 sideEffects,
                 ...this.#commonOptions,
-            }, { transferList: [data.buffer] }));
+            }, {
+                // The below is disable as with Yarn PNP this causes build failures with the below message
+                // `Unable to deserialize cloned data`.
+                transferList: process.versions.pnp ? undefined : [data.buffer],
+            }));
             // If there is a cache then store the result
             if (this.cache && cacheKey) {
                 try {

package/src/utils/index-file/inline-fonts.js

@@ -145,7 +145,7 @@ class InlineFontsProcessor {
                     if (hrefAttr) {
                         const href = hrefAttr.value;
                         const cssContent = hrefsContent.get(href);
-                        rewriter.emitRaw(`<style type="text/css">${cssContent}</style>`);
+                        rewriter.emitRaw(`<style>${cssContent}</style>`);
                     }
                     else {
                         rewriter.emitStartTag(tag);