@lipemat/js-boilerplate/scripts/validate-css-modules.js

Dependencies and scripts for a no config JavaScript app

import webpack from 'webpack';
import { getConfig } from '../helpers/config.js';
import path from 'path';
import { fileURLToPath } from 'url';
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const help = `
Validate CSS modules using .d.ts definition files for each CSS module.

- Generates .d.ts files for each CSS module.
- Runs \`dist\` to validate compilation using TS.
	
@deprecated Not needed anymore now PHPStorm supports .d.ts files for CSS modules.

@see .github/workflows/pull-request-lint-action.yml

Usage: lipemat-js-boilerplate validate-css-modules

--help, -h Show the help menu.`;
const args = process.argv.slice(3);
if ('-h' === args[0] || '--help' === args[0]) {
    console.debug(help);
    process.exit(0);
}
async function validate() {
    let webpackConfig = await getConfig('webpack.dist.js');
    webpackConfig.stats = 'errors-warnings';
    // Add CSS module typings generation to webpack config.
    webpackConfig.module?.rules?.map(rule => {
        if (rule && 'object' === typeof rule && 'test' in rule && rule.test?.toString() === /\.pcss$/.toString()) {
            // @ts-expect-error
            rule.use?.splice(1, 0, {
                loader: path.resolve(__dirname, '../lib/css-module-types.js'),
            });
        }
        return rule;
    });
    // Wait for the generation to finish before continuing.
    await new Promise((resolve, reject) => {
        webpack(webpackConfig)?.run((err, stats) => {
            if (err) {
                reject(err);
            }
            if (stats && stats.hasErrors()) {
                console.error(stats.toString(webpackConfig.stats));
                process.exit(1);
            }
            resolve(stats);
        });
    });
    console.debug('>>> CSS Module definitions generated.');
    // A fresh config for CSS validation.
    webpackConfig = await getConfig('webpack.dist.js');
    webpackConfig.stats = 'errors-warnings';
    webpack(webpackConfig)?.run((err, stats) => {
        if (err) {
            throw err;
        }
        if (stats && stats.hasErrors()) {
            console.error(stats.toString(webpackConfig.stats));
            process.exit(1);
        }
        console.debug('>>> CSS validation completed.');
    });
}
await validate();
//# sourceMappingURL=validate-css-modules.js.map