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.
155 lines
3.4 KiB
155 lines
3.4 KiB
2 years ago
|
"use strict";
|
||
|
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = void 0;
|
||
|
|
||
|
var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
|
||
|
|
||
|
var _cssnanoUtils = require("cssnano-utils");
|
||
|
|
||
|
var _map = _interopRequireDefault(require("./lib/map"));
|
||
|
|
||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
||
|
function evenValues(list, index) {
|
||
|
return index % 2 === 0;
|
||
|
}
|
||
|
|
||
|
const repeatKeywords = _map.default.map(mapping => mapping[0]);
|
||
|
|
||
|
const getMatch = (0, _cssnanoUtils.getMatch)(_map.default);
|
||
|
|
||
|
function isCommaNode(node) {
|
||
|
return node.type === 'div' && node.value === ',';
|
||
|
}
|
||
|
|
||
|
function isVariableFunctionNode(node) {
|
||
|
if (node.type !== 'function') {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
return ['var', 'env'].includes(node.value.toLowerCase());
|
||
|
}
|
||
|
|
||
|
function transform(value) {
|
||
|
const parsed = (0, _postcssValueParser.default)(value);
|
||
|
|
||
|
if (parsed.nodes.length === 1) {
|
||
|
return value;
|
||
|
}
|
||
|
|
||
|
const ranges = [];
|
||
|
let rangeIndex = 0;
|
||
|
let shouldContinue = true;
|
||
|
parsed.nodes.forEach((node, index) => {
|
||
|
// After comma (`,`) follows next background
|
||
|
if (isCommaNode(node)) {
|
||
|
rangeIndex += 1;
|
||
|
shouldContinue = true;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (!shouldContinue) {
|
||
|
return;
|
||
|
} // After separator (`/`) follows `background-size` values
|
||
|
// Avoid them
|
||
|
|
||
|
|
||
|
if (node.type === 'div' && node.value === '/') {
|
||
|
shouldContinue = false;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (!ranges[rangeIndex]) {
|
||
|
ranges[rangeIndex] = {
|
||
|
start: null,
|
||
|
end: null
|
||
|
};
|
||
|
} // Do not try to be processed `var and `env` function inside background
|
||
|
|
||
|
|
||
|
if (isVariableFunctionNode(node)) {
|
||
|
shouldContinue = false;
|
||
|
ranges[rangeIndex].start = null;
|
||
|
ranges[rangeIndex].end = null;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const isRepeatKeyword = node.type === 'word' && repeatKeywords.includes(node.value.toLowerCase());
|
||
|
|
||
|
if (ranges[rangeIndex].start === null && isRepeatKeyword) {
|
||
|
ranges[rangeIndex].start = index;
|
||
|
ranges[rangeIndex].end = index;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (ranges[rangeIndex].start !== null) {
|
||
|
if (node.type === 'space') {
|
||
|
return;
|
||
|
} else if (isRepeatKeyword) {
|
||
|
ranges[rangeIndex].end = index;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
return;
|
||
|
}
|
||
|
});
|
||
|
ranges.forEach(range => {
|
||
|
if (range.start === null) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const nodes = parsed.nodes.slice(range.start, range.end + 1);
|
||
|
|
||
|
if (nodes.length !== 3) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const match = getMatch(nodes.filter(evenValues).map(n => n.value.toLowerCase()));
|
||
|
|
||
|
if (match) {
|
||
|
nodes[0].value = match;
|
||
|
nodes[1].value = nodes[2].value = '';
|
||
|
}
|
||
|
});
|
||
|
return parsed.toString();
|
||
|
}
|
||
|
|
||
|
function pluginCreator() {
|
||
|
return {
|
||
|
postcssPlugin: 'postcss-normalize-repeat-style',
|
||
|
|
||
|
prepare() {
|
||
|
const cache = {};
|
||
|
return {
|
||
|
OnceExit(css) {
|
||
|
css.walkDecls(/^(background(-repeat)?|(-\w+-)?mask-repeat)$/i, decl => {
|
||
|
const value = decl.value;
|
||
|
|
||
|
if (!value) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (cache[value]) {
|
||
|
decl.value = cache[value];
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
const result = transform(value);
|
||
|
decl.value = result;
|
||
|
cache[value] = result;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
};
|
||
|
}
|
||
|
|
||
|
};
|
||
|
}
|
||
|
|
||
|
pluginCreator.postcss = true;
|
||
|
var _default = pluginCreator;
|
||
|
exports.default = _default;
|
||
|
module.exports = exports.default;
|