postcss-reduce-transforms 5.0.0 → 5.0.4

package/package.json

@@ -1,16 +1,11 @@
 {
   "name": "postcss-reduce-transforms",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "description": "Reduce transform functions with PostCSS.",
-  "main": "dist/index.js",
-  "scripts": {
-    "prebuild": "del-cli dist",
-    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
-    "prepublish": "yarn build"
-  },
+  "main": "src/index.js",
   "files": [
     "LICENSE-MIT",
-    "dist"
+    "src"
   ],
   "license": "MIT",
   "homepage": "https://github.com/cssnano/cssnano",
@@ -21,8 +16,7 @@
   },
   "repository": "cssnano/cssnano",
   "dependencies": {
-    "cssnano-utils": "^2.0.0",
-    "postcss-value-parser": "^4.1.0"
+    "postcss-value-parser": "^4.2.0"
   },
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"
@@ -31,10 +25,10 @@
     "node": "^10 || ^12 || >=14.0"
   },
   "devDependencies": {
-    "postcss": "^8.2.1"
+    "postcss": "^8.2.15"
   },
   "peerDependencies": {
-    "postcss": "^8.2.1"
+    "postcss": "^8.2.15"
   },
-  "gitHead": "0e2c3bf5835bafcdc8783bef66f730a24194c8f3"
-}
+  "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,256 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+
+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 = valueParser.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 = new Map([
+  ['matrix3d', matrix3d],
+  ['rotate3d', rotate3d],
+  ['rotateZ', rotateZ],
+  ['scale', scale],
+  ['scale3d', scale3d],
+  ['translate', translate],
+  ['translate3d', translate3d],
+]);
+
+function normalizeReducerName(name) {
+  const lowerCasedName = name.toLowerCase();
+
+  if (lowerCasedName === 'rotatez') {
+    return 'rotateZ';
+  }
+
+  return lowerCasedName;
+}
+
+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;
+}
+
+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/CHANGELOG.md

@@ -1,70 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [5.0.0](https://github.com/cssnano/cssnano/compare/postcss-reduce-transforms@5.0.0-rc.2...postcss-reduce-transforms@5.0.0) (2021-04-06)
-
-**Note:** Version bump only for package postcss-reduce-transforms
-
-
-
-
-
-# [5.0.0-rc.2](https://github.com/cssnano/cssnano/compare/postcss-reduce-transforms@5.0.0-rc.1...postcss-reduce-transforms@5.0.0-rc.2) (2021-03-15)
-
-**Note:** Version bump only for package postcss-reduce-transforms
-
-
-
-
-
-# [5.0.0-rc.1](https://github.com/cssnano/cssnano/compare/postcss-reduce-transforms@5.0.0-rc.0...postcss-reduce-transforms@5.0.0-rc.1) (2021-03-04)
-
-**Note:** Version bump only for package postcss-reduce-transforms
-
-
-
-
-
-# 5.0.0-rc.0 (2021-02-19)
-
-
-### chore
-
-* minimum require version of node is 10.13 ([#871](https://github.com/cssnano/cssnano/issues/871)) ([28bda24](https://github.com/cssnano/cssnano/commit/28bda243e32ce3ba89b3c358a5f78727b3732f11))
-
-
-### Features
-
-* migarete to PostCSS 8 ([#975](https://github.com/cssnano/cssnano/issues/975)) ([40b82dc](https://github.com/cssnano/cssnano/commit/40b82dca7f53ac02cd4fe62846dec79b898ccb49))
-* **postcss-reduce-transforms:** improve optimizations ([#745](https://github.com/cssnano/cssnano/issues/745)) ([b0f0d89](https://github.com/cssnano/cssnano/commit/b0f0d892316d7b77e8033a6dc8d67745043a5072))
-
-
-### BREAKING CHANGES
-
-* minimum supported `postcss` version is `8.2.1`
-* minimum require version of node is 10.13
-
-
-
-## 4.1.9 (2019-02-12)
-
-
-### Bug Fixes
-
-* **fix-postcss-reduce-transforms:** cache ([#691](https://github.com/cssnano/cssnano/issues/691)) ([e07309f](https://github.com/cssnano/cssnano/commit/e07309ff0c07fb36ef2340bbed6b3aee3dad18be))
-
-
-### Performance Improvements
-
-* **postcss-reduce-transforms:** increase perf ([#688](https://github.com/cssnano/cssnano/issues/688)) ([84ccba0](https://github.com/cssnano/cssnano/commit/84ccba00cead30e80510525cbcd27ba259c26065))
-
-
-
-## 4.1.1 (2018-09-24)
-
-
-### Bug Fixes
-
-* **postcss-merge-longhand:** not mangle border output ([#555](https://github.com/cssnano/cssnano/issues/555)) ([9a70605](https://github.com/cssnano/cssnano/commit/9a706050b621e7795a9bf74eb7110b5c81804ffe)), closes [#553](https://github.com/cssnano/cssnano/issues/553) [#554](https://github.com/cssnano/cssnano/issues/554)

package/dist/index.js

@@ -1,257 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
-
-var _cssnanoUtils = require("cssnano-utils");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 = [['rotateX', [1, 0, 0]], // rotate3d(1, 0, 0, a) => rotateX(a)
-['rotateY', [0, 1, 0]], // rotate3d(0, 1, 0, a) => rotateY(a)
-['rotate', [0, 0, 1]] // rotate3d(0, 0, 1, a) => rotate(a)
-];
-const rotate3dMatch = (0, _cssnanoUtils.getMatch)(rotate3dMappings);
-
-function rotate3d(node, values) {
-  if (values.length !== 4) {
-    return;
-  }
-
-  const {
-    nodes
-  } = node;
-  const match = rotate3dMatch(values.slice(0, 3));
-
-  if (match.length) {
-    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 = {};
-      return {
-        OnceExit(css) {
-          css.walkDecls(/transform$/i, decl => {
-            const value = decl.value;
-
-            if (!value) {
-              return;
-            }
-
-            if (cache[value]) {
-              decl.value = cache[value];
-              return;
-            }
-
-            const result = (0, _postcssValueParser.default)(value).walk(reduce).toString();
-            decl.value = result;
-            cache[value] = result;
-          });
-        }
-
-      };
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;