postcss-normalize-timing-functions 5.0.1 → 5.1.0

package/package.json

@@ -1,21 +1,17 @@
 {
   "name": "postcss-normalize-timing-functions",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "description": "Normalize CSS animation/transition timing functions.",
-  "main": "dist/index.js",
-  "scripts": {
-    "prebuild": "del-cli dist",
-    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.json --out-dir dist --ignore \"**/__tests__/\"",
-    "prepublish": "yarn build"
-  },
+  "main": "src/index.js",
+  "types": "types/index.d.ts",
   "files": [
     "LICENSE-MIT",
-    "dist"
+    "src",
+    "types"
   ],
   "license": "MIT",
   "dependencies": {
-    "cssnano-utils": "^2.0.1",
-    "postcss-value-parser": "^4.1.0"
+    "postcss-value-parser": "^4.2.0"
   },
   "author": {
     "name": "Ben Briggs",
@@ -36,5 +32,5 @@
   "peerDependencies": {
     "postcss": "^8.2.15"
   },
-  "gitHead": "28c247175032fa03f04911cde56ad82d74d211cc"
-}
+  "readme": "# [postcss][postcss]-normalize-timing-functions\n\n> Normalize timing functions with PostCSS.\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-normalize-timing-functions) do:\n\n```\nnpm install postcss-normalize-timing-functions --save\n```\n\n## Example\n\n### Input\n\n```css\ndiv {\n    animate: fade 3s cubic-bezier(0.42, 0, 1, 1)\n}\n```\n\n### Output\n\n```css\ndiv {\n    animate: fade 3s ease-in\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,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<valueParser.FunctionNode> */ (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<valueParser.FunctionNode> */ (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<valueParser.FunctionNode> */ (node).nodes);
+
+      return;
+    }
+  }
+}
+
+/**
+ * @param {string} value
+ * @return {string}
+ */
+function transform(value) {
+  return valueParser(value).walk(reduce).toString();
+}
+
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @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;

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/CHANGELOG.md

@@ -1,83 +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.1](https://github.com/cssnano/cssnano/compare/postcss-normalize-timing-functions@5.0.0...postcss-normalize-timing-functions@5.0.1) (2021-05-19)
-
-**Note:** Version bump only for package postcss-normalize-timing-functions
-
-
-
-
-
-# [5.0.0](https://github.com/cssnano/cssnano/compare/postcss-normalize-timing-functions@5.0.0-rc.2...postcss-normalize-timing-functions@5.0.0) (2021-04-06)
-
-**Note:** Version bump only for package postcss-normalize-timing-functions
-
-
-
-
-
-# [5.0.0-rc.2](https://github.com/cssnano/cssnano/compare/postcss-normalize-timing-functions@5.0.0-rc.1...postcss-normalize-timing-functions@5.0.0-rc.2) (2021-03-15)
-
-**Note:** Version bump only for package postcss-normalize-timing-functions
-
-
-
-
-
-# [5.0.0-rc.1](https://github.com/cssnano/cssnano/compare/postcss-normalize-timing-functions@5.0.0-rc.0...postcss-normalize-timing-functions@5.0.0-rc.1) (2021-03-04)
-
-**Note:** Version bump only for package postcss-normalize-timing-functions
-
-
-
-
-
-# 5.0.0-rc.0 (2021-02-19)
-
-
-### Bug Fixes
-
-* **postcss-normalize-timing-functions:** do not break invalid syntax ([#748](https://github.com/cssnano/cssnano/issues/748)) ([efd2077](https://github.com/cssnano/cssnano/commit/efd20775be85f9845cb343c69b5dc1bb25672a42))
-
-
-### 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))
-
-
-### 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
-
-* **postcss-normalize-timing-functions:** cache ([#693](https://github.com/cssnano/cssnano/issues/693)) ([7e6e481](https://github.com/cssnano/cssnano/commit/7e6e481244964bf77a1085d8db3f516597b264e9))
-
-
-### Performance Improvements
-
-* **postcss-normalize-timing-functions:** increase perf ([#687](https://github.com/cssnano/cssnano/issues/687)) ([2bef7d1](https://github.com/cssnano/cssnano/commit/2bef7d1f4f9f6dc33d0a4fb120926a85b08403e7))
-
-
-
-## 4.1.1 (2018-09-24)
-
-
-### Bug Fixes
-
-* do not lowercased property ([#606](https://github.com/cssnano/cssnano/issues/606)) ([d40c657](https://github.com/cssnano/cssnano/commit/d40c6577f1d942d00aade671f5e7ab422870c517))
-* **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,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
-
-var _cssnanoUtils = require("cssnano-utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const getValue = node => parseFloat(node.value);
-
-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')) {
-      node.type = 'word';
-      node.value = 'step-start';
-      delete 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')) {
-      node.type = 'word';
-      node.value = 'step-end';
-      delete 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 = (0, _cssnanoUtils.getMatch)([['ease', [0.25, 0.1, 0.25, 1]], ['linear', [0, 0, 1, 1]], ['ease-in', [0.42, 0, 1, 1]], ['ease-out', [0, 0, 0.58, 1]], ['ease-in-out', [0.42, 0, 0.58, 1]]])(values);
-
-    if (match) {
-      node.type = 'word';
-      node.value = match;
-      delete node.nodes;
-      return;
-    }
-  }
-}
-
-function transform(value) {
-  return (0, _postcssValueParser.default)(value).walk(reduce).toString();
-}
-
-function pluginCreator() {
-  return {
-    postcssPlugin: 'postcss-normalize-timing-functions',
-
-    OnceExit(css) {
-      const cache = {};
-      css.walkDecls(/^(-\w+-)?(animation|transition)(-timing-function)?$/i, decl => {
-        const value = decl.value;
-
-        if (cache[value]) {
-          decl.value = cache[value];
-          return;
-        }
-
-        const result = transform(value);
-        decl.value = result;
-        cache[value] = result;
-      });
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;