diff options
Diffstat (limited to 'node_modules/postcss-minify-gradients/src/index.js')
| -rw-r--r-- | node_modules/postcss-minify-gradients/src/index.js | 224 |
1 files changed, 224 insertions, 0 deletions
diff --git a/node_modules/postcss-minify-gradients/src/index.js b/node_modules/postcss-minify-gradients/src/index.js new file mode 100644 index 00000000..a04ce12a --- /dev/null +++ b/node_modules/postcss-minify-gradients/src/index.js @@ -0,0 +1,224 @@ +'use strict'; +const valueParser = require('postcss-value-parser'); +const { getArguments } = require('cssnano-utils'); +const isColorStop = require('./isColorStop.js'); + +const angles = { + top: '0deg', + right: '90deg', + bottom: '180deg', + left: '270deg', +}; + +/** + * @param {valueParser.Dimension} a + * @param {valueParser.Dimension} b + * @return {boolean} + */ +function isLessThan(a, b) { + return ( + a.unit.toLowerCase() === b.unit.toLowerCase() && + parseFloat(a.number) >= parseFloat(b.number) + ); +} +/** + * @param {import('postcss').Declaration} decl + * @return {void} + */ +function optimise(decl) { + const value = decl.value; + + if (!value) { + return; + } + + const normalizedValue = value.toLowerCase(); + + if (normalizedValue.includes('var(') || normalizedValue.includes('env(')) { + return; + } + + if (!normalizedValue.includes('gradient')) { + return; + } + + decl.value = valueParser(value) + .walk((node) => { + if (node.type !== 'function' || !node.nodes.length) { + return false; + } + + const lowerCasedValue = node.value.toLowerCase(); + + if ( + lowerCasedValue === 'linear-gradient' || + lowerCasedValue === 'repeating-linear-gradient' || + lowerCasedValue === '-webkit-linear-gradient' || + lowerCasedValue === '-webkit-repeating-linear-gradient' + ) { + let args = getArguments(node); + + if ( + node.nodes[0].value.toLowerCase() === 'to' && + args[0].length === 3 + ) { + node.nodes = node.nodes.slice(2); + node.nodes[0].value = + angles[ + /** @type {'top'|'right'|'bottom'|'left'}*/ ( + node.nodes[0].value.toLowerCase() + ) + ]; + } + + /** @type {valueParser.Dimension | false} */ + let lastStop; + + args.forEach((arg, index) => { + if (arg.length !== 3) { + return; + } + + let isFinalStop = index === args.length - 1; + let thisStop = valueParser.unit(arg[2].value); + + if (lastStop === undefined) { + lastStop = thisStop; + + if ( + !isFinalStop && + lastStop && + lastStop.number === '0' && + lastStop.unit.toLowerCase() !== 'deg' + ) { + arg[1].value = arg[2].value = ''; + } + + return; + } + + if (lastStop && thisStop && isLessThan(lastStop, thisStop)) { + arg[2].value = '0'; + } + + lastStop = thisStop; + + if (isFinalStop && arg[2].value === '100%') { + arg[1].value = arg[2].value = ''; + } + }); + + return false; + } + + if ( + lowerCasedValue === 'radial-gradient' || + lowerCasedValue === 'repeating-radial-gradient' + ) { + let args = getArguments(node); + /** @type {valueParser.Dimension | false} */ + let lastStop; + + const hasAt = args[0].find((n) => n.value.toLowerCase() === 'at'); + + args.forEach((arg, index) => { + if (!arg[2] || (!index && hasAt)) { + return; + } + + let thisStop = valueParser.unit(arg[2].value); + + if (!lastStop) { + lastStop = thisStop; + + return; + } + + if (lastStop && thisStop && isLessThan(lastStop, thisStop)) { + arg[2].value = '0'; + } + + lastStop = thisStop; + }); + + return false; + } + + if ( + lowerCasedValue === '-webkit-radial-gradient' || + lowerCasedValue === '-webkit-repeating-radial-gradient' + ) { + let args = getArguments(node); + /** @type {valueParser.Dimension | false} */ + let lastStop; + + args.forEach((arg) => { + let color; + let stop; + + if (arg[2] !== undefined) { + if (arg[0].type === 'function') { + color = `${arg[0].value}(${valueParser.stringify(arg[0].nodes)})`; + } else { + color = arg[0].value; + } + + if (arg[2].type === 'function') { + stop = `${arg[2].value}(${valueParser.stringify(arg[2].nodes)})`; + } else { + stop = arg[2].value; + } + } else { + if (arg[0].type === 'function') { + color = `${arg[0].value}(${valueParser.stringify(arg[0].nodes)})`; + } + + color = arg[0].value; + } + + color = color.toLowerCase(); + + const colorStop = + stop !== undefined + ? isColorStop(color, stop.toLowerCase()) + : isColorStop(color); + + if (!colorStop || !arg[2]) { + return; + } + + let thisStop = valueParser.unit(arg[2].value); + + if (!lastStop) { + lastStop = thisStop; + + return; + } + + if (lastStop && thisStop && isLessThan(lastStop, thisStop)) { + arg[2].value = '0'; + } + + lastStop = thisStop; + }); + + return false; + } + }) + .toString(); +} +/** + * @type {import('postcss').PluginCreator<void>} + * @return {import('postcss').Plugin} + */ +function pluginCreator() { + return { + postcssPlugin: 'postcss-minify-gradients', + OnceExit(css) { + css.walkDecls(optimise); + }, + }; +} + +pluginCreator.postcss = true; +module.exports = pluginCreator; |
