@angular-devkit/build-angular 13.1.0 → 13.2.0-next.1

package/package.json

@@ -1,37 +1,37 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "13.1.0",
+  "version": "13.2.0-next.1",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "1.0.2",
-    "@angular-devkit/architect": "0.1301.0",
-    "@angular-devkit/build-webpack": "0.1301.0",
-    "@angular-devkit/core": "13.1.0",
-    "@babel/core": "7.16.0",
-    "@babel/generator": "7.16.0",
+    "@angular-devkit/architect": "0.1302.0-next.1",
+    "@angular-devkit/build-webpack": "0.1302.0-next.1",
+    "@angular-devkit/core": "13.2.0-next.1",
+    "@babel/core": "7.16.5",
+    "@babel/generator": "7.16.5",
     "@babel/helper-annotate-as-pure": "7.16.0",
-    "@babel/plugin-proposal-async-generator-functions": "7.16.4",
-    "@babel/plugin-transform-async-to-generator": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.16.4",
-    "@babel/preset-env": "7.16.4",
-    "@babel/runtime": "7.16.3",
+    "@babel/plugin-proposal-async-generator-functions": "7.16.5",
+    "@babel/plugin-transform-async-to-generator": "7.16.5",
+    "@babel/plugin-transform-runtime": "7.16.5",
+    "@babel/preset-env": "7.16.5",
+    "@babel/runtime": "7.16.5",
     "@babel/template": "7.16.0",
     "@discoveryjs/json-ext": "0.5.6",
-    "@ngtools/webpack": "13.1.0",
+    "@ngtools/webpack": "13.2.0-next.1",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.3",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.9.1",
     "cacache": "15.3.0",
     "circular-dependency-plugin": "5.2.2",
-    "copy-webpack-plugin": "10.0.0",
+    "copy-webpack-plugin": "10.1.0",
     "core-js": "3.19.3",
     "critters": "0.0.15",
     "css-loader": "6.5.1",
-    "esbuild-wasm": "0.14.2",
+    "esbuild-wasm": "0.14.5",
     "glob": "7.2.0",
     "https-proxy-agent": "5.0.0",
     "inquirer": "8.2.0",
@@ -46,15 +46,15 @@
     "open": "8.4.0",
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "6.0.1",
-    "piscina": "3.1.0",
-    "postcss": "8.4.4",
+    "piscina": "3.2.0",
+    "postcss": "8.4.5",
     "postcss-import": "14.0.2",
     "postcss-loader": "6.2.1",
     "postcss-preset-env": "6.7.0",
     "regenerator-runtime": "0.13.9",
     "resolve-url-loader": "4.0.0",
     "rxjs": "6.6.7",
-    "sass": "1.44.0",
+    "sass": "1.45.0",
     "sass-loader": "12.4.0",
     "semver": "7.3.5",
     "source-map-loader": "3.0.0",
@@ -72,7 +72,7 @@
     "webpack-subresource-integrity": "5.0.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.14.2"
+    "esbuild": "0.14.5"
   },
   "peerDependencies": {
     "@angular/compiler-cli": "^13.0.0 || ^13.1.0-next",
@@ -81,7 +81,7 @@
     "karma": "^6.3.0",
     "ng-packagr": "^13.0.0 || ^13.1.0-next",
     "protractor": "^7.0.0",
-    "tailwindcss": "^2.0.0",
+    "tailwindcss": "^2.0.0 || ^3.0.0",
     "typescript": ">=4.4.3 <4.6"
   },
   "peerDependenciesMeta": {

package/src/sass/sass-service.d.ts

@@ -5,11 +5,11 @@
  * 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
  */
-import { Options, Result, SassException } from 'sass';
+import { LegacyResult as CompileResult, LegacyException as Exception, LegacyOptions as Options } from 'sass';
 /**
  * The callback type for the `dart-sass` asynchronous render function.
  */
-declare type RenderCallback = (error?: SassException, result?: Result) => void;
+declare type RenderCallback = (error?: Exception, result?: CompileResult) => void;
 /**
  * A Sass renderer implementation that provides an interface that can be used by Webpack's
  * `sass-loader`. The implementation uses a Worker thread to perform the Sass rendering
@@ -37,7 +37,7 @@ export declare class SassWorkerImplementation {
      * @param options The `dart-sass` options to use when rendering the stylesheet.
      * @param callback The function to execute when the rendering is complete.
      */
-    render(options: Options, callback: RenderCallback): void;
+    render(options: Options<'async'>, callback: RenderCallback): void;
     /**
      * Shutdown the Sass render worker.
      * Executing this method will stop any pending render requests.

package/src/webpack/configs/styles.js

@@ -340,17 +340,17 @@ function getStylesConfig(wco) {
                     // Setup processing rules for global and component styles
                     {
                         oneOf: [
-                            // Component styles are all styles except defined global styles
-                            {
-                                use: componentStyleLoaders,
-                                resourceQuery: /\?ngResource/,
-                                type: 'asset/source',
-                            },
                             // Global styles are only defined global styles
                             {
                                 use: globalStyleLoaders,
+                                include: globalStylePaths,
                                 resourceQuery: { not: [/\?ngResource/] },
                             },
+                            // Component styles are all styles except defined global styles
+                            {
+                                use: componentStyleLoaders,
+                                type: 'asset/source',
+                            },
                         ],
                     },
                     { use },

package/src/webpack/utils/helpers.d.ts

@@ -5,7 +5,7 @@
  * 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
  */
-import type { ObjectPattern } from 'copy-webpack-plugin';
+import type { ObjectPattern } from 'copy-webpack-plugin/types/index';
 import { ScriptTarget } from 'typescript';
 import type { Configuration, WebpackOptionsNormalized } from 'webpack';
 import { AssetPatternClass, ExtraEntryPoint, ExtraEntryPointClass } from '../../builders/browser/schema';

package/src/webpack/utils/helpers.js

@@ -116,6 +116,7 @@ function getCacheSettings(wco, angularVersion) {
         const packageVersion = require('../../../package.json').version;
         return {
             type: 'filesystem',
+            profile: wco.buildOptions.verbose,
             cacheDirectory: path.join(cacheDirectory, 'angular-webpack'),
             maxMemoryGenerations: 1,
             // We use the versions and build options as the cache name. The Webpack configurations are too