You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
363 lines
9.9 KiB
363 lines
9.9 KiB
4 weeks ago
|
"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
|
||
|
};
|