ng-packagr 12.2.1 → 12.2.5

package/lib/esbuild/esbuild-check.js

@@ -0,0 +1,8 @@
+// If the platform does not support the native variant of esbuild, this will crash.
+// This script can then be spawned by the CLI to determine if native usage is supported.
+require('esbuild')
+  .formatMessages([], { kind: 'error ' })
+  .then(
+    () => {},
+    () => {},
+  );

package/lib/esbuild/esbuild-executor.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @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
+ */
+import type { FormatMessagesOptions, PartialMessage, TransformOptions, TransformResult } from 'esbuild';
+/**
+ * Provides the ability to execute esbuild regardless of the current platform's support
+ * for using the native variant of esbuild. The native variant will be preferred (assuming
+ * the `alwaysUseWasm` constructor option is `false) due to its inherent performance advantages.
+ * At first use of esbuild, a supportability test will be automatically performed and the
+ * WASM-variant will be used if needed by the platform.
+ */
+export declare class EsbuildExecutor implements Pick<typeof import('esbuild'), 'transform' | 'formatMessages'> {
+    private alwaysUseWasm;
+    private esbuildTransform;
+    private esbuildFormatMessages;
+    private initialized;
+    /**
+     * Constructs an instance of the `EsbuildExecutor` class.
+     *
+     * @param alwaysUseWasm If true, the WASM-variant will be preferred and no support test will be
+     * performed; if false (default), the native variant will be preferred.
+     */
+    constructor(alwaysUseWasm?: boolean);
+    /**
+     * Determines whether the native variant of esbuild can be used on the current platform.
+     *
+     * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.
+     */
+    static hasNativeSupport(): boolean;
+    /**
+     * Initializes the esbuild transform and format messages functions.
+     *
+     * @returns A promise that fulfills when esbuild has been loaded and available for use.
+     */
+    private ensureEsbuild;
+    /**
+     * Transitions an executor instance to use the WASM-variant of esbuild.
+     */
+    private useWasm;
+    transform(input: string, options?: TransformOptions): Promise<TransformResult>;
+    formatMessages(messages: PartialMessage[], options: FormatMessagesOptions): Promise<string[]>;
+}

package/lib/esbuild/esbuild-executor.js

@@ -0,0 +1,108 @@
+"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.EsbuildExecutor = void 0;
+const child_process_1 = require("child_process");
+const path = require("path");
+/**
+ * Provides the ability to execute esbuild regardless of the current platform's support
+ * for using the native variant of esbuild. The native variant will be preferred (assuming
+ * the `alwaysUseWasm` constructor option is `false) due to its inherent performance advantages.
+ * At first use of esbuild, a supportability test will be automatically performed and the
+ * WASM-variant will be used if needed by the platform.
+ */
+class EsbuildExecutor {
+    /**
+     * Constructs an instance of the `EsbuildExecutor` class.
+     *
+     * @param alwaysUseWasm If true, the WASM-variant will be preferred and no support test will be
+     * performed; if false (default), the native variant will be preferred.
+     */
+    constructor(alwaysUseWasm = false) {
+        this.alwaysUseWasm = alwaysUseWasm;
+        this.initialized = false;
+        this.esbuildTransform = this.esbuildFormatMessages = () => {
+            throw new Error('esbuild implementation missing');
+        };
+    }
+    /**
+     * Determines whether the native variant of esbuild can be used on the current platform.
+     *
+     * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.
+     */
+    static hasNativeSupport() {
+        // Try to use native variant to ensure it is functional for the platform.
+        // Spawning a separate esbuild check process is used to determine if the native
+        // variant is viable. If check fails, the WASM variant is initialized instead.
+        // Attempting to call one of the native esbuild functions is not a viable test
+        // currently since esbuild spawn errors are currently not propagated through the
+        // call stack for the esbuild function. If this limitation is removed in the future
+        // then the separate process spawn check can be removed in favor of a direct function
+        // call check.
+        try {
+            const { status, error } = child_process_1.spawnSync(process.execPath, [
+                path.join(__dirname, './esbuild-check.js'),
+            ]);
+            return status === 0 && error === undefined;
+        }
+        catch {
+            return false;
+        }
+    }
+    /**
+     * Initializes the esbuild transform and format messages functions.
+     *
+     * @returns A promise that fulfills when esbuild has been loaded and available for use.
+     */
+    async ensureEsbuild() {
+        if (this.initialized) {
+            return;
+        }
+        // If the WASM variant was preferred at class construction or native is not supported, use WASM
+        if (this.alwaysUseWasm || !EsbuildExecutor.hasNativeSupport()) {
+            await this.useWasm();
+            this.initialized = true;
+            return;
+        }
+        try {
+            // Use the faster native variant if available.
+            const { transform, formatMessages } = await Promise.resolve().then(() => require('esbuild'));
+            this.esbuildTransform = transform;
+            this.esbuildFormatMessages = formatMessages;
+        }
+        catch {
+            // If the native variant is not installed then use the WASM-based variant
+            await this.useWasm();
+        }
+        this.initialized = true;
+    }
+    /**
+     * Transitions an executor instance to use the WASM-variant of esbuild.
+     */
+    async useWasm() {
+        const { transform, formatMessages } = await Promise.resolve().then(() => require('esbuild-wasm'));
+        this.esbuildTransform = transform;
+        this.esbuildFormatMessages = formatMessages;
+        // The ESBUILD_BINARY_PATH environment variable cannot exist when attempting to use the
+        // WASM variant. If it is then the binary located at the specified path will be used instead
+        // of the WASM variant.
+        delete process.env.ESBUILD_BINARY_PATH;
+        this.alwaysUseWasm = true;
+    }
+    async transform(input, options) {
+        await this.ensureEsbuild();
+        return this.esbuildTransform(input, options);
+    }
+    async formatMessages(messages, options) {
+        await this.ensureEsbuild();
+        return this.esbuildFormatMessages(messages, options);
+    }
+}
+exports.EsbuildExecutor = EsbuildExecutor;
+//# sourceMappingURL=esbuild-executor.js.map

package/lib/esbuild/esbuild-executor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuild-executor.js","sourceRoot":"","sources":["../../../src/lib/esbuild/esbuild-executor.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEF,iDAA0C;AAO1C,6BAA6B;AAE7B;;;;;;GAMG;AACH,MAAa,eAAe;IAO1B;;;;;OAKG;IACH,YAAoB,gBAAgB,KAAK;QAArB,kBAAa,GAAb,aAAa,CAAQ;QARjC,gBAAW,GAAG,KAAK,CAAC;QAS1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE;YACxD,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,gBAAgB;QACrB,yEAAyE;QACzE,+EAA+E;QAC/E,8EAA8E;QAC9E,8EAA8E;QAC9E,gFAAgF;QAChF,mFAAmF;QACnF,qFAAqF;QACrF,cAAc;QACd,IAAI;YACF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,yBAAS,CAAC,OAAO,CAAC,QAAQ,EAAE;gBACpD,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,oBAAoB,CAAC;aAC3C,CAAC,CAAC;YAEH,OAAO,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS,CAAC;SAC5C;QAAC,MAAM;YACN,OAAO,KAAK,CAAC;SACd;IACH,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,aAAa;QACzB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QAED,+FAA+F;QAC/F,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,EAAE;YAC7D,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YAExB,OAAO;SACR;QAED,IAAI;YACF,8CAA8C;YAC9C,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,2CAAa,SAAS,EAAC,CAAC;YAE9D,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;YAClC,IAAI,CAAC,qBAAqB,GAAG,cAAc,CAAC;SAC7C;QAAC,MAAM;YACN,yEAAyE;YACzE,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,OAAO;QACnB,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,2CAAa,cAAc,EAAC,CAAC;QACnE,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAClC,IAAI,CAAC,qBAAqB,GAAG,cAAc,CAAC;QAE5C,uFAAuF;QACvF,4FAA4F;QAC5F,uBAAuB;QACvB,OAAO,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;QAEvC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,KAAa,EAAE,OAA0B;QACvD,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAE3B,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,KAAK,CAAC,cAAc,CAClB,QAA0B,EAC1B,OAA8B;QAE9B,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAE3B,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;CACF;AA1GD,0CA0GC","sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n import { spawnSync } from 'child_process';\n import type {\n   FormatMessagesOptions,\n   PartialMessage,\n   TransformOptions,\n   TransformResult,\n } from 'esbuild';\n import * as path from 'path';\n \n /**\n  * Provides the ability to execute esbuild regardless of the current platform's support\n  * for using the native variant of esbuild. The native variant will be preferred (assuming\n  * the `alwaysUseWasm` constructor option is `false) due to its inherent performance advantages.\n  * At first use of esbuild, a supportability test will be automatically performed and the\n  * WASM-variant will be used if needed by the platform.\n  */\n export class EsbuildExecutor\n   implements Pick<typeof import('esbuild'), 'transform' | 'formatMessages'>\n {\n   private esbuildTransform: this['transform'];\n   private esbuildFormatMessages: this['formatMessages'];\n   private initialized = false;\n \n   /**\n    * Constructs an instance of the `EsbuildExecutor` class.\n    *\n    * @param alwaysUseWasm If true, the WASM-variant will be preferred and no support test will be\n    * performed; if false (default), the native variant will be preferred.\n    */\n   constructor(private alwaysUseWasm = false) {\n     this.esbuildTransform = this.esbuildFormatMessages = () => {\n       throw new Error('esbuild implementation missing');\n     };\n   }\n \n   /**\n    * Determines whether the native variant of esbuild can be used on the current platform.\n    *\n    * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.\n    */\n   static hasNativeSupport(): boolean {\n     // Try to use native variant to ensure it is functional for the platform.\n     // Spawning a separate esbuild check process is used to determine if the native\n     // variant is viable. If check fails, the WASM variant is initialized instead.\n     // Attempting to call one of the native esbuild functions is not a viable test\n     // currently since esbuild spawn errors are currently not propagated through the\n     // call stack for the esbuild function. If this limitation is removed in the future\n     // then the separate process spawn check can be removed in favor of a direct function\n     // call check.\n     try {\n       const { status, error } = spawnSync(process.execPath, [\n         path.join(__dirname, './esbuild-check.js'),\n       ]);\n \n       return status === 0 && error === undefined;\n     } catch {\n       return false;\n     }\n   }\n \n   /**\n    * Initializes the esbuild transform and format messages functions.\n    *\n    * @returns A promise that fulfills when esbuild has been loaded and available for use.\n    */\n   private async ensureEsbuild(): Promise<void> {\n     if (this.initialized) {\n       return;\n     }\n \n     // If the WASM variant was preferred at class construction or native is not supported, use WASM\n     if (this.alwaysUseWasm || !EsbuildExecutor.hasNativeSupport()) {\n       await this.useWasm();\n       this.initialized = true;\n \n       return;\n     }\n \n     try {\n       // Use the faster native variant if available.\n       const { transform, formatMessages } = await import('esbuild');\n \n       this.esbuildTransform = transform;\n       this.esbuildFormatMessages = formatMessages;\n     } catch {\n       // If the native variant is not installed then use the WASM-based variant\n       await this.useWasm();\n     }\n \n     this.initialized = true;\n   }\n \n   /**\n    * Transitions an executor instance to use the WASM-variant of esbuild.\n    */\n   private async useWasm(): Promise<void> {\n     const { transform, formatMessages } = await import('esbuild-wasm');\n     this.esbuildTransform = transform;\n     this.esbuildFormatMessages = formatMessages;\n \n     // The ESBUILD_BINARY_PATH environment variable cannot exist when attempting to use the\n     // WASM variant. If it is then the binary located at the specified path will be used instead\n     // of the WASM variant.\n     delete process.env.ESBUILD_BINARY_PATH;\n \n     this.alwaysUseWasm = true;\n   }\n \n   async transform(input: string, options?: TransformOptions): Promise<TransformResult> {\n     await this.ensureEsbuild();\n \n     return this.esbuildTransform(input, options);\n   }\n \n   async formatMessages(\n     messages: PartialMessage[],\n     options: FormatMessagesOptions,\n   ): Promise<string[]> {\n     await this.ensureEsbuild();\n \n     return this.esbuildFormatMessages(messages, options);\n   }\n }"]}

package/lib/ivy/styles/stylesheet-processor.d.ts

@@ -11,8 +11,10 @@ export declare class StylesheetProcessor {
     private readonly basePath;
     private readonly cssUrl?;
     private readonly styleIncludePaths?;
+    private targets;
     private browserslistData;
     private postCssProcessor;
+    private esbuild;
     constructor(basePath: string, cssUrl?: CssUrl, styleIncludePaths?: string[]);
     process(filePath: string): Promise<string>;
     private createPostCssPlugins;

package/lib/ivy/styles/stylesheet-processor.js

@@ -7,12 +7,12 @@ const os_1 = require("os");
 const cacache = require("cacache");
 const postcss_1 = require("postcss");
 const postcssUrl = require("postcss-url");
-const esbuild_1 = require("esbuild");
 const postcssPresetEnv = require("postcss-preset-env");
 const log = require("../../utils/log");
 const fs_1 = require("../../utils/fs");
 const crypto_1 = require("crypto");
 const path_1 = require("path");
+const esbuild_executor_1 = require("../../esbuild/esbuild-executor");
 var CssUrl;
 (function (CssUrl) {
     CssUrl["inline"] = "inline";
@@ -32,8 +32,22 @@ class StylesheetProcessor {
         this.basePath = basePath;
         this.cssUrl = cssUrl;
         this.styleIncludePaths = styleIncludePaths;
+        this.esbuild = new esbuild_executor_1.EsbuildExecutor();
         log.debug(`determine browserslist for ${this.basePath}`);
+        // By default, browserslist defaults are too inclusive
+        // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522
+        // We change the default query to browsers that Angular support.
+        // https://angular.io/guide/browser-support
+        browserslist.defaults = [
+            'last 1 Chrome version',
+            'last 1 Firefox version',
+            'last 2 Edge major versions',
+            'last 2 Safari major versions',
+            'last 2 iOS major versions',
+            'Firefox ESR',
+        ];
         this.browserslistData = browserslist(undefined, { path: this.basePath });
+        this.targets = transformSupportedBrowsersToTargets(this.browserslistData);
         this.postCssProcessor = this.createPostCssPlugins();
     }
     async process(filePath) {
@@ -66,13 +80,14 @@ class StylesheetProcessor {
             to: filePath.replace(path_1.extname(filePath), '.css'),
         });
         const warnings = result.warnings().map(w => w.toString());
-        const { code, warnings: esBuildWarnings } = await esbuild_1.transform(result.css, {
+        const { code, warnings: esBuildWarnings } = await this.esbuild.transform(result.css, {
             loader: 'css',
             minify: true,
+            target: this.targets,
             sourcefile: filePath,
         });
         if (esBuildWarnings.length > 0) {
-            warnings.push(...(await esbuild_1.formatMessages(esBuildWarnings, { kind: 'warning' })));
+            warnings.push(...(await this.esbuild.formatMessages(esBuildWarnings, { kind: 'warning' })));
         }
         // Add to cache
         await cacache.put(cachePath, key, JSON.stringify({
@@ -130,6 +145,7 @@ class StylesheetProcessor {
                     filename: filePath,
                     javascriptEnabled: true,
                     paths: this.styleIncludePaths,
+                    math: 'always',
                 });
                 return content;
             }
@@ -163,4 +179,31 @@ async function readCacheEntry(cachePath, key) {
     }
     return undefined;
 }
+function transformSupportedBrowsersToTargets(supportedBrowsers) {
+    const transformed = [];
+    // https://esbuild.github.io/api/#target
+    const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);
+    for (const browser of supportedBrowsers) {
+        let [browserName, version] = browser.split(' ');
+        // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`
+        if (browserName === 'ios_saf') {
+            browserName = 'ios';
+            // browserslist also uses ranges for iOS Safari versions but only the lowest is required
+            // to perform minimum supported feature checks. esbuild also expects a single version.
+            [version] = version.split('-');
+        }
+        if (browserName === 'ie') {
+            transformed.push('edge12');
+        }
+        else if (esBuildSupportedBrowsers.has(browserName)) {
+            if (browserName === 'safari' && version === 'TP') {
+                // esbuild only supports numeric versions so `TP` is converted to a high number (999) since
+                // a Technology Preview (TP) of Safari is assumed to support all currently known features.
+                version = '999';
+            }
+            transformed.push(browserName + version);
+        }
+    }
+    return transformed.length ? transformed : undefined;
+}
 //# sourceMappingURL=stylesheet-processor.js.map

package/lib/ivy/styles/stylesheet-processor.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet-processor.js","sourceRoot":"","sources":["../../../../src/lib/ivy/styles/stylesheet-processor.ts"],"names":[],"mappings":"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","sourcesContent":["import * as browserslist from 'browserslist';\nimport * as findCacheDirectory from 'find-cache-dir';\nimport { tmpdir } from 'os';\nimport * as cacache from 'cacache';\nimport postcss from 'postcss';\nimport * as postcssUrl from 'postcss-url';\nimport { transform, formatMessages } from 'esbuild';\nimport * as postcssPresetEnv from 'postcss-preset-env';\nimport * as log from '../../utils/log';\nimport { readFile } from '../../utils/fs';\nimport { createHash } from 'crypto';\nimport { extname } from 'path';\n\nexport enum CssUrl {\n  inline = 'inline',\n  none = 'none',\n}\n\nexport interface Result {\n  css: string;\n  warnings: string[];\n  error?: string;\n}\n\nconst cachePath = findCacheDirectory({ name: 'ng-packagr-styles' }) || tmpdir();\nlet ngPackagrVersion: string | undefined;\ntry {\n  ngPackagrVersion = require('../../../package.json').version;\n} catch {\n  // dev path\n  ngPackagrVersion = require('../../../../package.json').version;\n}\n\nexport class StylesheetProcessor {\n  private browserslistData: string[];\n  private postCssProcessor: ReturnType<typeof postcss>;\n\n  constructor(\n    private readonly basePath: string,\n    private readonly cssUrl?: CssUrl,\n    private readonly styleIncludePaths?: string[],\n  ) {\n    log.debug(`determine browserslist for ${this.basePath}`);\n    this.browserslistData = browserslist(undefined, { path: this.basePath });\n    this.postCssProcessor = this.createPostCssPlugins();\n  }\n\n  async process(filePath: string): Promise<string> {\n    const content = await readFile(filePath, 'utf8');\n    let key: string | undefined;\n\n    if (!content.includes('@import') && !content.includes('@use')) {\n      // No transitive deps, we can cache more aggressively.\n      key = generateKey(content, this.browserslistData);\n      const result = await readCacheEntry(cachePath, key);\n      if (result) {\n        result.warnings.forEach(msg => log.warn(msg));\n        return result.css;\n      }\n    }\n\n    // Render pre-processor language (sass, styl, less)\n    const renderedCss = await this.renderCss(filePath, content);\n\n    // We cannot cache CSS re-rendering phase, because a transitive dependency via (@import) can case different CSS output.\n    // Example a change in a mixin or SCSS variable.\n    if (!key) {\n      key = generateKey(renderedCss, this.browserslistData);\n    }\n\n    const cachedResult = await readCacheEntry(cachePath, key);\n    if (cachedResult) {\n      cachedResult.warnings.forEach(msg => log.warn(msg));\n      return cachedResult.css;\n    }\n\n    // Render postcss (autoprefixing and friends)\n    const result = await this.postCssProcessor.process(renderedCss, {\n      from: filePath,\n      to: filePath.replace(extname(filePath), '.css'),\n    });\n\n    const warnings = result.warnings().map(w => w.toString());\n    const { code, warnings: esBuildWarnings } = await transform(result.css, {\n      loader: 'css',\n      minify: true,\n      sourcefile: filePath,\n    });\n\n    if (esBuildWarnings.length > 0) {\n      warnings.push(...(await formatMessages(esBuildWarnings, { kind: 'warning' })));\n    }\n\n    // Add to cache\n    await cacache.put(\n      cachePath,\n      key,\n      JSON.stringify({\n        css: code,\n        warnings,\n      }),\n    );\n\n    warnings.forEach(msg => log.warn(msg));\n\n    return code;\n  }\n\n  private createPostCssPlugins(): ReturnType<typeof postcss> {\n    const postCssPlugins = [];\n    if (this.cssUrl !== CssUrl.none) {\n      postCssPlugins.push(postcssUrl({ url: this.cssUrl }));\n    }\n\n    postCssPlugins.push(\n      postcssPresetEnv({\n        browsers: this.browserslistData,\n        autoprefixer: true,\n        stage: 3,\n      }),\n    );\n\n    return postcss(postCssPlugins);\n  }\n\n  private async renderCss(filePath: string, css: string): Promise<string> {\n    const ext = extname(filePath);\n\n    switch (ext) {\n      case '.sass':\n      case '.scss': {\n        /*\n         * Please be aware of the few differences in behaviour https://github.com/sass/dart-sass/blob/master/README.md#behavioral-differences-from-ruby-sass\n         * By default `npm install` will install sass.\n         * To use node-sass you need to use:\n         *   Npm:\n         *     `npm install node-sass --save-dev`\n         *   Yarn:\n         *     `yarn add node-sass --dev`\n         */\n        let sassCompiler: any | undefined;\n        try {\n          sassCompiler = require('node-sass'); // Check if node-sass is explicitly included.\n        } catch {\n          sassCompiler = await import('sass');\n        }\n\n        return sassCompiler\n          .renderSync({\n            file: filePath,\n            data: css,\n            indentedSyntax: '.sass' === ext,\n            importer: await import('node-sass-tilde-importer'),\n            includePaths: this.styleIncludePaths,\n          })\n          .css.toString();\n      }\n      case '.less': {\n        const { css: content } = await (\n          await import('less')\n        ).render(css, {\n          filename: filePath,\n          javascriptEnabled: true,\n          paths: this.styleIncludePaths,\n        });\n\n        return content;\n      }\n      case '.styl':\n      case '.stylus': {\n        const stylus = await import('stylus');\n\n        return (\n          stylus(css)\n            // add paths for resolve\n            .set('paths', [this.basePath, '.', ...this.styleIncludePaths, 'node_modules'])\n            // add support for resolving plugins from node_modules\n            .set('filename', filePath)\n            // turn on url resolver in stylus, same as flag --resolve-url\n            .set('resolve url', true)\n            .define('url', stylus.resolver(undefined))\n            .render()\n        );\n      }\n      case '.css':\n      default:\n        return css;\n    }\n  }\n}\n\nfunction generateKey(content: string, browserslistData: string[]): string {\n  return createHash('sha1').update(ngPackagrVersion).update(content).update(browserslistData.join('')).digest('hex');\n}\n\nasync function readCacheEntry(cachePath: string, key: string): Promise<Result | undefined> {\n  const entry = await cacache.get.info(cachePath, key);\n  if (entry) {\n    return JSON.parse(await readFile(entry.path, 'utf8'));\n  }\n\n  return undefined;\n}\n"]}
+{"version":3,"file":"stylesheet-processor.js","sourceRoot":"","sources":["../../../../src/lib/ivy/styles/stylesheet-processor.ts"],"names":[],"mappings":"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","sourcesContent":["import * as browserslist from 'browserslist';\nimport * as findCacheDirectory from 'find-cache-dir';\nimport { tmpdir } from 'os';\nimport * as cacache from 'cacache';\nimport postcss from 'postcss';\nimport * as postcssUrl from 'postcss-url';\nimport * as postcssPresetEnv from 'postcss-preset-env';\nimport * as log from '../../utils/log';\nimport { readFile } from '../../utils/fs';\nimport { createHash } from 'crypto';\nimport { extname } from 'path';\nimport { EsbuildExecutor } from '../../esbuild/esbuild-executor';\n\nexport enum CssUrl {\n  inline = 'inline',\n  none = 'none',\n}\n\nexport interface Result {\n  css: string;\n  warnings: string[];\n  error?: string;\n}\n\nconst cachePath = findCacheDirectory({ name: 'ng-packagr-styles' }) || tmpdir();\nlet ngPackagrVersion: string | undefined;\ntry {\n  ngPackagrVersion = require('../../../package.json').version;\n} catch {\n  // dev path\n  ngPackagrVersion = require('../../../../package.json').version;\n}\nexport class StylesheetProcessor {\n  private targets: string[];\n  private browserslistData: string[];\n  private postCssProcessor: ReturnType<typeof postcss>;\n  private esbuild = new EsbuildExecutor();\n\n  constructor(\n    private readonly basePath: string,\n    private readonly cssUrl?: CssUrl,\n    private readonly styleIncludePaths?: string[],\n  ) {\n    log.debug(`determine browserslist for ${this.basePath}`);\n\n    // By default, browserslist defaults are too inclusive\n    // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522\n\n    // We change the default query to browsers that Angular support.\n    // https://angular.io/guide/browser-support\n    (browserslist.defaults as string[]) = [\n      'last 1 Chrome version',\n      'last 1 Firefox version',\n      'last 2 Edge major versions',\n      'last 2 Safari major versions',\n      'last 2 iOS major versions',\n      'Firefox ESR',\n    ];\n\n    this.browserslistData = browserslist(undefined, { path: this.basePath });\n    this.targets = transformSupportedBrowsersToTargets(this.browserslistData);\n    this.postCssProcessor = this.createPostCssPlugins();\n  }\n\n  async process(filePath: string): Promise<string> {\n    const content = await readFile(filePath, 'utf8');\n    let key: string | undefined;\n\n    if (!content.includes('@import') && !content.includes('@use')) {\n      // No transitive deps, we can cache more aggressively.\n      key = generateKey(content, this.browserslistData);\n      const result = await readCacheEntry(cachePath, key);\n      if (result) {\n        result.warnings.forEach(msg => log.warn(msg));\n        return result.css;\n      }\n    }\n\n    // Render pre-processor language (sass, styl, less)\n    const renderedCss = await this.renderCss(filePath, content);\n\n    // We cannot cache CSS re-rendering phase, because a transitive dependency via (@import) can case different CSS output.\n    // Example a change in a mixin or SCSS variable.\n    if (!key) {\n      key = generateKey(renderedCss, this.browserslistData);\n    }\n\n    const cachedResult = await readCacheEntry(cachePath, key);\n    if (cachedResult) {\n      cachedResult.warnings.forEach(msg => log.warn(msg));\n      return cachedResult.css;\n    }\n\n    // Render postcss (autoprefixing and friends)\n    const result = await this.postCssProcessor.process(renderedCss, {\n      from: filePath,\n      to: filePath.replace(extname(filePath), '.css'),\n    });\n\n    const warnings = result.warnings().map(w => w.toString());\n    const { code, warnings: esBuildWarnings } = await this.esbuild.transform(result.css, {\n      loader: 'css',\n      minify: true,\n      target: this.targets,\n      sourcefile: filePath,\n    });\n\n    if (esBuildWarnings.length > 0) {\n      warnings.push(...(await this.esbuild.formatMessages(esBuildWarnings, { kind: 'warning' })));\n    }\n\n    // Add to cache\n    await cacache.put(\n      cachePath,\n      key,\n      JSON.stringify({\n        css: code,\n        warnings,\n      }),\n    );\n\n    warnings.forEach(msg => log.warn(msg));\n\n    return code;\n  }\n\n  private createPostCssPlugins(): ReturnType<typeof postcss> {\n    const postCssPlugins = [];\n    if (this.cssUrl !== CssUrl.none) {\n      postCssPlugins.push(postcssUrl({ url: this.cssUrl }));\n    }\n\n    postCssPlugins.push(\n      postcssPresetEnv({\n        browsers: this.browserslistData,\n        autoprefixer: true,\n        stage: 3,\n      }),\n    );\n\n    return postcss(postCssPlugins);\n  }\n\n  private async renderCss(filePath: string, css: string): Promise<string> {\n    const ext = extname(filePath);\n\n    switch (ext) {\n      case '.sass':\n      case '.scss': {\n        /*\n         * Please be aware of the few differences in behaviour https://github.com/sass/dart-sass/blob/master/README.md#behavioral-differences-from-ruby-sass\n         * By default `npm install` will install sass.\n         * To use node-sass you need to use:\n         *   Npm:\n         *     `npm install node-sass --save-dev`\n         *   Yarn:\n         *     `yarn add node-sass --dev`\n         */\n        let sassCompiler: any | undefined;\n        try {\n          sassCompiler = require('node-sass'); // Check if node-sass is explicitly included.\n        } catch {\n          sassCompiler = await import('sass');\n        }\n\n        return sassCompiler\n          .renderSync({\n            file: filePath,\n            data: css,\n            indentedSyntax: '.sass' === ext,\n            importer: await import('node-sass-tilde-importer'),\n            includePaths: this.styleIncludePaths,\n          })\n          .css.toString();\n      }\n      case '.less': {\n        const { css: content } = await (\n          await import('less')\n        ).render(css, {\n          filename: filePath,\n          javascriptEnabled: true,\n          paths: this.styleIncludePaths,\n          math: 'always',\n        });\n\n        return content;\n      }\n      case '.styl':\n      case '.stylus': {\n        const stylus = await import('stylus');\n\n        return (\n          stylus(css)\n            // add paths for resolve\n            .set('paths', [this.basePath, '.', ...this.styleIncludePaths, 'node_modules'])\n            // add support for resolving plugins from node_modules\n            .set('filename', filePath)\n            // turn on url resolver in stylus, same as flag --resolve-url\n            .set('resolve url', true)\n            .define('url', stylus.resolver(undefined))\n            .render()\n        );\n      }\n      case '.css':\n      default:\n        return css;\n    }\n  }\n}\n\nfunction generateKey(content: string, browserslistData: string[]): string {\n  return createHash('sha1').update(ngPackagrVersion).update(content).update(browserslistData.join('')).digest('hex');\n}\n\nasync function readCacheEntry(cachePath: string, key: string): Promise<Result | undefined> {\n  const entry = await cacache.get.info(cachePath, key);\n  if (entry) {\n    return JSON.parse(await readFile(entry.path, 'utf8'));\n  }\n\n  return undefined;\n}\n\nfunction transformSupportedBrowsersToTargets(supportedBrowsers: string[]): string[] {\n  const transformed: string[] = [];\n\n  // https://esbuild.github.io/api/#target\n  const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);\n\n  for (const browser of supportedBrowsers) {\n    let [browserName, version] = browser.split(' ');\n\n    // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`\n    if (browserName === 'ios_saf') {\n      browserName = 'ios';\n      // browserslist also uses ranges for iOS Safari versions but only the lowest is required\n      // to perform minimum supported feature checks. esbuild also expects a single version.\n      [version] = version.split('-');\n    }\n\n    if (browserName === 'ie') {\n      transformed.push('edge12');\n    } else if (esBuildSupportedBrowsers.has(browserName)) {\n      if (browserName === 'safari' && version === 'TP') {\n        // esbuild only supports numeric versions so `TP` is converted to a high number (999) since\n        // a Technology Preview (TP) of Safari is assumed to support all currently known features.\n        version = '999';\n      }\n\n      transformed.push(browserName + version);\n    }\n  }\n\n  return transformed.length ? transformed : undefined;\n}\n"]}

package/lib/styles/stylesheet-processor-worker.js

@@ -5,13 +5,14 @@ const crypto_1 = require("crypto");
 const path = require("path");
 const postcss_1 = require("postcss");
 const postcssUrl = require("postcss-url");
-const esbuild_1 = require("esbuild");
 const worker_threads_1 = require("worker_threads");
 const postcssPresetEnv = require("postcss-preset-env");
+const esbuild_executor_1 = require("../esbuild/esbuild-executor");
 const stylesheet_processor_1 = require("./stylesheet-processor");
 const fs_1 = require("../utils/fs");
 const ngPackagrVersion = require('../../package.json').version;
-async function processCss({ filePath, browserslistData, cssUrl, styleIncludePaths, basePath, cachePath, }) {
+async function processCss({ filePath, browserslistData, cssUrl, styleIncludePaths, basePath, cachePath, targets, alwaysUseWasm, }) {
+    const esbuild = new esbuild_executor_1.EsbuildExecutor(alwaysUseWasm);
     const content = await fs_1.readFile(filePath, 'utf8');
     let key;
     if (!content.includes('@import') && !content.includes('@use')) {
@@ -36,13 +37,14 @@ async function processCss({ filePath, browserslistData, cssUrl, styleIncludePath
     // Render postcss (autoprefixing and friends)
     const result = await optimizeCss(filePath, renderedCss, browserslistData, cssUrl);
     const warnings = result.warnings().map(w => w.toString());
-    const { code, warnings: esBuildWarnings } = await esbuild_1.transform(result.css, {
+    const { code, warnings: esBuildWarnings } = await esbuild.transform(result.css, {
         loader: 'css',
         minify: true,
+        target: targets,
         sourcefile: filePath,
     });
     if (esBuildWarnings.length > 0) {
-        warnings.push(...(await esbuild_1.formatMessages(esBuildWarnings, { kind: 'warning' })));
+        warnings.push(...(await esbuild.formatMessages(esBuildWarnings, { kind: 'warning' })));
     }
     // Add to cache
     await cacache.put(cachePath, key, JSON.stringify({
@@ -90,6 +92,7 @@ async function renderCss(filePath, css, basePath, styleIncludePaths) {
                 filename: filePath,
                 javascriptEnabled: true,
                 paths: styleIncludePaths,
+                math: 'always',
             });
             return content;
         }

package/lib/styles/stylesheet-processor-worker.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet-processor-worker.js","sourceRoot":"","sources":["../../../src/lib/styles/stylesheet-processor-worker.ts"],"names":[],"mappings":"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","sourcesContent":["import * as cacache from 'cacache';\nimport { createHash } from 'crypto';\nimport * as path from 'path';\nimport postcss, { LazyResult } from 'postcss';\nimport * as postcssUrl from 'postcss-url';\nimport { formatMessages, transform } from 'esbuild';\nimport { parentPort } from 'worker_threads';\nimport * as postcssPresetEnv from 'postcss-preset-env';\n\nimport { CssUrl, WorkerOptions, WorkerResult } from './stylesheet-processor';\nimport { readFile } from '../utils/fs';\n\nconst ngPackagrVersion = require('../../package.json').version;\n\nasync function processCss({\n  filePath,\n  browserslistData,\n  cssUrl,\n  styleIncludePaths,\n  basePath,\n  cachePath,\n}: WorkerOptions): Promise<WorkerResult> {\n  const content = await readFile(filePath, 'utf8');\n  let key: string | undefined;\n\n  if (!content.includes('@import') && !content.includes('@use')) {\n    // No transitive deps, we can cache more aggressively.\n    key = generateKey(content, browserslistData);\n    const result = await readCacheEntry(cachePath, key);\n    if (result) {\n      return result;\n    }\n  }\n\n  // Render pre-processor language (sass, styl, less)\n  const renderedCss = await renderCss(filePath, content, basePath, styleIncludePaths);\n\n  // We cannot cache CSS re-rendering phase, because a transitive dependency via (@import) can case different CSS output.\n  // Example a change in a mixin or SCSS variable.\n  if (!key) {\n    key = generateKey(renderedCss, browserslistData);\n\n    const cachedResult = await readCacheEntry(cachePath, key);\n    if (cachedResult) {\n      return cachedResult;\n    }\n  }\n\n  // Render postcss (autoprefixing and friends)\n  const result = await optimizeCss(filePath, renderedCss, browserslistData, cssUrl);\n  const warnings = result.warnings().map(w => w.toString());\n\n  const { code, warnings: esBuildWarnings } = await transform(result.css, {\n    loader: 'css',\n    minify: true,\n    sourcefile: filePath,\n  });\n\n  if (esBuildWarnings.length > 0) {\n    warnings.push(...(await formatMessages(esBuildWarnings, { kind: 'warning' })));\n  }\n\n  // Add to cache\n  await cacache.put(\n    cachePath,\n    key,\n    JSON.stringify({\n      css: code,\n      warnings,\n    }),\n  );\n\n  return {\n    css: code,\n    warnings,\n  };\n}\n\nasync function renderCss(\n  filePath: string,\n  css: string,\n  basePath: string,\n  styleIncludePaths?: string[],\n): Promise<string> {\n  const ext = path.extname(filePath);\n\n  switch (ext) {\n    case '.sass':\n    case '.scss': {\n      /*\n       * Please be aware of the few differences in behaviour https://github.com/sass/dart-sass/blob/master/README.md#behavioral-differences-from-ruby-sass\n       * By default `npm install` will install sass.\n       * To use node-sass you need to use:\n       *   Npm:\n       *     `npm install node-sass --save-dev`\n       *   Yarn:\n       *     `yarn add node-sass --dev`\n       */\n      let sassCompiler: any | undefined;\n      try {\n        sassCompiler = require('node-sass'); // Check if node-sass is explicitly included.\n      } catch {\n        sassCompiler = await import('sass');\n      }\n\n      return sassCompiler\n        .renderSync({\n          file: filePath,\n          data: css,\n          indentedSyntax: '.sass' === ext,\n          importer: await import('node-sass-tilde-importer'),\n          includePaths: styleIncludePaths,\n        })\n        .css.toString();\n    }\n    case '.less': {\n      const { css: content } = await (\n        await import('less')\n      ).render(css, {\n        filename: filePath,\n        javascriptEnabled: true,\n        paths: styleIncludePaths,\n      });\n\n      return content;\n    }\n    case '.styl':\n    case '.stylus': {\n      const stylus = await import('stylus');\n\n      return (\n        stylus(css)\n          // add paths for resolve\n          .set('paths', [basePath, '.', ...styleIncludePaths, 'node_modules'])\n          // add support for resolving plugins from node_modules\n          .set('filename', filePath)\n          // turn on url resolver in stylus, same as flag --resolve-url\n          .set('resolve url', true)\n          .define('url', stylus.resolver(undefined))\n          .render()\n      );\n    }\n    case '.css':\n    default:\n      return css;\n  }\n}\n\nfunction optimizeCss(filePath: string, css: string, browsers: string[], cssUrl?: CssUrl): LazyResult {\n  const postCssPlugins = [];\n\n  if (cssUrl !== CssUrl.none) {\n    postCssPlugins.push(postcssUrl({ url: cssUrl }));\n  }\n\n  postCssPlugins.push(\n    postcssPresetEnv({\n      browsers,\n      autoprefixer: true,\n      stage: 3,\n    }),\n  );\n\n  return postcss(postCssPlugins).process(css, {\n    from: filePath,\n    to: filePath.replace(path.extname(filePath), '.css'),\n  });\n}\n\nfunction generateKey(content: string, browserslistData: string[]): string {\n  return createHash('sha1').update(ngPackagrVersion).update(content).update(browserslistData.join('')).digest('hex');\n}\n\nasync function readCacheEntry(cachePath: string, key: string): Promise<WorkerResult | undefined> {\n  const entry = await cacache.get.info(cachePath, key);\n  if (entry) {\n    return JSON.parse(await readFile(entry.path, 'utf8'));\n  }\n\n  return undefined;\n}\n\nparentPort.on('message', async ({ signal, port, workerOptions }) => {\n  try {\n    const result = await processCss(workerOptions);\n    port.postMessage({ ...result });\n  } catch (error) {\n    port.postMessage({ error: error.message });\n  } finally {\n    // Change the value of signal[0] to 1\n    Atomics.add(signal, 0, 1);\n    // Unlock the main thread\n    Atomics.notify(signal, 0);\n    port.close();\n  }\n});\n"]}
+{"version":3,"file":"stylesheet-processor-worker.js","sourceRoot":"","sources":["../../../src/lib/styles/stylesheet-processor-worker.ts"],"names":[],"mappings":"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","sourcesContent":["import * as cacache from 'cacache';\nimport { createHash } from 'crypto';\nimport * as path from 'path';\nimport postcss, { LazyResult } from 'postcss';\nimport * as postcssUrl from 'postcss-url';\nimport { parentPort } from 'worker_threads';\nimport * as postcssPresetEnv from 'postcss-preset-env';\nimport { EsbuildExecutor } from '../esbuild/esbuild-executor';\n\nimport { CssUrl, WorkerOptions, WorkerResult } from './stylesheet-processor';\nimport { readFile } from '../utils/fs';\n\nconst ngPackagrVersion = require('../../package.json').version;\n\nasync function processCss({\n  filePath,\n  browserslistData,\n  cssUrl,\n  styleIncludePaths,\n  basePath,\n  cachePath,\n  targets,\n  alwaysUseWasm,\n}: WorkerOptions): Promise<WorkerResult> {\n  const esbuild = new EsbuildExecutor(alwaysUseWasm);\n  const content = await readFile(filePath, 'utf8');\n  let key: string | undefined;\n\n  if (!content.includes('@import') && !content.includes('@use')) {\n    // No transitive deps, we can cache more aggressively.\n    key = generateKey(content, browserslistData);\n    const result = await readCacheEntry(cachePath, key);\n    if (result) {\n      return result;\n    }\n  }\n\n  // Render pre-processor language (sass, styl, less)\n  const renderedCss = await renderCss(filePath, content, basePath, styleIncludePaths);\n\n  // We cannot cache CSS re-rendering phase, because a transitive dependency via (@import) can case different CSS output.\n  // Example a change in a mixin or SCSS variable.\n  if (!key) {\n    key = generateKey(renderedCss, browserslistData);\n\n    const cachedResult = await readCacheEntry(cachePath, key);\n    if (cachedResult) {\n      return cachedResult;\n    }\n  }\n\n  // Render postcss (autoprefixing and friends)\n  const result = await optimizeCss(filePath, renderedCss, browserslistData, cssUrl);\n  const warnings = result.warnings().map(w => w.toString());\n\n  const { code, warnings: esBuildWarnings } = await esbuild.transform(result.css, {\n    loader: 'css',\n    minify: true,\n    target: targets,\n    sourcefile: filePath,\n  });\n\n  if (esBuildWarnings.length > 0) {\n    warnings.push(...(await esbuild.formatMessages(esBuildWarnings, { kind: 'warning' })));\n  }\n\n  // Add to cache\n  await cacache.put(\n    cachePath,\n    key,\n    JSON.stringify({\n      css: code,\n      warnings,\n    }),\n  );\n\n  return {\n    css: code,\n    warnings,\n  };\n}\n\nasync function renderCss(\n  filePath: string,\n  css: string,\n  basePath: string,\n  styleIncludePaths?: string[],\n): Promise<string> {\n  const ext = path.extname(filePath);\n\n  switch (ext) {\n    case '.sass':\n    case '.scss': {\n      /*\n       * Please be aware of the few differences in behaviour https://github.com/sass/dart-sass/blob/master/README.md#behavioral-differences-from-ruby-sass\n       * By default `npm install` will install sass.\n       * To use node-sass you need to use:\n       *   Npm:\n       *     `npm install node-sass --save-dev`\n       *   Yarn:\n       *     `yarn add node-sass --dev`\n       */\n      let sassCompiler: any | undefined;\n      try {\n        sassCompiler = require('node-sass'); // Check if node-sass is explicitly included.\n      } catch {\n        sassCompiler = await import('sass');\n      }\n\n      return sassCompiler\n        .renderSync({\n          file: filePath,\n          data: css,\n          indentedSyntax: '.sass' === ext,\n          importer: await import('node-sass-tilde-importer'),\n          includePaths: styleIncludePaths,\n        })\n        .css.toString();\n    }\n    case '.less': {\n      const { css: content } = await (\n        await import('less')\n      ).render(css, {\n        filename: filePath,\n        javascriptEnabled: true,\n        paths: styleIncludePaths,\n        math: 'always',\n      });\n\n      return content;\n    }\n    case '.styl':\n    case '.stylus': {\n      const stylus = await import('stylus');\n\n      return (\n        stylus(css)\n          // add paths for resolve\n          .set('paths', [basePath, '.', ...styleIncludePaths, 'node_modules'])\n          // add support for resolving plugins from node_modules\n          .set('filename', filePath)\n          // turn on url resolver in stylus, same as flag --resolve-url\n          .set('resolve url', true)\n          .define('url', stylus.resolver(undefined))\n          .render()\n      );\n    }\n    case '.css':\n    default:\n      return css;\n  }\n}\n\nfunction optimizeCss(filePath: string, css: string, browsers: string[], cssUrl?: CssUrl): LazyResult {\n  const postCssPlugins = [];\n\n  if (cssUrl !== CssUrl.none) {\n    postCssPlugins.push(postcssUrl({ url: cssUrl }));\n  }\n\n  postCssPlugins.push(\n    postcssPresetEnv({\n      browsers,\n      autoprefixer: true,\n      stage: 3,\n    }),\n  );\n\n  return postcss(postCssPlugins).process(css, {\n    from: filePath,\n    to: filePath.replace(path.extname(filePath), '.css'),\n  });\n}\n\nfunction generateKey(content: string, browserslistData: string[]): string {\n  return createHash('sha1').update(ngPackagrVersion).update(content).update(browserslistData.join('')).digest('hex');\n}\n\nasync function readCacheEntry(cachePath: string, key: string): Promise<WorkerResult | undefined> {\n  const entry = await cacache.get.info(cachePath, key);\n  if (entry) {\n    return JSON.parse(await readFile(entry.path, 'utf8'));\n  }\n\n  return undefined;\n}\n\nparentPort.on('message', async ({ signal, port, workerOptions }) => {\n  try {\n    const result = await processCss(workerOptions);\n    port.postMessage({ ...result });\n  } catch (error) {\n    port.postMessage({ error: error.message });\n  } finally {\n    // Change the value of signal[0] to 1\n    Atomics.add(signal, 0, 1);\n    // Unlock the main thread\n    Atomics.notify(signal, 0);\n    port.close();\n  }\n});\n"]}

package/lib/styles/stylesheet-processor.d.ts

@@ -5,10 +5,12 @@ export declare enum CssUrl {
 export interface WorkerOptions {
     filePath: string;
     basePath: string;
+    targets: string[];
     browserslistData: string[];
     cssUrl?: CssUrl;
     styleIncludePaths?: string[];
     cachePath: string;
+    alwaysUseWasm: boolean;
 }
 export interface WorkerResult {
     css: string;
@@ -22,6 +24,8 @@ export declare class StylesheetProcessor {
     private browserslistData;
     private worker;
     private readonly cachePath;
+    private targets;
+    private alwaysUseWasm;
     constructor(basePath: string, cssUrl?: CssUrl, styleIncludePaths?: string[]);
     process(filePath: string): any;
 }

package/lib/styles/stylesheet-processor.js

@@ -7,6 +7,7 @@ const findCacheDirectory = require("find-cache-dir");
 const os_1 = require("os");
 const worker_threads_1 = require("worker_threads");
 const log = require("../utils/log");
+const esbuild_executor_1 = require("../esbuild/esbuild-executor");
 var CssUrl;
 (function (CssUrl) {
     CssUrl["inline"] = "inline";
@@ -17,6 +18,7 @@ class StylesheetProcessor {
         this.basePath = basePath;
         this.cssUrl = cssUrl;
         this.styleIncludePaths = styleIncludePaths;
+        this.alwaysUseWasm = !esbuild_executor_1.EsbuildExecutor.hasNativeSupport();
         this.cachePath = findCacheDirectory({ name: 'ng-packagr-styles' }) || os_1.tmpdir();
     }
     process(filePath) {
@@ -25,7 +27,20 @@ class StylesheetProcessor {
         }
         if (!this.browserslistData) {
             log.debug(`determine browserslist for ${this.basePath}`);
+            // By default, browserslist defaults are too inclusive
+            // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522
+            // We change the default query to browsers that Angular support.
+            // https://angular.io/guide/browser-support
+            browserslist.defaults = [
+                'last 1 Chrome version',
+                'last 1 Firefox version',
+                'last 2 Edge major versions',
+                'last 2 Safari major versions',
+                'last 2 iOS major versions',
+                'Firefox ESR',
+            ];
             this.browserslistData = browserslist(undefined, { path: this.basePath });
+            this.targets = transformSupportedBrowsersToTargets(this.browserslistData);
         }
         const workerOptions = {
             filePath,
@@ -34,6 +49,8 @@ class StylesheetProcessor {
             styleIncludePaths: this.styleIncludePaths,
             browserslistData: this.browserslistData,
             cachePath: this.cachePath,
+            targets: this.targets,
+            alwaysUseWasm: this.alwaysUseWasm,
         };
         const ioChannel = new worker_threads_1.MessageChannel();
         try {
@@ -56,4 +73,31 @@ class StylesheetProcessor {
     }
 }
 exports.StylesheetProcessor = StylesheetProcessor;
+function transformSupportedBrowsersToTargets(supportedBrowsers) {
+    const transformed = [];
+    // https://esbuild.github.io/api/#target
+    const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);
+    for (const browser of supportedBrowsers) {
+        let [browserName, version] = browser.split(' ');
+        // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`
+        if (browserName === 'ios_saf') {
+            browserName = 'ios';
+            // browserslist also uses ranges for iOS Safari versions but only the lowest is required
+            // to perform minimum supported feature checks. esbuild also expects a single version.
+            [version] = version.split('-');
+        }
+        if (browserName === 'ie') {
+            transformed.push('edge12');
+        }
+        else if (esBuildSupportedBrowsers.has(browserName)) {
+            if (browserName === 'safari' && version === 'TP') {
+                // esbuild only supports numeric versions so `TP` is converted to a high number (999) since
+                // a Technology Preview (TP) of Safari is assumed to support all currently known features.
+                version = '999';
+            }
+            transformed.push(browserName + version);
+        }
+    }
+    return transformed.length ? transformed : undefined;
+}
 //# sourceMappingURL=stylesheet-processor.js.map

package/lib/styles/stylesheet-processor.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet-processor.js","sourceRoot":"","sources":["../../../src/lib/styles/stylesheet-processor.ts"],"names":[],"mappings":";;;AAAA,6CAA6C;AAC7C,+BAA4B;AAC5B,qDAAqD;AACrD,2BAA4B;AAC5B,mDAA8E;AAE9E,oCAAoC;AAEpC,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,uBAAa,CAAA;AACf,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB;AAgBD,MAAa,mBAAmB;IAK9B,YACmB,QAAgB,EAChB,MAAe,EACf,iBAA4B;QAF5B,aAAQ,GAAR,QAAQ,CAAQ;QAChB,WAAM,GAAN,MAAM,CAAS;QACf,sBAAiB,GAAjB,iBAAiB,CAAW;QAE7C,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,IAAI,WAAM,EAAE,CAAC;IACjF,CAAC;IAED,OAAO,CAAC,QAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,IAAI,uBAAM,CAAC,WAAI,CAAC,SAAS,EAAE,kCAAkC,CAAC,CAAC,CAAC;SAC/E;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,GAAG,CAAC,KAAK,CAAC,8BAA8B,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YACzD,IAAI,CAAC,gBAAgB,GAAG,YAAY,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC1E;QAED,MAAM,aAAa,GAAkB;YACnC,QAAQ;YACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,+BAAc,EAAE,CAAC;QAEvC,IAAI;YACF,MAAM,MAAM,GAAG,IAAI,UAAU,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAE7F,6BAA6B;YAC7B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAE3B,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,qCAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YAC/E,IAAI,KAAK,EAAE;gBACT,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;aACxB;YAED,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACvC,OAAO,GAAG,CAAC;SACZ;gBAAS;YACR,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACxB,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SACrB;IACH,CAAC;CACF;AAtDD,kDAsDC","sourcesContent":["import * as browserslist from 'browserslist';\nimport { join } from 'path';\nimport * as findCacheDirectory from 'find-cache-dir';\nimport { tmpdir } from 'os';\nimport { MessageChannel, receiveMessageOnPort, Worker } from 'worker_threads';\n\nimport * as log from '../utils/log';\n\nexport enum CssUrl {\n  inline = 'inline',\n  none = 'none',\n}\nexport interface WorkerOptions {\n  filePath: string;\n  basePath: string;\n  browserslistData: string[];\n  cssUrl?: CssUrl;\n  styleIncludePaths?: string[];\n  cachePath: string;\n}\n\nexport interface WorkerResult {\n  css: string;\n  warnings: string[];\n  error?: string;\n}\n\nexport class StylesheetProcessor {\n  private browserslistData: string[] | undefined;\n  private worker: Worker | undefined;\n  private readonly cachePath: string;\n\n  constructor(\n    private readonly basePath: string,\n    private readonly cssUrl?: CssUrl,\n    private readonly styleIncludePaths?: string[],\n  ) {\n    this.cachePath = findCacheDirectory({ name: 'ng-packagr-styles' }) || tmpdir();\n  }\n\n  process(filePath: string) {\n    if (!this.worker) {\n      this.worker = new Worker(join(__dirname, './stylesheet-processor-worker.js'));\n    }\n\n    if (!this.browserslistData) {\n      log.debug(`determine browserslist for ${this.basePath}`);\n      this.browserslistData = browserslist(undefined, { path: this.basePath });\n    }\n\n    const workerOptions: WorkerOptions = {\n      filePath,\n      basePath: this.basePath,\n      cssUrl: this.cssUrl,\n      styleIncludePaths: this.styleIncludePaths,\n      browserslistData: this.browserslistData,\n      cachePath: this.cachePath,\n    };\n\n    const ioChannel = new MessageChannel();\n\n    try {\n      const signal = new Int32Array(new SharedArrayBuffer(4));\n      this.worker.postMessage({ signal, port: ioChannel.port1, workerOptions }, [ioChannel.port1]);\n\n      // Sleep until signal[0] is 0\n      Atomics.wait(signal, 0, 0);\n\n      const { css, warnings, error } = receiveMessageOnPort(ioChannel.port2).message;\n      if (error) {\n        throw new Error(error);\n      }\n\n      warnings.forEach(msg => log.warn(msg));\n      return css;\n    } finally {\n      ioChannel.port1.close();\n      ioChannel.port2.close();\n      this.worker.unref();\n    }\n  }\n}\n"]}
+{"version":3,"file":"stylesheet-processor.js","sourceRoot":"","sources":["../../../src/lib/styles/stylesheet-processor.ts"],"names":[],"mappings":";;;AAAA,6CAA6C;AAC7C,+BAA4B;AAC5B,qDAAqD;AACrD,2BAA4B;AAC5B,mDAA8E;AAE9E,oCAAoC;AACpC,kEAA8D;AAE9D,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,uBAAa,CAAA;AACf,CAAC,EAHW,MAAM,GAAN,cAAM,KAAN,cAAM,QAGjB;AAkBD,MAAa,mBAAmB;IAO9B,YACmB,QAAgB,EAChB,MAAe,EACf,iBAA4B;QAF5B,aAAQ,GAAR,QAAQ,CAAQ;QAChB,WAAM,GAAN,MAAM,CAAS;QACf,sBAAiB,GAAjB,iBAAiB,CAAW;QALvC,kBAAa,GAAG,CAAC,kCAAe,CAAC,gBAAgB,EAAE,CAAC;QAO1D,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,IAAI,WAAM,EAAE,CAAC;IACjF,CAAC;IAED,OAAO,CAAC,QAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,IAAI,uBAAM,CAAC,WAAI,CAAC,SAAS,EAAE,kCAAkC,CAAC,CAAC,CAAC;SAC/E;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,GAAG,CAAC,KAAK,CAAC,8BAA8B,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YACzD,sDAAsD;YACtD,gHAAgH;YAEhH,gEAAgE;YAChE,2CAA2C;YAC1C,YAAY,CAAC,QAAqB,GAAG;gBACpC,uBAAuB;gBACvB,wBAAwB;gBACxB,4BAA4B;gBAC5B,8BAA8B;gBAC9B,2BAA2B;gBAC3B,aAAa;aACd,CAAC;YAEF,IAAI,CAAC,gBAAgB,GAAG,YAAY,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YACzE,IAAI,CAAC,OAAO,GAAG,mCAAmC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;SAC3E;QAED,MAAM,aAAa,GAAkB;YACnC,QAAQ;YACR,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,+BAAc,EAAE,CAAC;QAEvC,IAAI;YACF,MAAM,MAAM,GAAG,IAAI,UAAU,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;YACxD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAE7F,6BAA6B;YAC7B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAE3B,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,qCAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YAC/E,IAAI,KAAK,EAAE;gBACT,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;aACxB;YAED,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACvC,OAAO,GAAG,CAAC;SACZ;gBAAS;YACR,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACxB,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SACrB;IACH,CAAC;CACF;AAzED,kDAyEC;AAED,SAAS,mCAAmC,CAAC,iBAA2B;IACtE,MAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,wCAAwC;IACxC,MAAM,wBAAwB,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzF,KAAK,MAAM,OAAO,IAAI,iBAAiB,EAAE;QACvC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEhD,iFAAiF;QACjF,IAAI,WAAW,KAAK,SAAS,EAAE;YAC7B,WAAW,GAAG,KAAK,CAAC;YACpB,wFAAwF;YACxF,sFAAsF;YACtF,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAChC;QAED,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5B;aAAM,IAAI,wBAAwB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACpD,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,EAAE;gBAChD,2FAA2F;gBAC3F,0FAA0F;gBAC1F,OAAO,GAAG,KAAK,CAAC;aACjB;YAED,WAAW,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC;SACzC;KACF;IAED,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;AACtD,CAAC","sourcesContent":["import * as browserslist from 'browserslist';\nimport { join } from 'path';\nimport * as findCacheDirectory from 'find-cache-dir';\nimport { tmpdir } from 'os';\nimport { MessageChannel, receiveMessageOnPort, Worker } from 'worker_threads';\n\nimport * as log from '../utils/log';\nimport { EsbuildExecutor } from '../esbuild/esbuild-executor';\n\nexport enum CssUrl {\n  inline = 'inline',\n  none = 'none',\n}\nexport interface WorkerOptions {\n  filePath: string;\n  basePath: string;\n  targets: string[];\n  browserslistData: string[];\n  cssUrl?: CssUrl;\n  styleIncludePaths?: string[];\n  cachePath: string;\n  alwaysUseWasm: boolean;\n}\n\nexport interface WorkerResult {\n  css: string;\n  warnings: string[];\n  error?: string;\n}\n\nexport class StylesheetProcessor {\n  private browserslistData: string[] | undefined;\n  private worker: Worker | undefined;\n  private readonly cachePath: string;\n  private targets: string[];\n  private alwaysUseWasm = !EsbuildExecutor.hasNativeSupport();\n\n  constructor(\n    private readonly basePath: string,\n    private readonly cssUrl?: CssUrl,\n    private readonly styleIncludePaths?: string[],\n  ) {\n    this.cachePath = findCacheDirectory({ name: 'ng-packagr-styles' }) || tmpdir();\n  }\n\n  process(filePath: string) {\n    if (!this.worker) {\n      this.worker = new Worker(join(__dirname, './stylesheet-processor-worker.js'));\n    }\n\n    if (!this.browserslistData) {\n      log.debug(`determine browserslist for ${this.basePath}`);\n      // By default, browserslist defaults are too inclusive\n      // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522\n\n      // We change the default query to browsers that Angular support.\n      // https://angular.io/guide/browser-support\n      (browserslist.defaults as string[]) = [\n        'last 1 Chrome version',\n        'last 1 Firefox version',\n        'last 2 Edge major versions',\n        'last 2 Safari major versions',\n        'last 2 iOS major versions',\n        'Firefox ESR',\n      ];\n\n      this.browserslistData = browserslist(undefined, { path: this.basePath });\n      this.targets = transformSupportedBrowsersToTargets(this.browserslistData);\n    }\n\n    const workerOptions: WorkerOptions = {\n      filePath,\n      basePath: this.basePath,\n      cssUrl: this.cssUrl,\n      styleIncludePaths: this.styleIncludePaths,\n      browserslistData: this.browserslistData,\n      cachePath: this.cachePath,\n      targets: this.targets,\n      alwaysUseWasm: this.alwaysUseWasm,\n    };\n\n    const ioChannel = new MessageChannel();\n\n    try {\n      const signal = new Int32Array(new SharedArrayBuffer(4));\n      this.worker.postMessage({ signal, port: ioChannel.port1, workerOptions }, [ioChannel.port1]);\n\n      // Sleep until signal[0] is 0\n      Atomics.wait(signal, 0, 0);\n\n      const { css, warnings, error } = receiveMessageOnPort(ioChannel.port2).message;\n      if (error) {\n        throw new Error(error);\n      }\n\n      warnings.forEach(msg => log.warn(msg));\n      return css;\n    } finally {\n      ioChannel.port1.close();\n      ioChannel.port2.close();\n      this.worker.unref();\n    }\n  }\n}\n\nfunction transformSupportedBrowsersToTargets(supportedBrowsers: string[]): string[] {\n  const transformed: string[] = [];\n\n  // https://esbuild.github.io/api/#target\n  const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);\n\n  for (const browser of supportedBrowsers) {\n    let [browserName, version] = browser.split(' ');\n\n    // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`\n    if (browserName === 'ios_saf') {\n      browserName = 'ios';\n      // browserslist also uses ranges for iOS Safari versions but only the lowest is required\n      // to perform minimum supported feature checks. esbuild also expects a single version.\n      [version] = version.split('-');\n    }\n\n    if (browserName === 'ie') {\n      transformed.push('edge12');\n    } else if (esBuildSupportedBrowsers.has(browserName)) {\n      if (browserName === 'safari' && version === 'TP') {\n        // esbuild only supports numeric versions so `TP` is converted to a high number (999) since\n        // a Technology Preview (TP) of Safari is assumed to support all currently known features.\n        version = '999';\n      }\n\n      transformed.push(browserName + version);\n    }\n  }\n\n  return transformed.length ? transformed : undefined;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-packagr",
-  "version": "12.2.1",
+  "version": "12.2.5",
   "description": "Compile and package Angular libraries in Angular Package Format (APF)",
   "keywords": [
     "apf",
@@ -39,7 +39,7 @@
     "chokidar": "^3.5.1",
     "commander": "^8.0.0",
     "dependency-graph": "^0.11.0",
-    "esbuild": "^0.12.15",
+    "esbuild-wasm": "^0.12.15",
     "find-cache-dir": "^3.3.1",
     "glob": "^7.1.6",
     "injection-js": "^2.4.0",
@@ -56,6 +56,9 @@
     "sass": "^1.32.8",
     "stylus": "^0.54.8"
   },
+  "optionalDependencies": {
+    "esbuild": "^0.12.15"
+  },
   "peerDependencies": {
     "@angular/compiler-cli": "^12.0.0 || ^12.2.0-next.0",
     "tslib": "^2.1.0",