postcss-reduce-transforms 5.0.2 → 5.1.0

package/README.md

@@ -19,7 +19,7 @@ see the [tests](src/__tests__/index.js).
 
 ```css
 h1 {
-    transform: rotate3d(0, 0, 1, 20deg);
+  transform: rotate3d(0, 0, 1, 20deg);
 }
 ```
 
@@ -27,7 +27,7 @@ h1 {
 
 ```css
 h1 {
-    transform: rotate(20deg);
+  transform: rotate(20deg);
 }
 ```
 

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "postcss-reduce-transforms",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "description": "Reduce transform functions with PostCSS.",
-  "main": "dist/index.js",
+  "main": "src/index.js",
+  "types": "types/index.d.ts",
   "files": [
     "LICENSE-MIT",
-    "dist"
+    "src",
+    "types"
   ],
   "license": "MIT",
   "homepage": "https://github.com/cssnano/cssnano",
@@ -30,9 +32,5 @@
   "peerDependencies": {
     "postcss": "^8.2.15"
   },
-  "scripts": {
-    "prebuild": "rimraf dist",
-    "build": "babel src --config-file ../../babel.config.json --out-dir dist --ignore \"**/__tests__/\""
-  },
-  "readme": "# [postcss][postcss]-reduce-transforms\n\n> Reduce transform functions with PostCSS.\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-reduce-transforms) do:\n\n```\nnpm install postcss-reduce-transforms --save\n```\n\n## Example\n\nThis module will reduce transform functions where possible. For more examples,\nsee the [tests](src/__tests__/index.js).\n\n### Input\n\n```css\nh1 {\n    transform: rotate3d(0, 0, 1, 20deg);\n}\n```\n\n### Output\n\n```css\nh1 {\n    transform: rotate(20deg);\n}\n```\n\n## Usage\n\nSee the [PostCSS documentation](https://github.com/postcss/postcss#usage) for\nexamples for your environment.\n\n## Contributors\n\nSee [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).\n\n## License\n\nMIT © [Ben Briggs](http://beneb.info)\n\n[postcss]: https://github.com/postcss/postcss\n"
+  "readme": "# [postcss][postcss]-reduce-transforms\n\n> Reduce transform functions with PostCSS.\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-reduce-transforms) do:\n\n```\nnpm install postcss-reduce-transforms --save\n```\n\n## Example\n\nThis module will reduce transform functions where possible. For more examples,\nsee the [tests](src/__tests__/index.js).\n\n### Input\n\n```css\nh1 {\n  transform: rotate3d(0, 0, 1, 20deg);\n}\n```\n\n### Output\n\n```css\nh1 {\n  transform: rotate(20deg);\n}\n```\n\n## Usage\n\nSee the [PostCSS documentation](https://github.com/postcss/postcss#usage) for\nexamples for your environment.\n\n## Contributors\n\nSee [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).\n\n## License\n\nMIT © [Ben Briggs](http://beneb.info)\n\n[postcss]: https://github.com/postcss/postcss\n"
 }

package/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;

package/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;
+}

package/dist/index.js

@@ -1,254 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function getValues(list, node, index) {
-  if (index % 2 === 0) {
-    let value = NaN;
-
-    if (node.type === 'function' && (node.value === 'var' || node.value === 'env') && node.nodes.length === 1) {
-      value = (0, _postcssValueParser.stringify)(node.nodes);
-    } else if (node.type === 'word') {
-      value = parseFloat(node.value);
-    }
-
-    return [...list, value];
-  }
-
-  return list;
-}
-
-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)
-]);
-
-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]];
-  }
-}
-
-function rotateZ(node, values) {
-  if (values.length !== 1) {
-    return;
-  } // rotateZ(rz) => rotate(rz)
-
-
-  node.value = 'rotate';
-}
-
-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;
-  }
-}
-
-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;
-  }
-}
-
-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;
-  }
-}
-
-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 = {
-  matrix3d,
-  rotate3d,
-  rotateZ,
-  scale,
-  scale3d,
-  translate,
-  translate3d
-};
-
-function normalizeReducerName(name) {
-  const lowerCasedName = name.toLowerCase();
-
-  if (lowerCasedName === 'rotatez') {
-    return 'rotateZ';
-  }
-
-  return lowerCasedName;
-}
-
-function reduce(node) {
-  const {
-    nodes,
-    type,
-    value
-  } = node;
-  const normalizedReducerName = normalizeReducerName(value);
-
-  if (type === 'function' && Object.prototype.hasOwnProperty.call(reducers, normalizedReducerName)) {
-    reducers[normalizedReducerName](node, nodes.reduce(getValues, []));
-  }
-
-  return false;
-}
-
-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 = (0, _postcssValueParser.default)(value).walk(reduce).toString();
-            decl.value = result;
-            cache.set(value, result);
-          });
-        }
-
-      };
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;