@nx/angular-rspack 20.8.2 → 20.9.0

package/dist/lib/config/style-config-utils.js

@@ -1,202 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStyleLoaders = getStyleLoaders;
-const devkit_1 = require("@nx/devkit");
-const core_1 = require("@rspack/core");
-const node_path_1 = require("node:path");
-const tailwind_1 = require("../utils/tailwind");
-/**
- * Returns an array of style loaders for sass and less. Both loader´s are always returned
- *
- * @param stylePreprocessorOptions
- * @param sourceMap
- */
-async function getStyleLoaders(buildOptions) {
-    const cssSourceMap = buildOptions.sourceMap.styles;
-    const includePaths = buildOptions.stylePreprocessorOptions?.includePaths?.map((p) => (0, node_path_1.resolve)(devkit_1.workspaceRoot, p)) ?? [];
-    const extraPostcssPlugins = [];
-    // Attempt to setup Tailwind CSS
-    // Only load Tailwind CSS plugin if configuration file was found.
-    // This acts as a guard to ensure the project actually wants to use Tailwind CSS.
-    // The package may be unknowningly present due to a third-party transitive package dependency.
-    const tailwindConfigPath = await (0, tailwind_1.findTailwindConfigurationFile)(devkit_1.workspaceRoot, buildOptions.root);
-    if (tailwindConfigPath) {
-        let tailwindPackagePath;
-        try {
-            tailwindPackagePath = require.resolve('tailwindcss', {
-                paths: [devkit_1.workspaceRoot, buildOptions.root],
-            });
-        }
-        catch {
-            const relativeTailwindConfigPath = (0, node_path_1.relative)(devkit_1.workspaceRoot, tailwindConfigPath);
-            console.warn(`Tailwind CSS configuration file found (${relativeTailwindConfigPath})` +
-                ` but the 'tailwindcss' package is not installed.` +
-                ` To enable Tailwind CSS, please install the 'tailwindcss' package.`);
-        }
-        if (tailwindPackagePath) {
-            extraPostcssPlugins.push(require(tailwindPackagePath)({ config: tailwindConfigPath }));
-        }
-    }
-    const autoprefixer = require('autoprefixer');
-    const postcssOptionsCreator = (inlineSourcemaps) => {
-        const optionGenerator = () => ({
-            map: inlineSourcemaps
-                ? {
-                    inline: true,
-                    annotation: false,
-                }
-                : undefined,
-            plugins: [
-                ...extraPostcssPlugins,
-                autoprefixer({
-                    ignoreUnknownVersions: true,
-                    overrideBrowserslist: buildOptions.supportedBrowsers,
-                }),
-            ],
-        });
-        // postcss-loader fails when trying to determine configuration files for data URIs
-        optionGenerator.config = false;
-        return optionGenerator;
-    };
-    let componentsSourceMap = !!cssSourceMap;
-    if (cssSourceMap) {
-        // TODO: use below once we support optimization granular options
-        // if (buildOptions.optimization.styles.minify) {
-        if (buildOptions.optimization) {
-            // Never use component css sourcemap when style optimizations are on.
-            // It will just increase bundle size without offering good debug experience.
-            console.warn('Components styles sourcemaps are not generated when styles optimization is enabled.');
-            componentsSourceMap = false;
-        }
-        else if (buildOptions.sourceMap.hidden) {
-            // Inline all sourcemap types except hidden ones, which are the same as no sourcemaps
-            // for component css.
-            console.warn('Components styles sourcemaps are not generated when sourcemaps are hidden.');
-            componentsSourceMap = false;
-        }
-    }
-    const postCss = require('postcss');
-    const postCssLoaderPath = require.resolve('postcss-loader');
-    const componentStyleLoaders = [
-        {
-            loader: require.resolve('css-loader'),
-            options: {
-                url: false,
-                sourceMap: componentsSourceMap,
-                importLoaders: 1,
-                exportType: 'string',
-                esModule: false,
-            },
-        },
-        {
-            loader: postCssLoaderPath,
-            options: {
-                implementation: postCss,
-                postcssOptions: postcssOptionsCreator(componentsSourceMap),
-            },
-        },
-    ];
-    const globalStyleLoaders = [
-        {
-            loader: core_1.CssExtractRspackPlugin.loader,
-        },
-        {
-            loader: require.resolve('css-loader'),
-            options: {
-                url: false,
-                sourceMap: !!cssSourceMap,
-                importLoaders: 1,
-            },
-        },
-        {
-            loader: postCssLoaderPath,
-            options: {
-                implementation: postCss,
-                postcssOptions: postcssOptionsCreator(false),
-                sourceMap: !!cssSourceMap,
-            },
-        },
-    ];
-    const styleLanguages = [
-        {
-            extensions: ['css'],
-            use: [],
-        },
-        {
-            extensions: ['scss'],
-            use: [
-                {
-                    loader: require.resolve('resolve-url-loader'),
-                    options: {
-                        sourceMap: cssSourceMap,
-                    },
-                },
-                {
-                    loader: require.resolve('sass-loader'),
-                    options: getSassLoaderOptions(includePaths, buildOptions.stylePreprocessorOptions?.sass),
-                },
-            ],
-        },
-        {
-            extensions: ['sass'],
-            use: [
-                {
-                    loader: require.resolve('resolve-url-loader'),
-                    options: {
-                        sourceMap: cssSourceMap,
-                    },
-                },
-                {
-                    loader: require.resolve('sass-loader'),
-                    options: getSassLoaderOptions(includePaths, buildOptions.stylePreprocessorOptions?.sass),
-                },
-            ],
-        },
-        {
-            extensions: ['less'],
-            use: [
-                {
-                    loader: require.resolve('less-loader'),
-                    options: {
-                        sourceMap: cssSourceMap,
-                        lessOptions: {
-                            javascriptEnabled: true,
-                            paths: includePaths,
-                        },
-                    },
-                },
-            ],
-        },
-    ];
-    return styleLanguages.map(({ extensions, use }) => ({
-        test: new RegExp(`\\.(?:${extensions.join('|')})$`, 'i'),
-        rules: [
-            // Setup processing rules for global and component styles
-            {
-                oneOf: [
-                    // Global styles are only defined global styles
-                    {
-                        use: globalStyleLoaders,
-                        resourceQuery: /\?ngGlobalStyle/,
-                    },
-                    // Component styles are all styles except defined global styles
-                    {
-                        use: componentStyleLoaders,
-                        resourceQuery: /\?ngResource/,
-                    },
-                ],
-            },
-            { use },
-        ],
-    }));
-}
-function getSassLoaderOptions(includePaths, sassOptions) {
-    return {
-        api: 'modern-compiler',
-        sourceMap: true,
-        sourceMapIncludeSources: true,
-        implementation: require.resolve('sass-embedded'),
-        includePaths,
-        ...(sassOptions ?? {}),
-    };
-}

package/dist/lib/utils/tailwind.d.ts

@@ -1,2 +0,0 @@
-export declare function findTailwindConfigurationFile(workspaceRoot: string, projectRoot: string): Promise<string | undefined>;
-//# sourceMappingURL=tailwind.d.ts.map

package/dist/lib/utils/tailwind.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/tailwind.ts"],"names":[],"mappings":"AAUA,wBAAsB,6BAA6B,CACjD,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAsB7B"}

package/dist/lib/utils/tailwind.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findTailwindConfigurationFile = findTailwindConfigurationFile;
-const promises_1 = require("node:fs/promises");
-const node_path_1 = require("node:path");
-const tailwindConfigFiles = [
-    'tailwind.config.js',
-    'tailwind.config.cjs',
-    'tailwind.config.mjs',
-    'tailwind.config.ts',
-];
-async function findTailwindConfigurationFile(workspaceRoot, projectRoot) {
-    try {
-        const dirEntries = [projectRoot, workspaceRoot].map((root) => (0, promises_1.readdir)(root, { withFileTypes: false }).then((entries) => ({
-            root,
-            files: new Set(entries),
-        })));
-        // A configuration file can exist in the project or workspace root
-        for (const { root, files } of await Promise.all(dirEntries)) {
-            for (const potentialConfig of tailwindConfigFiles) {
-                if (files.has(potentialConfig)) {
-                    return (0, node_path_1.join)(root, potentialConfig);
-                }
-            }
-        }
-    }
-    catch {
-        // ignore
-    }
-    return undefined;
-}