@nx/angular 16.8.0-beta.3 → 16.8.0-beta.5

package/src/executors/ng-packagr-lite/ng-packagr-lite.impl.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ngPackagrLiteExecutor = void 0;
-const tslib_1 = require("tslib");
 const buildable_libs_utils_1 = require("@nx/js/src/utils/buildable-libs-utils");
 const ng_packagr_1 = require("ng-packagr");
 const path_1 = require("path");
@@ -10,26 +9,24 @@ const typescript_1 = require("../utilities/typescript");
 const entry_point_di_1 = require("./ng-packagr-adjustments/ng-package/entry-point/entry-point.di");
 const options_di_1 = require("./ng-packagr-adjustments/ng-package/options.di");
 const package_di_1 = require("./ng-packagr-adjustments/ng-package/package.di");
-function initializeNgPackgrLite(options, context, projectDependencies) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const packager = new ng_packagr_1.NgPackagr([
-            // Add default providers to this list.
-            ...package_di_1.NX_PACKAGE_PROVIDERS,
-            ...entry_point_di_1.NX_ENTRY_POINT_PROVIDERS,
-            (0, options_di_1.nxProvideOptions)({
-                tailwindConfig: options.tailwindConfig,
-                watch: options.watch,
-            }),
-        ]);
-        packager.forProject((0, path_1.resolve)(context.root, options.project));
-        packager.withBuildTransform(package_di_1.NX_PACKAGE_TRANSFORM.provide);
-        if (options.tsConfig) {
-            const remappedTsConfigFilePath = (0, buildable_libs_utils_1.createTmpTsConfig)(options.tsConfig, context.root, context.projectsConfigurations.projects[context.projectName].root, projectDependencies);
-            const tsConfig = yield (0, typescript_1.parseRemappedTsConfigAndMergeDefaults)(context.root, options.tsConfig, remappedTsConfigFilePath);
-            packager.withTsConfig(tsConfig);
-        }
-        return packager;
-    });
+async function initializeNgPackgrLite(options, context, projectDependencies) {
+    const packager = new ng_packagr_1.NgPackagr([
+        // Add default providers to this list.
+        ...package_di_1.NX_PACKAGE_PROVIDERS,
+        ...entry_point_di_1.NX_ENTRY_POINT_PROVIDERS,
+        (0, options_di_1.nxProvideOptions)({
+            tailwindConfig: options.tailwindConfig,
+            watch: options.watch,
+        }),
+    ]);
+    packager.forProject((0, path_1.resolve)(context.root, options.project));
+    packager.withBuildTransform(package_di_1.NX_PACKAGE_TRANSFORM.provide);
+    if (options.tsConfig) {
+        const remappedTsConfigFilePath = (0, buildable_libs_utils_1.createTmpTsConfig)(options.tsConfig, context.root, context.projectsConfigurations.projects[context.projectName].root, projectDependencies);
+        const tsConfig = await (0, typescript_1.parseRemappedTsConfigAndMergeDefaults)(context.root, options.tsConfig, remappedTsConfigFilePath);
+        packager.withTsConfig(tsConfig);
+    }
+    return packager;
 }
 exports.ngPackagrLiteExecutor = (0, package_impl_1.createLibraryExecutor)(initializeNgPackgrLite);
 exports.default = exports.ngPackagrLiteExecutor;

package/src/executors/package/ng-packagr-adjustments/ng-package/entry-point/compile-ngc.transform.js

@@ -9,7 +9,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileNgcTransformFactory = void 0;
-const tslib_1 = require("tslib");
 const transform_1 = require("ng-packagr/lib/graph/transform");
 const nodes_1 = require("ng-packagr/lib/ng-package/nodes");
 const tsconfig_1 = require("ng-packagr/lib/ts/tsconfig");
@@ -20,9 +19,7 @@ const angular_version_utils_1 = require("../../../../utilities/angular-version-u
 const compile_source_files_1 = require("../../ngc/compile-source-files");
 const ng_compiler_cli_1 = require("../../utils/ng-compiler-cli");
 const compileNgcTransformFactory = (StylesheetProcessor, options) => {
-    return (0, transform_1.transformFromPromise)((graph) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        var _b;
+    return (0, transform_1.transformFromPromise)(async (graph) => {
         const spinner = ora({
             hideCursor: false,
             discardStdin: false,
@@ -44,14 +41,14 @@ const compileNgcTransformFactory = (StylesheetProcessor, options) => {
             let ngccProcessor;
             if (angularVersion && angularVersion.major < 16) {
                 ngccProcessor =
-                    new (require('ng-packagr/lib/ngc/ngcc-processor').NgccProcessor)(yield (0, ng_compiler_cli_1.ngccCompilerCli)(), entryPoint.cache.ngccProcessingCache, tsConfig.project, tsConfig.options, entryPoints);
+                    new (require('ng-packagr/lib/ngc/ngcc-processor').NgccProcessor)(await (0, ng_compiler_cli_1.ngccCompilerCli)(), entryPoint.cache.ngccProcessingCache, tsConfig.project, tsConfig.options, entryPoints);
                 if (!entryPoint.data.entryPoint.isSecondaryEntryPoint) {
                     // Only run the async version of NGCC during the primary entrypoint processing.
-                    yield ngccProcessor.process();
+                    await ngccProcessor.process();
                 }
             }
-            (_a = (_b = entryPoint.cache).stylesheetProcessor) !== null && _a !== void 0 ? _a : (_b.stylesheetProcessor = new StylesheetProcessor(basePath, cssUrl, styleIncludePaths, options.cacheEnabled && options.cacheDirectory, options.watch, options.tailwindConfig));
-            yield (0, compile_source_files_1.compileSourceFiles)(graph, tsConfig, moduleResolutionCache, {
+            entryPoint.cache.stylesheetProcessor ??= new StylesheetProcessor(basePath, cssUrl, styleIncludePaths, options.cacheEnabled && options.cacheDirectory, options.watch, options.tailwindConfig);
+            await (0, compile_source_files_1.compileSourceFiles)(graph, tsConfig, moduleResolutionCache, {
                 outDir: path.dirname(esmModulePath),
                 declarationDir: path.dirname(declarations),
                 declaration: true,
@@ -66,6 +63,6 @@ const compileNgcTransformFactory = (StylesheetProcessor, options) => {
         }
         spinner.succeed();
         return graph;
-    }));
+    });
 };
 exports.compileNgcTransformFactory = compileNgcTransformFactory;

package/src/executors/package/ng-packagr-adjustments/ng-package/options.di.js

@@ -20,10 +20,13 @@ exports.nxProvideOptions = nxProvideOptions;
 exports.NX_DEFAULT_OPTIONS_PROVIDER = (0, exports.nxProvideOptions)();
 function normalizeOptions(options = {}) {
     const ciEnv = process.env['CI'];
-    const isCI = (ciEnv === null || ciEnv === void 0 ? void 0 : ciEnv.toLowerCase()) === 'true' || ciEnv === '1';
+    const isCI = ciEnv?.toLowerCase() === 'true' || ciEnv === '1';
     const { cacheEnabled = !isCI, cacheDirectory = findCachePath() } = options;
-    return Object.assign(Object.assign({}, options), { cacheEnabled,
-        cacheDirectory });
+    return {
+        ...options,
+        cacheEnabled,
+        cacheDirectory,
+    };
 }
 function findCachePath() {
     const name = 'ng-packagr';

package/src/executors/package/ng-packagr-adjustments/ngc/compile-source-files.js

@@ -9,145 +9,145 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileSourceFiles = void 0;
-const tslib_1 = require("tslib");
 const nodes_1 = require("ng-packagr/lib/ng-package/nodes");
 const log = require("ng-packagr/lib/utils/log");
 const ng_compiler_cli_1 = require("ng-packagr/lib/utils/ng-compiler-cli");
 const ts = require("typescript");
 const angular_version_utils_1 = require("../../../utilities/angular-version-utils");
 const cache_compiler_host_1 = require("../ts/cache-compiler-host");
-function compileSourceFiles(graph, tsConfig, moduleResolutionCache, extraOptions, stylesheetProcessor, ngccProcessor, watch) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { NgtscProgram, formatDiagnostics } = yield (0, ng_compiler_cli_1.ngCompilerCli)();
-        const tsConfigOptions = Object.assign(Object.assign({}, tsConfig.options), extraOptions);
-        const entryPoint = graph.find((0, nodes_1.isEntryPointInProgress)());
-        const ngPackageNode = graph.find(nodes_1.isPackage);
-        const inlineStyleLanguage = ngPackageNode.data.inlineStyleLanguage;
-        let tsCompilerHost = (0, cache_compiler_host_1.cacheCompilerHost)(graph, entryPoint, tsConfigOptions, moduleResolutionCache, stylesheetProcessor, inlineStyleLanguage);
-        if (ngccProcessor) {
-            tsCompilerHost =
-                require('ng-packagr/lib/ts/ngcc-transform-compiler-host').ngccTransformCompilerHost(tsCompilerHost, tsConfigOptions, ngccProcessor, moduleResolutionCache);
-        }
-        const cache = entryPoint.cache;
-        const sourceFileCache = cache.sourcesFileCache;
-        // Create the Angular specific program that contains the Angular compiler
-        const angularProgram = new NgtscProgram(tsConfig.rootNames, tsConfigOptions, tsCompilerHost, cache.oldNgtscProgram);
-        const angularCompiler = angularProgram.compiler;
-        const { ignoreForDiagnostics, ignoreForEmit } = angularCompiler;
-        // SourceFile versions are required for builder programs.
-        // The wrapped host inside NgtscProgram adds additional files that will not have versions.
-        const typeScriptProgram = angularProgram.getTsProgram();
-        (0, cache_compiler_host_1.augmentProgramWithVersioning)(typeScriptProgram);
-        let builder;
-        if (watch) {
-            builder = cache.oldBuilder =
-                ts.createEmitAndSemanticDiagnosticsBuilderProgram(typeScriptProgram, tsCompilerHost, cache.oldBuilder);
-            cache.oldNgtscProgram = angularProgram;
-        }
-        else {
-            // When not in watch mode, the startup cost of the incremental analysis can be avoided by
-            // using an abstract builder that only wraps a TypeScript program.
-            builder = ts.createAbstractBuilder(typeScriptProgram, tsCompilerHost);
-        }
-        // Update semantic diagnostics cache
-        const affectedFiles = new Set();
-        // Analyze affected files when in watch mode for incremental type checking
-        if ('getSemanticDiagnosticsOfNextAffectedFile' in builder) {
-            // eslint-disable-next-line no-constant-condition
-            while (true) {
-                const result = builder.getSemanticDiagnosticsOfNextAffectedFile(undefined, (sourceFile) => {
-                    // If the affected file is a TTC shim, add the shim's original source file.
-                    // This ensures that changes that affect TTC are typechecked even when the changes
-                    // are otherwise unrelated from a TS perspective and do not result in Ivy codegen changes.
-                    // For example, changing @Input property types of a directive used in another component's
-                    // template.
-                    if (ignoreForDiagnostics.has(sourceFile) &&
-                        sourceFile.fileName.endsWith('.ngtypecheck.ts')) {
-                        // This file name conversion relies on internal compiler logic and should be converted
-                        // to an official method when available. 15 is length of `.ngtypecheck.ts`
-                        const originalFilename = sourceFile.fileName.slice(0, -15) + '.ts';
-                        const originalSourceFile = builder.getSourceFile(originalFilename);
-                        if (originalSourceFile) {
-                            affectedFiles.add(originalSourceFile);
-                        }
-                        return true;
+async function compileSourceFiles(graph, tsConfig, moduleResolutionCache, extraOptions, stylesheetProcessor, ngccProcessor, watch) {
+    const { NgtscProgram, formatDiagnostics } = await (0, ng_compiler_cli_1.ngCompilerCli)();
+    const tsConfigOptions = {
+        ...tsConfig.options,
+        ...extraOptions,
+    };
+    const entryPoint = graph.find((0, nodes_1.isEntryPointInProgress)());
+    const ngPackageNode = graph.find(nodes_1.isPackage);
+    const inlineStyleLanguage = ngPackageNode.data.inlineStyleLanguage;
+    let tsCompilerHost = (0, cache_compiler_host_1.cacheCompilerHost)(graph, entryPoint, tsConfigOptions, moduleResolutionCache, stylesheetProcessor, inlineStyleLanguage);
+    if (ngccProcessor) {
+        tsCompilerHost =
+            require('ng-packagr/lib/ts/ngcc-transform-compiler-host').ngccTransformCompilerHost(tsCompilerHost, tsConfigOptions, ngccProcessor, moduleResolutionCache);
+    }
+    const cache = entryPoint.cache;
+    const sourceFileCache = cache.sourcesFileCache;
+    // Create the Angular specific program that contains the Angular compiler
+    const angularProgram = new NgtscProgram(tsConfig.rootNames, tsConfigOptions, tsCompilerHost, cache.oldNgtscProgram);
+    const angularCompiler = angularProgram.compiler;
+    const { ignoreForDiagnostics, ignoreForEmit } = angularCompiler;
+    // SourceFile versions are required for builder programs.
+    // The wrapped host inside NgtscProgram adds additional files that will not have versions.
+    const typeScriptProgram = angularProgram.getTsProgram();
+    (0, cache_compiler_host_1.augmentProgramWithVersioning)(typeScriptProgram);
+    let builder;
+    if (watch) {
+        builder = cache.oldBuilder =
+            ts.createEmitAndSemanticDiagnosticsBuilderProgram(typeScriptProgram, tsCompilerHost, cache.oldBuilder);
+        cache.oldNgtscProgram = angularProgram;
+    }
+    else {
+        // When not in watch mode, the startup cost of the incremental analysis can be avoided by
+        // using an abstract builder that only wraps a TypeScript program.
+        builder = ts.createAbstractBuilder(typeScriptProgram, tsCompilerHost);
+    }
+    // Update semantic diagnostics cache
+    const affectedFiles = new Set();
+    // Analyze affected files when in watch mode for incremental type checking
+    if ('getSemanticDiagnosticsOfNextAffectedFile' in builder) {
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+            const result = builder.getSemanticDiagnosticsOfNextAffectedFile(undefined, (sourceFile) => {
+                // If the affected file is a TTC shim, add the shim's original source file.
+                // This ensures that changes that affect TTC are typechecked even when the changes
+                // are otherwise unrelated from a TS perspective and do not result in Ivy codegen changes.
+                // For example, changing @Input property types of a directive used in another component's
+                // template.
+                if (ignoreForDiagnostics.has(sourceFile) &&
+                    sourceFile.fileName.endsWith('.ngtypecheck.ts')) {
+                    // This file name conversion relies on internal compiler logic and should be converted
+                    // to an official method when available. 15 is length of `.ngtypecheck.ts`
+                    const originalFilename = sourceFile.fileName.slice(0, -15) + '.ts';
+                    const originalSourceFile = builder.getSourceFile(originalFilename);
+                    if (originalSourceFile) {
+                        affectedFiles.add(originalSourceFile);
                     }
-                    return false;
-                });
-                if (!result) {
-                    break;
+                    return true;
                 }
-                affectedFiles.add(result.affected);
+                return false;
+            });
+            if (!result) {
+                break;
             }
+            affectedFiles.add(result.affected);
         }
-        // Collect program level diagnostics
-        const allDiagnostics = [
-            ...angularCompiler.getOptionDiagnostics(),
-            ...builder.getOptionsDiagnostics(),
-            ...builder.getGlobalDiagnostics(),
-        ];
-        // Required to support asynchronous resource loading
-        // Must be done before creating transformers or getting template diagnostics
-        yield angularCompiler.analyzeAsync();
-        // Collect source file specific diagnostics
-        for (const sourceFile of builder.getSourceFiles()) {
-            if (!ignoreForDiagnostics.has(sourceFile)) {
-                allDiagnostics.push(...builder.getDeclarationDiagnostics(sourceFile), ...builder.getSyntacticDiagnostics(sourceFile), ...builder.getSemanticDiagnostics(sourceFile));
-            }
-            if (sourceFile.isDeclarationFile) {
-                continue;
-            }
-            // Collect sources that are required to be emitted
-            const angularVersion = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-            const incrementalCompilation = angularVersion.major < 16
-                ? angularCompiler.incrementalDriver
-                : angularCompiler.incrementalCompilation;
-            if (!ignoreForEmit.has(sourceFile) &&
-                !incrementalCompilation.safeToSkipEmit(sourceFile)) {
-                // If required to emit, diagnostics may have also changed
-                if (!ignoreForDiagnostics.has(sourceFile)) {
-                    affectedFiles.add(sourceFile);
-                }
-            }
-            else if (sourceFileCache &&
-                !affectedFiles.has(sourceFile) &&
-                !ignoreForDiagnostics.has(sourceFile)) {
-                // Use cached Angular diagnostics for unchanged and unaffected files
-                const angularDiagnostics = sourceFileCache.getAngularDiagnostics(sourceFile);
-                if (angularDiagnostics === null || angularDiagnostics === void 0 ? void 0 : angularDiagnostics.length) {
-                    allDiagnostics.push(...angularDiagnostics);
-                }
-            }
+    }
+    // Collect program level diagnostics
+    const allDiagnostics = [
+        ...angularCompiler.getOptionDiagnostics(),
+        ...builder.getOptionsDiagnostics(),
+        ...builder.getGlobalDiagnostics(),
+    ];
+    // Required to support asynchronous resource loading
+    // Must be done before creating transformers or getting template diagnostics
+    await angularCompiler.analyzeAsync();
+    // Collect source file specific diagnostics
+    for (const sourceFile of builder.getSourceFiles()) {
+        if (!ignoreForDiagnostics.has(sourceFile)) {
+            allDiagnostics.push(...builder.getDeclarationDiagnostics(sourceFile), ...builder.getSyntacticDiagnostics(sourceFile), ...builder.getSemanticDiagnostics(sourceFile));
         }
-        // Collect new Angular diagnostics for files affected by changes
-        for (const affectedFile of affectedFiles) {
-            const angularDiagnostics = angularCompiler.getDiagnosticsForFile(affectedFile, 
-            /** OptimizeFor.WholeProgram */ 1);
-            allDiagnostics.push(...angularDiagnostics);
-            sourceFileCache.updateAngularDiagnostics(affectedFile, angularDiagnostics);
+        if (sourceFile.isDeclarationFile) {
+            continue;
         }
-        const otherDiagnostics = [];
-        const errorDiagnostics = [];
-        for (const diagnostic of allDiagnostics) {
-            if (diagnostic.category === ts.DiagnosticCategory.Error) {
-                errorDiagnostics.push(diagnostic);
+        // Collect sources that are required to be emitted
+        const angularVersion = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
+        const incrementalCompilation = angularVersion.major < 16
+            ? angularCompiler.incrementalDriver
+            : angularCompiler.incrementalCompilation;
+        if (!ignoreForEmit.has(sourceFile) &&
+            !incrementalCompilation.safeToSkipEmit(sourceFile)) {
+            // If required to emit, diagnostics may have also changed
+            if (!ignoreForDiagnostics.has(sourceFile)) {
+                affectedFiles.add(sourceFile);
             }
-            else {
-                otherDiagnostics.push(diagnostic);
+        }
+        else if (sourceFileCache &&
+            !affectedFiles.has(sourceFile) &&
+            !ignoreForDiagnostics.has(sourceFile)) {
+            // Use cached Angular diagnostics for unchanged and unaffected files
+            const angularDiagnostics = sourceFileCache.getAngularDiagnostics(sourceFile);
+            if (angularDiagnostics?.length) {
+                allDiagnostics.push(...angularDiagnostics);
             }
         }
-        if (otherDiagnostics.length) {
-            log.msg(formatDiagnostics(errorDiagnostics));
+    }
+    // Collect new Angular diagnostics for files affected by changes
+    for (const affectedFile of affectedFiles) {
+        const angularDiagnostics = angularCompiler.getDiagnosticsForFile(affectedFile, 
+        /** OptimizeFor.WholeProgram */ 1);
+        allDiagnostics.push(...angularDiagnostics);
+        sourceFileCache.updateAngularDiagnostics(affectedFile, angularDiagnostics);
+    }
+    const otherDiagnostics = [];
+    const errorDiagnostics = [];
+    for (const diagnostic of allDiagnostics) {
+        if (diagnostic.category === ts.DiagnosticCategory.Error) {
+            errorDiagnostics.push(diagnostic);
         }
-        if (errorDiagnostics.length) {
-            throw new Error(formatDiagnostics(errorDiagnostics));
+        else {
+            otherDiagnostics.push(diagnostic);
         }
-        const transformers = angularCompiler.prepareEmit().transformers;
-        for (const sourceFile of builder.getSourceFiles()) {
-            if (!ignoreForEmit.has(sourceFile)) {
-                builder.emit(sourceFile, undefined, undefined, undefined, transformers);
-            }
+    }
+    if (otherDiagnostics.length) {
+        log.msg(formatDiagnostics(errorDiagnostics));
+    }
+    if (errorDiagnostics.length) {
+        throw new Error(formatDiagnostics(errorDiagnostics));
+    }
+    const transformers = angularCompiler.prepareEmit().transformers;
+    for (const sourceFile of builder.getSourceFiles()) {
+        if (!ignoreForEmit.has(sourceFile)) {
+            builder.emit(sourceFile, undefined, undefined, undefined, transformers);
         }
-    });
+    }
 }
 exports.compileSourceFiles = compileSourceFiles;

package/src/executors/package/ng-packagr-adjustments/styles/stylesheet-processor.js

@@ -10,7 +10,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StylesheetProcessor = exports.CssUrl = void 0;
-const tslib_1 = require("tslib");
 const browserslist = require("browserslist");
 const fs_1 = require("fs");
 const esbuild_executor_1 = require("ng-packagr/lib/esbuild/esbuild-executor");
@@ -65,82 +64,78 @@ class StylesheetProcessor {
         this.tailwindSetup = (0, tailwindcss_1.getTailwindSetup)(this.basePath, this.tailwindConfig);
         this.postCssProcessor = this.createPostCssPlugins();
     }
-    process({ filePath, content, }) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            let key;
-            if (this.cacheDirectory &&
-                !content.includes('@import') &&
-                !content.includes('@use') &&
-                !this.containsTailwindDirectives(content)) {
-                // No transitive deps and no Tailwind directives, we can cache more aggressively.
-                key = yield (0, cache_1.generateKey)(content, ...this.browserslistData, filePath);
-                const result = yield (0, cache_1.readCacheEntry)(this.cacheDirectory, key);
-                if (result) {
-                    result.warnings.forEach((msg) => log.warn(msg));
-                    return result.css;
-                }
+    async process({ filePath, content, }) {
+        let key;
+        if (this.cacheDirectory &&
+            !content.includes('@import') &&
+            !content.includes('@use') &&
+            !this.containsTailwindDirectives(content)) {
+            // No transitive deps and no Tailwind directives, we can cache more aggressively.
+            key = await (0, cache_1.generateKey)(content, ...this.browserslistData, filePath);
+            const result = await (0, cache_1.readCacheEntry)(this.cacheDirectory, key);
+            if (result) {
+                result.warnings.forEach((msg) => log.warn(msg));
+                return result.css;
             }
-            // Render pre-processor language (sass, styl, less)
-            const renderedCss = yield this.renderCss(filePath, content);
-            let containsTailwindDirectives = false;
-            if (this.cacheDirectory) {
-                containsTailwindDirectives = this.containsTailwindDirectives(renderedCss);
-                if (!containsTailwindDirectives) {
-                    // No Tailwind directives to process by PostCSS, we can return cached results
-                    if (!key) {
-                        key = yield (0, cache_1.generateKey)(renderedCss, ...this.browserslistData, filePath);
-                    }
-                    const cachedResult = yield this.getCachedResult(key);
-                    if (cachedResult) {
-                        return cachedResult;
-                    }
+        }
+        // Render pre-processor language (sass, styl, less)
+        const renderedCss = await this.renderCss(filePath, content);
+        let containsTailwindDirectives = false;
+        if (this.cacheDirectory) {
+            containsTailwindDirectives = this.containsTailwindDirectives(renderedCss);
+            if (!containsTailwindDirectives) {
+                // No Tailwind directives to process by PostCSS, we can return cached results
+                if (!key) {
+                    key = await (0, cache_1.generateKey)(renderedCss, ...this.browserslistData, filePath);
                 }
-            }
-            // Render postcss (autoprefixing and friends)
-            const result = yield this.postCssProcessor.process(renderedCss, {
-                from: filePath,
-                to: filePath.replace((0, path_1.extname)(filePath), '.css'),
-            });
-            if (this.cacheDirectory && containsTailwindDirectives) {
-                // We had Tailwind directives to process by PostCSS, only now
-                // is safe to return cached results
-                key = yield (0, cache_1.generateKey)(result.css, ...this.browserslistData, filePath);
-                const cachedResult = yield this.getCachedResult(key);
+                const cachedResult = await this.getCachedResult(key);
                 if (cachedResult) {
                     return cachedResult;
                 }
             }
-            const warnings = result.warnings().map((w) => w.toString());
-            const { code, warnings: esBuildWarnings } = yield this.esbuild.transform(result.css, {
-                loader: 'css',
-                minify: true,
-                target: this.targets,
-                sourcefile: filePath,
-            });
-            if (esBuildWarnings.length > 0) {
-                warnings.push(...(yield this.esbuild.formatMessages(esBuildWarnings, {
-                    kind: 'warning',
-                })));
-            }
-            if (this.cacheDirectory) {
-                yield (0, cache_1.saveCacheEntry)(this.cacheDirectory, key, JSON.stringify({
-                    css: code,
-                    warnings,
-                }));
-            }
-            warnings.forEach((msg) => log.warn(msg));
-            return code;
+        }
+        // Render postcss (autoprefixing and friends)
+        const result = await this.postCssProcessor.process(renderedCss, {
+            from: filePath,
+            to: filePath.replace((0, path_1.extname)(filePath), '.css'),
         });
-    }
-    getCachedResult(key) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const cachedResult = yield (0, cache_1.readCacheEntry)(this.cacheDirectory, key);
+        if (this.cacheDirectory && containsTailwindDirectives) {
+            // We had Tailwind directives to process by PostCSS, only now
+            // is safe to return cached results
+            key = await (0, cache_1.generateKey)(result.css, ...this.browserslistData, filePath);
+            const cachedResult = await this.getCachedResult(key);
             if (cachedResult) {
-                cachedResult.warnings.forEach((msg) => log.warn(msg));
-                return cachedResult.css;
+                return cachedResult;
             }
-            return undefined;
+        }
+        const warnings = result.warnings().map((w) => w.toString());
+        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 this.esbuild.formatMessages(esBuildWarnings, {
+                kind: 'warning',
+            })));
+        }
+        if (this.cacheDirectory) {
+            await (0, cache_1.saveCacheEntry)(this.cacheDirectory, key, JSON.stringify({
+                css: code,
+                warnings,
+            }));
+        }
+        warnings.forEach((msg) => log.warn(msg));
+        return code;
+    }
+    async getCachedResult(key) {
+        const cachedResult = await (0, cache_1.readCacheEntry)(this.cacheDirectory, key);
+        if (cachedResult) {
+            cachedResult.warnings.forEach((msg) => log.warn(msg));
+            return cachedResult.css;
+        }
+        return undefined;
     }
     containsTailwindDirectives(content) {
         return (this.tailwindSetup && tailwindcss_1.tailwindDirectives.some((d) => content.includes(d)));
@@ -160,46 +155,44 @@ class StylesheetProcessor {
         }));
         return postcss(postCssPlugins);
     }
-    renderCss(filePath, css) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const ext = (0, path_1.extname)(filePath);
-            switch (ext) {
-                case '.sass':
-                case '.scss': {
-                    const angularVersion = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-                    if (angularVersion && angularVersion.major < 15) {
-                        return (yield Promise.resolve().then(() => require('sass')))
-                            .renderSync({
-                            file: filePath,
-                            data: css,
-                            indentedSyntax: '.sass' === ext,
-                            importer: customSassImporter,
-                            includePaths: this.styleIncludePaths,
-                        })
-                            .css.toString();
-                    }
-                    return (yield Promise.resolve().then(() => require('sass')))
-                        .compileString(css, {
-                        url: (0, node_url_1.pathToFileURL)(filePath),
-                        syntax: '.sass' === ext ? 'indented' : 'scss',
-                        loadPaths: this.styleIncludePaths,
+    async renderCss(filePath, css) {
+        const ext = (0, path_1.extname)(filePath);
+        switch (ext) {
+            case '.sass':
+            case '.scss': {
+                const angularVersion = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
+                if (angularVersion && angularVersion.major < 15) {
+                    return (await Promise.resolve().then(() => require('sass')))
+                        .renderSync({
+                        file: filePath,
+                        data: css,
+                        indentedSyntax: '.sass' === ext,
+                        importer: customSassImporter,
+                        includePaths: this.styleIncludePaths,
                     })
                         .css.toString();
                 }
-                case '.less': {
-                    const { css: content } = yield (yield Promise.resolve().then(() => require('less'))).render(css, {
-                        filename: filePath,
-                        math: 'always',
-                        javascriptEnabled: true,
-                        paths: this.styleIncludePaths,
-                    });
-                    return content;
-                }
-                case '.css':
-                default:
-                    return css;
+                return (await Promise.resolve().then(() => require('sass')))
+                    .compileString(css, {
+                    url: (0, node_url_1.pathToFileURL)(filePath),
+                    syntax: '.sass' === ext ? 'indented' : 'scss',
+                    loadPaths: this.styleIncludePaths,
+                })
+                    .css.toString();
             }
-        });
+            case '.less': {
+                const { css: content } = await (await Promise.resolve().then(() => require('less'))).render(css, {
+                    filename: filePath,
+                    math: 'always',
+                    javascriptEnabled: true,
+                    paths: this.styleIncludePaths,
+                });
+                return content;
+            }
+            case '.css':
+            default:
+                return css;
+        }
     }
 }
 exports.StylesheetProcessor = StylesheetProcessor;