postcss-normalize-timing-functions 8.0.1 → 8.0.3

package/LICENSE-MIT

@@ -1,4 +1,4 @@
-Copyright (c) Ben Briggs <beneb.info@gmail.com> (http://beneb.info)
+Copyright (c) Ben Briggs <beneb.info@gmail.com> (https://beneb.info)
 
 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation

package/README.md

@@ -39,6 +39,6 @@ See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTOR
 
 ## License
 
-MIT © [Ben Briggs](http://beneb.info)
+MIT © [Ben Briggs](https://beneb.info)
 
 [postcss]: https://github.com/postcss/postcss

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "postcss-normalize-timing-functions",
-  "version": "8.0.1",
+  "version": "8.0.3",
   "description": "Normalize CSS animation/transition timing functions.",
-  "main": "src/index.js",
-  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./src": "./src/index.js",
+    "./src/index": "./src/index.js",
+    "./src/index.js": "./src/index.js",
+    "./package.json": "./package.json"
+  },
   "files": [
     "LICENSE-MIT",
     "src",
@@ -16,9 +24,12 @@
   "author": {
     "name": "Ben Briggs",
     "email": "beneb.info@gmail.com",
-    "url": "http://beneb.info"
+    "url": "https://beneb.info"
+  },
+  "repository": {
+    "type": "git",
+    "url": "cssnano/cssnano"
   },
-  "repository": "cssnano/cssnano",
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"
   },
@@ -27,9 +38,12 @@
     "node": "^22.11.0 || ^24.11.0 || >=26.0"
   },
   "devDependencies": {
-    "postcss": "^8.5.15"
+    "postcss": "^8.5.26"
   },
   "peerDependencies": {
-    "postcss": "^8.5.15"
+    "postcss": "^8.5.26"
+  },
+  "scripts": {
+    "test": "node --test"
   }
 }

package/src/index.js

@@ -3,6 +3,8 @@ const valueParser = require('postcss-value-parser');
 
 /** @type {(node: valueParser.Node) => number} */
 const getValue = (node) => parseFloat(node.value);
+const animationTransitionRegex =
+  /^(-\w+-)?(animation|transition)(-timing-function)?$/i;
 
 /* Works because toString() normalizes the formatting,
    so comparing the string forms behaves the same as number equality*/
@@ -29,76 +31,86 @@ function reduce(node) {
   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;
+    return normalizeSteps(node);
   }
 
   if (lowerCasedValue === 'cubic-bezier') {
-    const values = node.nodes
-      .filter((list, index) => {
-        return index % 2 === 0;
-      })
-      .map(getValue);
+    return normalizeCubicBezier(node);
+  }
+}
+
+/**
+ * @param {valueParser.FunctionNode} node
+ * @return {void | false}
+ */
+function normalizeSteps(node) {
+  const count = node.nodes[0];
+  const position = node.nodes[2];
+  const isSingleStep = count.type === 'word' && getValue(count) === 1;
+
+  if (isSingleStep && isStepPosition(position, 'start', 'jump-start')) {
+    /** @type string */ (node.type) = 'word';
+    node.value = 'step-start';
+
+    delete (/** @type Partial<valueParser.FunctionNode> */ (node).nodes);
+
+    return;
+  }
+
+  if (isSingleStep && isStepPosition(position, 'end', 'jump-end')) {
+    /** @type string */ (node.type) = 'word';
+    node.value = 'step-end';
+
+    delete (/** @type Partial<valueParser.FunctionNode> */ (node).nodes);
+
+    return;
+  }
 
-    if (values.length !== 4) {
-      return;
-    }
+  // The end case is actually the browser default, so it isn't required.
+  if (isStepPosition(position, 'end', 'jump-end')) {
+    node.nodes = [count];
 
-    const match = conversions.get(values.toString());
+    return;
+  }
 
-    if (match) {
-      /** @type string */ (node.type) = 'word';
-      node.value = match;
+  return false;
+}
 
-      delete (/** @type Partial<valueParser.FunctionNode> */ (node).nodes);
+/**
+ * @param {valueParser.Node | undefined} node
+ * @param {string} first
+ * @param {string} second
+ * @return {boolean}
+ */
+function isStepPosition(node, first, second) {
+  return (
+    node?.type === 'word' &&
+    (node.value.toLowerCase() === first || node.value.toLowerCase() === second)
+  );
+}
 
-      return;
-    }
+/**
+ * @param {valueParser.FunctionNode} node
+ * @return {void}
+ */
+function normalizeCubicBezier(node) {
+  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);
   }
 }
 
@@ -111,36 +123,36 @@ function transform(value) {
 }
 
 /**
- * @type {import('postcss').PluginCreator<void>}
  * @return {import('postcss').Plugin}
  */
 function pluginCreator() {
   return {
     postcssPlugin: 'postcss-normalize-timing-functions',
-
+    /**
+     * @param {import('postcss').Root} css
+     */
     OnceExit(css) {
       const cache = new Map();
 
-      css.walkDecls(
-        /^(-\w+-)?(animation|transition)(-timing-function)?$/i,
-        (decl) => {
-          const value = decl.value;
+      css.walkDecls(animationTransitionRegex, (decl) => {
+        const value = decl.value;
 
-          if (cache.has(value)) {
-            decl.value = cache.get(value);
+        if (cache.has(value)) {
+          decl.value = cache.get(value);
 
-            return;
-          }
+          return;
+        }
 
-          const result = transform(value);
+        const result = transform(value);
 
-          decl.value = result;
-          cache.set(value, result);
-        }
-      );
+        decl.value = result;
+        cache.set(value, result);
+      });
     },
   };
 }
 
 pluginCreator.postcss = true;
-module.exports = pluginCreator;
+module.exports = /** @type {import('postcss').PluginCreator<void>}*/ (
+  pluginCreator
+);

package/types/index.d.ts

@@ -1,10 +1,3 @@
-export = pluginCreator;
-/**
- * @type {import('postcss').PluginCreator<void>}
- * @return {import('postcss').Plugin}
- */
-declare function pluginCreator(): import("postcss").Plugin;
-declare namespace pluginCreator {
-    let postcss: true;
-}
+declare const _exports: import("postcss").PluginCreator<void>;
+export = _exports;
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";AAgHA;;;GAGG;AACH,kCAFY,OAAO,SAAS,EAAE,MAAM,CA4BnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}