Son CV dans un terminal web en Javascript!
https://terminal-cv.gregandev.fr
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.
125 lines
3.1 KiB
125 lines
3.1 KiB
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = removeUnusedCss;
|
|
|
|
var _helpers = require("../helpers");
|
|
|
|
var _uncss = _interopRequireDefault(require("uncss"));
|
|
|
|
var _purgecss = _interopRequireDefault(require("purgecss"));
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
// These options must be set and shouldn't be overriden to ensure uncss doesn't look at linked stylesheets.
|
|
const uncssOptions = {
|
|
ignoreSheets: [/\s*/],
|
|
stylesheets: []
|
|
};
|
|
|
|
function processStyleNodeUnCSS(html, styleNode, uncssOptions) {
|
|
const css = (0, _helpers.extractCssFromStyleNode)(styleNode);
|
|
return runUncss(html, css, uncssOptions).then(css => {
|
|
// uncss may have left some style tags empty
|
|
if (css.trim().length === 0) {
|
|
styleNode.tag = false;
|
|
styleNode.content = [];
|
|
return;
|
|
}
|
|
|
|
styleNode.content = [css];
|
|
});
|
|
}
|
|
|
|
function runUncss(html, css, userOptions) {
|
|
if (typeof userOptions !== 'object') {
|
|
userOptions = {};
|
|
}
|
|
|
|
const options = { ...userOptions,
|
|
...uncssOptions
|
|
};
|
|
return new Promise((resolve, reject) => {
|
|
options.raw = css;
|
|
(0, _uncss.default)(html, options, (error, output) => {
|
|
if (error) {
|
|
reject(error);
|
|
return;
|
|
}
|
|
|
|
resolve(output);
|
|
});
|
|
});
|
|
}
|
|
|
|
const purgeFromHtml = function (tree) {
|
|
// content is not used as we can directly used the parsed HTML,
|
|
// making the process faster
|
|
const selectors = [];
|
|
tree.walk(node => {
|
|
const classes = node.attrs && node.attrs.class && node.attrs.class.split(' ') || [];
|
|
const ids = node.attrs && node.attrs.id && node.attrs.id.split(' ') || [];
|
|
selectors.push(...classes, ...ids);
|
|
node.tag && selectors.push(node.tag);
|
|
return node;
|
|
});
|
|
return () => selectors;
|
|
};
|
|
|
|
function processStyleNodePurgeCSS(tree, styleNode, purgecssOptions) {
|
|
const css = (0, _helpers.extractCssFromStyleNode)(styleNode);
|
|
return runPurgecss(tree, css, purgecssOptions).then(css => {
|
|
if (css.trim().length === 0) {
|
|
styleNode.tag = false;
|
|
styleNode.content = [];
|
|
return;
|
|
}
|
|
|
|
styleNode.content = [css];
|
|
});
|
|
}
|
|
|
|
function runPurgecss(tree, css, userOptions) {
|
|
if (typeof userOptions !== 'object') {
|
|
userOptions = {};
|
|
}
|
|
|
|
const options = { ...userOptions,
|
|
content: [{
|
|
raw: tree,
|
|
extension: 'html'
|
|
}],
|
|
css: [{
|
|
raw: css,
|
|
extension: 'css'
|
|
}],
|
|
extractors: [{
|
|
extractor: purgeFromHtml(tree),
|
|
extensions: ['html']
|
|
}]
|
|
};
|
|
return new _purgecss.default().purge(options).then(result => {
|
|
return result[0].css;
|
|
});
|
|
}
|
|
/** Remove unused CSS */
|
|
|
|
|
|
function removeUnusedCss(tree, options, userOptions) {
|
|
const promises = [];
|
|
const html = userOptions.tool !== 'purgeCSS' && tree.render(tree);
|
|
tree.walk(node => {
|
|
if ((0, _helpers.isStyleNode)(node)) {
|
|
if (userOptions.tool === 'purgeCSS') {
|
|
promises.push(processStyleNodePurgeCSS(tree, node, userOptions));
|
|
} else {
|
|
promises.push(processStyleNodeUnCSS(html, node, userOptions));
|
|
}
|
|
}
|
|
|
|
return node;
|
|
});
|
|
return Promise.all(promises).then(() => tree);
|
|
} |