diff options
Diffstat (limited to 'node_modules/postcss-reduce-transforms')
| -rw-r--r-- | node_modules/postcss-reduce-transforms/LICENSE-MIT | 22 | ||||
| -rw-r--r-- | node_modules/postcss-reduce-transforms/README.md | 47 | ||||
| -rw-r--r-- | node_modules/postcss-reduce-transforms/package.json | 35 | ||||
| -rw-r--r-- | node_modules/postcss-reduce-transforms/src/index.js | 309 | ||||
| -rw-r--r-- | node_modules/postcss-reduce-transforms/types/index.d.ts | 9 |
5 files changed, 422 insertions, 0 deletions
diff --git a/node_modules/postcss-reduce-transforms/LICENSE-MIT b/node_modules/postcss-reduce-transforms/LICENSE-MIT new file mode 100644 index 00000000..fd0e863a --- /dev/null +++ b/node_modules/postcss-reduce-transforms/LICENSE-MIT @@ -0,0 +1,22 @@ +Copyright (c) Ben Briggs <beneb.info@gmail.com> (http://beneb.info) + +Permission is hereby granted, free of charge, to any person +obtaining a copy of this software and associated documentation +files (the "Software"), to deal in the Software without +restriction, including without limitation the rights to use, +copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following +conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. diff --git a/node_modules/postcss-reduce-transforms/README.md b/node_modules/postcss-reduce-transforms/README.md new file mode 100644 index 00000000..005b817a --- /dev/null +++ b/node_modules/postcss-reduce-transforms/README.md @@ -0,0 +1,47 @@ +# [postcss][postcss]-reduce-transforms + +> Reduce transform functions with PostCSS. + +## Install + +With [npm](https://npmjs.org/package/postcss-reduce-transforms) do: + +``` +npm install postcss-reduce-transforms --save +``` + +## Example + +This module will reduce transform functions where possible. For more examples, +see the [tests](src/__tests__/index.js). + +### Input + +```css +h1 { + transform: rotate3d(0, 0, 1, 20deg); +} +``` + +### Output + +```css +h1 { + transform: rotate(20deg); +} +``` + +## Usage + +See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for +examples for your environment. + +## Contributors + +See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md). + +## License + +MIT © [Ben Briggs](http://beneb.info) + +[postcss]: https://github.com/postcss/postcss diff --git a/node_modules/postcss-reduce-transforms/package.json b/node_modules/postcss-reduce-transforms/package.json new file mode 100644 index 00000000..8e7fa0b0 --- /dev/null +++ b/node_modules/postcss-reduce-transforms/package.json @@ -0,0 +1,35 @@ +{ + "name": "postcss-reduce-transforms", + "version": "6.0.0", + "description": "Reduce transform functions with PostCSS.", + "main": "src/index.js", + "types": "types/index.d.ts", + "files": [ + "LICENSE-MIT", + "src", + "types" + ], + "license": "MIT", + "homepage": "https://github.com/cssnano/cssnano", + "author": { + "name": "Ben Briggs", + "email": "beneb.info@gmail.com", + "url": "http://beneb.info" + }, + "repository": "cssnano/cssnano", + "dependencies": { + "postcss-value-parser": "^4.2.0" + }, + "bugs": { + "url": "https://github.com/cssnano/cssnano/issues" + }, + "engines": { + "node": "^14 || ^16 || >=18.0" + }, + "devDependencies": { + "postcss": "^8.2.15" + }, + "peerDependencies": { + "postcss": "^8.2.15" + } +}
\ No newline at end of file diff --git a/node_modules/postcss-reduce-transforms/src/index.js b/node_modules/postcss-reduce-transforms/src/index.js new file mode 100644 index 00000000..8a661d07 --- /dev/null +++ b/node_modules/postcss-reduce-transforms/src/index.js @@ -0,0 +1,309 @@ +'use strict'; +const valueParser = require('postcss-value-parser'); + +/** + * @param {(number|string)[]} list + * @param {valueParser.Node} node + * @param {number} index + * @return {(number|string)[]} + */ +function getValues(list, node, index) { + if (index % 2 === 0) { + /** @type {number|string} */ + let value = NaN; + + if ( + node.type === 'function' && + (node.value === 'var' || node.value === 'env') && + node.nodes.length === 1 + ) { + value = valueParser.stringify(node.nodes); + } else if (node.type === 'word') { + value = parseFloat(node.value); + } + + return [...list, value]; + } + + return list; +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function matrix3d(node, values) { + if (values.length !== 16) { + return; + } + + // matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1) => matrix(a, b, c, d, tx, ty) + if ( + values[15] && + values[2] === 0 && + values[3] === 0 && + values[6] === 0 && + values[7] === 0 && + values[8] === 0 && + values[9] === 0 && + values[10] === 1 && + values[11] === 0 && + values[14] === 0 && + values[15] === 1 + ) { + const { nodes } = node; + + node.value = 'matrix'; + node.nodes = [ + nodes[0], // a + nodes[1], // , + nodes[2], // b + nodes[3], // , + nodes[8], // c + nodes[9], // , + nodes[10], // d + nodes[11], // , + nodes[24], // tx + nodes[25], // , + nodes[26], // ty + ]; + } +} + +const rotate3dMappings = new Map([ + [[1, 0, 0].toString(), 'rotateX'], // rotate3d(1, 0, 0, a) => rotateX(a) + [[0, 1, 0].toString(), 'rotateY'], // rotate3d(0, 1, 0, a) => rotateY(a) + [[0, 0, 1].toString(), 'rotate'], // rotate3d(0, 0, 1, a) => rotate(a) +]); + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function rotate3d(node, values) { + if (values.length !== 4) { + return; + } + + const { nodes } = node; + const match = rotate3dMappings.get(values.slice(0, 3).toString()); + + if (match) { + node.value = match; + node.nodes = [nodes[6]]; + } +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function rotateZ(node, values) { + if (values.length !== 1) { + return; + } + + // rotateZ(rz) => rotate(rz) + node.value = 'rotate'; +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function scale(node, values) { + if (values.length !== 2) { + return; + } + + const { nodes } = node; + const [first, second] = values; + + // scale(sx, sy) => scale(sx) + if (first === second) { + node.nodes = [nodes[0]]; + + return; + } + + // scale(sx, 1) => scaleX(sx) + if (second === 1) { + node.value = 'scaleX'; + node.nodes = [nodes[0]]; + + return; + } + + // scale(1, sy) => scaleY(sy) + if (first === 1) { + node.value = 'scaleY'; + node.nodes = [nodes[2]]; + + return; + } +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function scale3d(node, values) { + if (values.length !== 3) { + return; + } + + const { nodes } = node; + const [first, second, third] = values; + + // scale3d(sx, 1, 1) => scaleX(sx) + if (second === 1 && third === 1) { + node.value = 'scaleX'; + node.nodes = [nodes[0]]; + + return; + } + + // scale3d(1, sy, 1) => scaleY(sy) + if (first === 1 && third === 1) { + node.value = 'scaleY'; + node.nodes = [nodes[2]]; + + return; + } + + // scale3d(1, 1, sz) => scaleZ(sz) + if (first === 1 && second === 1) { + node.value = 'scaleZ'; + node.nodes = [nodes[4]]; + + return; + } +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function translate(node, values) { + if (values.length !== 2) { + return; + } + + const { nodes } = node; + + // translate(tx, 0) => translate(tx) + if (values[1] === 0) { + node.nodes = [nodes[0]]; + + return; + } + + // translate(0, ty) => translateY(ty) + if (values[0] === 0) { + node.value = 'translateY'; + node.nodes = [nodes[2]]; + + return; + } +} + +/** + * @param {valueParser.FunctionNode} node + * @param {(number|string)[]} values + * @return {void} + */ +function translate3d(node, values) { + if (values.length !== 3) { + return; + } + + const { nodes } = node; + + // translate3d(0, 0, tz) => translateZ(tz) + if (values[0] === 0 && values[1] === 0) { + node.value = 'translateZ'; + node.nodes = [nodes[4]]; + } +} + +const reducers = new Map([ + ['matrix3d', matrix3d], + ['rotate3d', rotate3d], + ['rotateZ', rotateZ], + ['scale', scale], + ['scale3d', scale3d], + ['translate', translate], + ['translate3d', translate3d], +]); +/** + * @param {string} name + * @return {string} + */ +function normalizeReducerName(name) { + const lowerCasedName = name.toLowerCase(); + + if (lowerCasedName === 'rotatez') { + return 'rotateZ'; + } + + return lowerCasedName; +} + +/** + * @param {valueParser.Node} node + * @return {false} + */ +function reduce(node) { + if (node.type === 'function') { + const normalizedReducerName = normalizeReducerName(node.value); + const reducer = reducers.get(normalizedReducerName); + if (reducer !== undefined) { + reducer(node, node.nodes.reduce(getValues, [])); + } + } + return false; +} + +/** + * @type {import('postcss').PluginCreator<void>} + * @return {import('postcss').Plugin} + */ +function pluginCreator() { + return { + postcssPlugin: 'postcss-reduce-transforms', + prepare() { + const cache = new Map(); + return { + OnceExit(css) { + css.walkDecls(/transform$/i, (decl) => { + const value = decl.value; + + if (!value) { + return; + } + + if (cache.has(value)) { + decl.value = cache.get(value); + + return; + } + + const result = valueParser(value).walk(reduce).toString(); + + decl.value = result; + cache.set(value, result); + }); + }, + }; + }, + }; +} + +pluginCreator.postcss = true; +module.exports = pluginCreator; diff --git a/node_modules/postcss-reduce-transforms/types/index.d.ts b/node_modules/postcss-reduce-transforms/types/index.d.ts new file mode 100644 index 00000000..d2beadb6 --- /dev/null +++ b/node_modules/postcss-reduce-transforms/types/index.d.ts @@ -0,0 +1,9 @@ +export = pluginCreator; +/** + * @type {import('postcss').PluginCreator<void>} + * @return {import('postcss').Plugin} + */ +declare function pluginCreator(): import('postcss').Plugin; +declare namespace pluginCreator { + const postcss: true; +} |
