From c06f7ee0a40255214c477e13d9b956a7e07c2900 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Sat, 14 Oct 2023 15:05:55 +0800 Subject: postcss,(plugins): nanocss, postcss-preset-env --- .../src/index.js | 146 +++++++++++++++++++++ 1 file changed, 146 insertions(+) create mode 100644 node_modules/postcss-normalize-timing-functions/src/index.js (limited to 'node_modules/postcss-normalize-timing-functions/src') diff --git a/node_modules/postcss-normalize-timing-functions/src/index.js b/node_modules/postcss-normalize-timing-functions/src/index.js new file mode 100644 index 00000000..cfe0dda6 --- /dev/null +++ b/node_modules/postcss-normalize-timing-functions/src/index.js @@ -0,0 +1,146 @@ +'use strict'; +const valueParser = require('postcss-value-parser'); + +/** @type {(node: valueParser.Node) => number} */ +const getValue = (node) => parseFloat(node.value); + +/* Works because toString() normalizes the formatting, + so comparing the string forms behaves the same as number equality*/ +const conversions = new Map([ + [[0.25, 0.1, 0.25, 1].toString(), 'ease'], + [[0, 0, 1, 1].toString(), 'linear'], + [[0.42, 0, 1, 1].toString(), 'ease-in'], + [[0, 0, 0.58, 1].toString(), 'ease-out'], + [[0.42, 0, 0.58, 1].toString(), 'ease-in-out'], +]); +/** + * @param {valueParser.Node} node + * @return {void | false} + */ +function reduce(node) { + if (node.type !== 'function') { + return false; + } + + if (!node.value) { + return; + } + + const lowerCasedValue = node.value.toLowerCase(); + + if (lowerCasedValue === 'steps') { + // Don't bother checking the step-end case as it has the same length + // as steps(1) + if ( + node.nodes[0].type === 'word' && + getValue(node.nodes[0]) === 1 && + node.nodes[2] && + node.nodes[2].type === 'word' && + (node.nodes[2].value.toLowerCase() === 'start' || + node.nodes[2].value.toLowerCase() === 'jump-start') + ) { + /** @type string */ (node.type) = 'word'; + node.value = 'step-start'; + + delete (/** @type Partial */ (node).nodes); + + return; + } + + if ( + node.nodes[0].type === 'word' && + getValue(node.nodes[0]) === 1 && + node.nodes[2] && + node.nodes[2].type === 'word' && + (node.nodes[2].value.toLowerCase() === 'end' || + node.nodes[2].value.toLowerCase() === 'jump-end') + ) { + /** @type string */ (node.type) = 'word'; + node.value = 'step-end'; + + delete (/** @type Partial */ (node).nodes); + + return; + } + + // The end case is actually the browser default, so it isn't required. + if ( + node.nodes[2] && + node.nodes[2].type === 'word' && + (node.nodes[2].value.toLowerCase() === 'end' || + node.nodes[2].value.toLowerCase() === 'jump-end') + ) { + node.nodes = [node.nodes[0]]; + + return; + } + + return false; + } + + if (lowerCasedValue === 'cubic-bezier') { + const values = node.nodes + .filter((list, index) => { + return index % 2 === 0; + }) + .map(getValue); + + if (values.length !== 4) { + return; + } + + const match = conversions.get(values.toString()); + + if (match) { + /** @type string */ (node.type) = 'word'; + node.value = match; + + delete (/** @type Partial */ (node).nodes); + + return; + } + } +} + +/** + * @param {string} value + * @return {string} + */ +function transform(value) { + return valueParser(value).walk(reduce).toString(); +} + +/** + * @type {import('postcss').PluginCreator} + * @return {import('postcss').Plugin} + */ +function pluginCreator() { + return { + postcssPlugin: 'postcss-normalize-timing-functions', + + OnceExit(css) { + const cache = new Map(); + + css.walkDecls( + /^(-\w+-)?(animation|transition)(-timing-function)?$/i, + (decl) => { + const value = decl.value; + + if (cache.has(value)) { + decl.value = cache.get(value); + + return; + } + + const result = transform(value); + + decl.value = result; + cache.set(value, result); + } + ); + }, + }; +} + +pluginCreator.postcss = true; +module.exports = pluginCreator; -- cgit v1.2.3