postcss-normalize-timing-functions 5.0.2 → 5.0.3

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "postcss-normalize-timing-functions",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "Normalize CSS animation/transition timing functions.",
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "files": [
     "LICENSE-MIT",
-    "dist"
+    "src"
   ],
   "license": "MIT",
   "dependencies": {
@@ -30,9 +30,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]-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,133 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+
+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'],
+]);
+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 = conversions.get(values.toString());
+
+    if (match) {
+      node.type = 'word';
+      node.value = match;
+
+      delete node.nodes;
+
+      return;
+    }
+  }
+}
+
+function transform(value) {
+  return valueParser(value).walk(reduce).toString();
+}
+
+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/dist/index.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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']]);
-
-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 = conversions.get(values.toString());
-
-    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 = 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;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;