@angular-devkit/build-angular 17.0.7 → 17.0.8

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.0.7",
+  "version": "17.0.8",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.2.1",
-    "@angular-devkit/architect": "0.1700.7",
-    "@angular-devkit/build-webpack": "0.1700.7",
-    "@angular-devkit/core": "17.0.7",
+    "@angular-devkit/architect": "0.1700.8",
+    "@angular-devkit/build-webpack": "0.1700.8",
+    "@angular-devkit/core": "17.0.8",
     "@babel/core": "7.23.2",
     "@babel/generator": "7.23.0",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.23.2",
     "@babel/runtime": "7.23.2",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.0.7",
+    "@ngtools/webpack": "17.0.8",
     "@vitejs/plugin-basic-ssl": "1.0.1",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.16",

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

@@ -505,11 +505,9 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                                 return;
                             }
                             transformIndexHtmlAndAddHeaders(url, rawHtml, res, next, async (html) => {
-                                const protocol = serverOptions.ssl ? 'https' : 'http';
-                                const route = `${protocol}://${req.headers.host}${req.originalUrl}`;
                                 const { content } = await (0, render_page_1.renderPage)({
                                     document: html,
-                                    route,
+                                    route: new URL(req.originalUrl ?? '/', server.resolvedUrls?.local[0]).toString(),
                                     serverContext: 'ssr',
                                     loadBundle: (uri) => 
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/tools/esbuild/angular/angular-host.js

@@ -40,7 +40,7 @@ function createAngularCompilerHost(compilerOptions, hostOptions) {
             return null;
         }
         const result = await hostOptions.transformStylesheet(data, context.containingFile, context.resourceFile ?? undefined);
-        return result ? { content: result } : null;
+        return typeof result === 'string' ? { content: result } : null;
     };
     // Allow the AOT compiler to request the set of changed templates and styles
     host.getModifiedResourceFiles = function () {

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

@@ -401,22 +401,19 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
 function bundleWebWorker(build, pluginOptions, workerFile) {
     try {
         return build.esbuild.buildSync({
+            ...build.initialOptions,
             platform: 'browser',
             write: false,
             bundle: true,
             metafile: true,
             format: 'esm',
-            mainFields: ['es2020', 'es2015', 'browser', 'module', 'main'],
-            logLevel: 'silent',
-            sourcemap: pluginOptions.sourcemap,
             entryNames: 'worker-[hash]',
             entryPoints: [workerFile],
-            absWorkingDir: build.initialOptions.absWorkingDir,
-            outdir: build.initialOptions.outdir,
-            minifyIdentifiers: build.initialOptions.minifyIdentifiers,
-            minifySyntax: build.initialOptions.minifySyntax,
-            minifyWhitespace: build.initialOptions.minifyWhitespace,
-            target: build.initialOptions.target,
+            sourcemap: pluginOptions.sourcemap,
+            // Zone.js is not used in Web workers so no need to disable
+            supported: undefined,
+            // Plugins are not supported in sync esbuild calls
+            plugins: undefined,
         });
     }
     catch (error) {

package/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.js

@@ -49,7 +49,15 @@ let postcss;
  *
  * Based on https://tailwindcss.com/docs/functions-and-directives
  */
-const TAILWIND_KEYWORDS = ['@tailwind', '@layer', '@apply', '@config', 'theme(', 'screen('];
+const TAILWIND_KEYWORDS = [
+    '@tailwind',
+    '@layer',
+    '@apply',
+    '@config',
+    'theme(',
+    'screen(',
+    '@screen', // Undocumented in version 3, see: https://github.com/tailwindlabs/tailwindcss/discussions/7516.
+];
 /**
  * Cached postcss instances that can be re-used between various StylesheetPluginFactory instances.
  */