|
|
"use strict";
/** @typedef {import("./index.js").Input} Input */
/** @typedef {import("source-map").RawSourceMap} RawSourceMap */
/** @typedef {import("source-map").SourceMapGenerator} SourceMapGenerator */
/** @typedef {import("./index.js").MinimizedResult} MinimizedResult */
/** @typedef {import("./index.js").CustomOptions} CustomOptions */
/** @typedef {import("postcss").ProcessOptions} ProcessOptions */
/** @typedef {import("postcss").Postcss} Postcss */ const notSettled = Symbol(`not-settled`); /** * @template T * @typedef {() => Promise<T>} Task */
/** * Run tasks with limited concurency. * @template T * @param {number} limit - Limit of tasks that run at once. * @param {Task<T>[]} tasks - List of tasks to run. * @returns {Promise<T[]>} A promise that fulfills to an array of the results */
function throttleAll(limit, tasks) { if (!Number.isInteger(limit) || limit < 1) { throw new TypeError(`Expected \`limit\` to be a finite number > 0, got \`${limit}\` (${typeof limit})`); }
if (!Array.isArray(tasks) || !tasks.every(task => typeof task === `function`)) { throw new TypeError(`Expected \`tasks\` to be a list of functions returning a promise`); }
return new Promise((resolve, reject) => { const result = Array(tasks.length).fill(notSettled); const entries = tasks.entries();
const next = () => { const { done, value } = entries.next();
if (done) { const isLast = !result.includes(notSettled); if (isLast) resolve(result); return; }
const [index, task] = value; /** * @param {T} x */
const onFulfilled = x => { result[index] = x; next(); };
task().then(onFulfilled, reject); };
Array(limit).fill(0).forEach(next); }); } /* istanbul ignore next */
/** * @param {Input} input * @param {RawSourceMap | undefined} sourceMap * @param {CustomOptions} minimizerOptions * @return {Promise<MinimizedResult>} */
async function cssnanoMinify(input, sourceMap, minimizerOptions = { preset: "default" }) { /** * @template T * @param {string} module * @returns {Promise<T>} */ const load = async module => { let exports;
try { // eslint-disable-next-line import/no-dynamic-require, global-require
exports = require(module); return exports; } catch (requireError) { let importESM;
try { // eslint-disable-next-line no-new-func
importESM = new Function("id", "return import(id);"); } catch (e) { importESM = null; }
if ( /** @type {Error & {code: string}} */ requireError.code === "ERR_REQUIRE_ESM" && importESM) { exports = await importESM(module); return exports.default; }
throw requireError; } };
const [[name, code]] = Object.entries(input); /** @type {ProcessOptions} */
const postcssOptions = { from: name, ...minimizerOptions.processorOptions };
if (typeof postcssOptions.parser === "string") { try { postcssOptions.parser = await load(postcssOptions.parser); } catch (error) { throw new Error(`Loading PostCSS "${postcssOptions.parser}" parser failed: ${ /** @type {Error} */ error.message}\n\n(@${name})`);
} }
if (typeof postcssOptions.stringifier === "string") { try { postcssOptions.stringifier = await load(postcssOptions.stringifier); } catch (error) { throw new Error(`Loading PostCSS "${postcssOptions.stringifier}" stringifier failed: ${ /** @type {Error} */ error.message}\n\n(@${name})`);
} }
if (typeof postcssOptions.syntax === "string") { try { postcssOptions.syntax = await load(postcssOptions.syntax); } catch (error) { throw new Error(`Loading PostCSS "${postcssOptions.syntax}" syntax failed: ${ /** @type {Error} */ error.message}\n\n(@${name})`);
} }
if (sourceMap) { postcssOptions.map = { annotation: false }; } /** @type {Postcss} */ // eslint-disable-next-line global-require
const postcss = require("postcss").default; // @ts-ignore
// eslint-disable-next-line global-require
const cssnano = require("cssnano"); // @ts-ignore
// Types are broken
const result = await postcss([cssnano(minimizerOptions)]).process(code, postcssOptions); return { code: result.css, map: result.map ? result.map.toJSON() : // eslint-disable-next-line no-undefined
undefined, warnings: result.warnings().map(String) }; } /* istanbul ignore next */
/** * @param {Input} input * @param {RawSourceMap | undefined} sourceMap * @param {CustomOptions} minimizerOptions * @return {Promise<MinimizedResult>} */
async function cssoMinify(input, sourceMap, minimizerOptions) { // eslint-disable-next-line global-require,import/no-extraneous-dependencies
const csso = require("csso");
const [[filename, code]] = Object.entries(input); const result = csso.minify(code, { filename, sourceMap: Boolean(sourceMap), ...minimizerOptions }); return { code: result.css, map: result.map ? /** @type {SourceMapGenerator & { toJSON(): RawSourceMap }} */ result.map.toJSON() : // eslint-disable-next-line no-undefined
undefined }; } /* istanbul ignore next */
/** * @param {Input} input * @param {RawSourceMap | undefined} sourceMap * @param {CustomOptions} minimizerOptions * @return {Promise<MinimizedResult>} */
async function cleanCssMinify(input, sourceMap, minimizerOptions) { // eslint-disable-next-line global-require,import/no-extraneous-dependencies
const CleanCSS = require("clean-css");
const [[name, code]] = Object.entries(input); const result = await new CleanCSS({ sourceMap: Boolean(sourceMap), ...minimizerOptions, returnPromise: true }).minify({ [name]: { styles: code } }); const generatedSourceMap = result.sourceMap && /** @type {SourceMapGenerator & { toJSON(): RawSourceMap }} */ result.sourceMap.toJSON(); // workaround for source maps on windows
if (generatedSourceMap) { // eslint-disable-next-line global-require
const isWindowsPathSep = require("path").sep === "\\"; generatedSourceMap.sources = generatedSourceMap.sources.map( /** * @param {string} item * @returns {string} */ item => isWindowsPathSep ? item.replace(/\\/g, "/") : item); }
return { code: result.styles, map: generatedSourceMap, warnings: result.warnings }; } /* istanbul ignore next */
/** * @param {Input} input * @param {RawSourceMap | undefined} sourceMap * @param {CustomOptions} minimizerOptions * @return {Promise<MinimizedResult>} */
async function esbuildMinify(input, sourceMap, minimizerOptions) { /** * @param {import("esbuild").TransformOptions} [esbuildOptions={}] * @returns {import("esbuild").TransformOptions} */ const buildEsbuildOptions = (esbuildOptions = {}) => { // Need deep copy objects to avoid https://github.com/terser/terser/issues/366
return { loader: "css", minify: true, legalComments: "inline", ...esbuildOptions, sourcemap: false }; }; // eslint-disable-next-line import/no-extraneous-dependencies, global-require
const esbuild = require("esbuild"); // Copy `esbuild` options
const esbuildOptions = buildEsbuildOptions(minimizerOptions); // Let `esbuild` generate a SourceMap
if (sourceMap) { esbuildOptions.sourcemap = true; esbuildOptions.sourcesContent = false; }
const [[filename, code]] = Object.entries(input); esbuildOptions.sourcefile = filename; const result = await esbuild.transform(code, esbuildOptions); return { code: result.code, // eslint-disable-next-line no-undefined
map: result.map ? JSON.parse(result.map) : undefined, warnings: result.warnings.length > 0 ? result.warnings.map(item => { return { source: item.location && item.location.file, // eslint-disable-next-line no-undefined
line: item.location && item.location.line ? item.location.line : undefined, // eslint-disable-next-line no-undefined
column: item.location && item.location.column ? item.location.column : undefined, plugin: item.pluginName, message: `${item.text}${item.detail ? `\nDetails:\n${item.detail}` : ""}${item.notes.length > 0 ? `\n\nNotes:\n${item.notes.map(note => `${note.location ? `[${note.location.file}:${note.location.line}:${note.location.column}] ` : ""}${note.text}${note.location ? `\nSuggestion: ${note.location.suggestion}` : ""}${note.location ? `\nLine text:\n${note.location.lineText}\n` : ""}`).join("\n")}` : ""}` }; }) : [] }; } /* istanbul ignore next */
/** * @param {Input} input * @param {RawSourceMap | undefined} sourceMap * @param {CustomOptions} minimizerOptions * @return {Promise<MinimizedResult>} */
async function parcelCssMinify(input, sourceMap, minimizerOptions) { const [[filename, code]] = Object.entries(input); /** * @param {Partial<import("@parcel/css").TransformOptions>} [parcelCssOptions={}] * @returns {import("@parcel/css").TransformOptions} */
const buildParcelCssOptions = (parcelCssOptions = {}) => { // Need deep copy objects to avoid https://github.com/terser/terser/issues/366
return { minify: true, ...parcelCssOptions, sourceMap: false, filename, code: Buffer.from(code) }; }; // eslint-disable-next-line import/no-extraneous-dependencies, global-require
const parcelCss = require("@parcel/css"); // Copy `esbuild` options
const parcelCssOptions = buildParcelCssOptions(minimizerOptions); // Let `esbuild` generate a SourceMap
if (sourceMap) { parcelCssOptions.sourceMap = true; }
const result = await parcelCss.transform(parcelCssOptions); return { code: result.code.toString(), // eslint-disable-next-line no-undefined
map: result.map ? JSON.parse(result.map.toString()) : undefined }; }
module.exports = { throttleAll, cssnanoMinify, cssoMinify, cleanCssMinify, esbuildMinify, parcelCssMinify };
|