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
"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 |
|
}; |