postcss-minify-gradients 4.0.0-nightly.2020.9.3 → 4.0.0

package/CHANGELOG.md

@@ -0,0 +1,34 @@
+# 4.0.0-rc.0
+
+* Breaking: Drops support for Node 0.12, we now require at least Node 4.
+* Breaking: Update PostCSS to 6.0.0.
+* Better handling of color stop positions in radial gradients, the module now
+  correctly accounts for the first set of parameters potentially being
+  directional and not stop values.
+
+# 1.0.5
+
+* Resolves a crash on empty `linear-gradient()` functions.
+
+# 1.0.4
+
+* Resolves an issue where `0` was being removed from intermediate colour stops
+  if preceding colour stops contained `calc()` (thanks to @jaybekster).
+
+# 1.0.3
+
+* Resolves an issue where `0` was being incorrectly stripped from the final
+  colour stop value.
+
+# 1.0.2
+
+* Resolves an issue where the module would incorrectly parse floating
+  point numbers.
+
+# 1.0.1
+
+* Reduce function iterations (thanks to @TrySound).
+
+# 1.0.0
+
+* Initial release.

package/dist/index.js

@@ -1,179 +1,141 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
 
-var _postcss = _interopRequireDefault(require("postcss"));
+var _postcss = require('postcss');
 
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
+var _postcss2 = _interopRequireDefault(_postcss);
 
-var _cssnanoUtils = require("cssnano-utils");
+var _postcssValueParser = require('postcss-value-parser');
 
-var _isColorStop = _interopRequireDefault(require("is-color-stop"));
+var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
 
-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; }
+var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
+
+var _isColorStop = require('is-color-stop');
+
+var _isColorStop2 = _interopRequireDefault(_isColorStop);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const angles = {
-  top: '0deg',
-  right: '90deg',
-  bottom: '180deg',
-  left: '270deg'
+    top: '0deg',
+    right: '90deg',
+    bottom: '180deg',
+    left: '270deg'
 };
 
 function isLessThan(a, b) {
-  return a.unit.toLowerCase() === b.unit.toLowerCase() && parseFloat(a.number) >= parseFloat(b.number);
+    return a.unit === b.unit && parseFloat(a.number) >= parseFloat(b.number);
 }
 
 function optimise(decl) {
-  const value = decl.value;
-
-  if (!value) {
-    return;
-  }
-
-  const normalizedValue = value.toLowerCase();
-
-  if (normalizedValue.includes('var(') || normalizedValue.includes('env(')) {
-    return;
-  }
-
-  if (!normalizedValue.includes('gradient')) {
-    return;
-  }
-
-  decl.value = (0, _postcssValueParser.default)(value).walk(node => {
-    if (node.type !== 'function' || !node.nodes.length) {
-      return false;
-    }
-
-    const lowerCasedValue = node.value.toLowerCase();
-
-    if (lowerCasedValue === 'linear-gradient' || lowerCasedValue === 'repeating-linear-gradient' || lowerCasedValue === '-webkit-linear-gradient' || lowerCasedValue === '-webkit-repeating-linear-gradient') {
-      let args = (0, _cssnanoUtils.getArguments)(node);
-
-      if (node.nodes[0].value.toLowerCase() === 'to' && args[0].length === 3) {
-        node.nodes = node.nodes.slice(2);
-        node.nodes[0].value = angles[node.nodes[0].value.toLowerCase()];
-      }
-
-      let lastStop = null;
-      args.forEach((arg, index) => {
-        if (!arg[2]) {
-          return;
-        }
-
-        let isFinalStop = index === args.length - 1;
-        let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
-
-        if (lastStop === null) {
-          lastStop = thisStop;
-
-          if (!isFinalStop && lastStop && lastStop.number === '0' && lastStop.unit.toLowerCase() !== 'deg') {
-            arg[1].value = arg[2].value = '';
-          }
-
-          return;
-        }
-
-        if (lastStop && thisStop && isLessThan(lastStop, thisStop)) {
-          arg[2].value = 0;
-        }
-
-        lastStop = thisStop;
-
-        if (isFinalStop && arg[2].value === '100%') {
-          arg[1].value = arg[2].value = '';
-        }
-      });
-      return false;
+    if (!~decl.value.toLowerCase().indexOf('gradient')) {
+        return;
     }
-
-    if (lowerCasedValue === 'radial-gradient' || lowerCasedValue === 'repeating-radial-gradient') {
-      let args = (0, _cssnanoUtils.getArguments)(node);
-      let lastStop;
-      const hasAt = args[0].find(n => n.value.toLowerCase() === 'at');
-      args.forEach((arg, index) => {
-        if (!arg[2] || !index && hasAt) {
-          return;
-        }
-
-        let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
-
-        if (!lastStop) {
-          lastStop = thisStop;
-          return;
-        }
-
-        if (lastStop && thisStop && isLessThan(lastStop, thisStop)) {
-          arg[2].value = 0;
-        }
-
-        lastStop = thisStop;
-      });
-      return false;
-    }
-
-    if (lowerCasedValue === '-webkit-radial-gradient' || lowerCasedValue === '-webkit-repeating-radial-gradient') {
-      let args = (0, _cssnanoUtils.getArguments)(node);
-      let lastStop;
-      args.forEach(arg => {
-        let color;
-        let stop;
-
-        if (arg[2] !== undefined) {
-          if (arg[0].type === 'function') {
-            color = `${arg[0].value}(${(0, _postcssValueParser.stringify)(arg[0].nodes)})`;
-          } else {
-            color = arg[0].value;
-          }
-
-          if (arg[2].type === 'function') {
-            stop = `${arg[2].value}(${(0, _postcssValueParser.stringify)(arg[2].nodes)})`;
-          } else {
-            stop = arg[2].value;
-          }
-        } else {
-          if (arg[0].type === 'function') {
-            color = `${arg[0].value}(${(0, _postcssValueParser.stringify)(arg[0].nodes)})`;
-          }
-
-          color = arg[0].value;
+    decl.value = (0, _postcssValueParser2.default)(decl.value).walk(node => {
+        if (node.type !== 'function' || !node.nodes.length) {
+            return false;
         }
-
-        color = color.toLowerCase();
-        const colorStop = stop || stop === 0 ? (0, _isColorStop.default)(color, stop.toLowerCase()) : (0, _isColorStop.default)(color);
-
-        if (!colorStop || !arg[2]) {
-          return;
+        const lowerCasedValue = node.value.toLowerCase();
+        if (lowerCasedValue === 'linear-gradient' || lowerCasedValue === 'repeating-linear-gradient' || lowerCasedValue === '-webkit-linear-gradient' || lowerCasedValue === '-webkit-repeating-linear-gradient') {
+            let args = (0, _cssnanoUtilGetArguments2.default)(node);
+            if (node.nodes[0].value.toLowerCase() === 'to' && args[0].length === 3) {
+                node.nodes = node.nodes.slice(2);
+                node.nodes[0].value = angles[node.nodes[0].value.toLowerCase()];
+            }
+            let lastStop = null;
+            args.forEach((arg, index) => {
+                if (!arg[2]) {
+                    return;
+                }
+                let isFinalStop = index === args.length - 1;
+                let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
+                if (lastStop === null) {
+                    lastStop = thisStop;
+                    if (!isFinalStop && lastStop && lastStop.number === '0' && lastStop.unit.toLowerCase() !== 'deg') {
+                        arg[1].value = arg[2].value = '';
+                    }
+                    return;
+                }
+                if (isLessThan(lastStop, thisStop)) {
+                    arg[2].value = 0;
+                }
+                lastStop = thisStop;
+                if (isFinalStop && arg[2].value === '100%') {
+                    arg[1].value = arg[2].value = '';
+                }
+            });
+            return false;
         }
-
-        let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
-
-        if (!lastStop) {
-          lastStop = thisStop;
-          return;
+        if (lowerCasedValue === 'radial-gradient' || lowerCasedValue === 'repeating-radial-gradient') {
+            let args = (0, _cssnanoUtilGetArguments2.default)(node);
+            let lastStop;
+            const hasAt = args[0].find(n => n.value.toLowerCase() === 'at');
+            args.forEach((arg, index) => {
+                if (!arg[2] || !index && hasAt) {
+                    return;
+                }
+                let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
+                if (!lastStop) {
+                    lastStop = thisStop;
+                    return;
+                }
+                if (isLessThan(lastStop, thisStop)) {
+                    arg[2].value = 0;
+                }
+                lastStop = thisStop;
+            });
+            return false;
         }
-
-        if (lastStop && thisStop && isLessThan(lastStop, thisStop)) {
-          arg[2].value = 0;
+        if (lowerCasedValue === '-webkit-radial-gradient' || lowerCasedValue === '-webkit-repeating-radial-gradient') {
+            let args = (0, _cssnanoUtilGetArguments2.default)(node);
+            let lastStop;
+            args.forEach(arg => {
+                let color;
+                let stop;
+                if (arg[2] !== undefined) {
+                    if (arg[0].type === 'function') {
+                        color = `${arg[0].value}(${(0, _postcssValueParser.stringify)(arg[0].nodes)})`;
+                    } else {
+                        color = arg[0].value;
+                    }
+                    if (arg[2].type === 'function') {
+                        stop = `${arg[2].value}(${(0, _postcssValueParser.stringify)(arg[2].nodes)})`;
+                    } else {
+                        stop = arg[2].value;
+                    }
+                } else {
+                    if (arg[0].type === 'function') {
+                        color = `${arg[0].value}(${(0, _postcssValueParser.stringify)(arg[0].nodes)})`;
+                    }
+                    color = arg[0].value;
+                }
+                const colorStop = stop || stop === 0 ? (0, _isColorStop2.default)(color, stop) : (0, _isColorStop2.default)(color);
+
+                if (!colorStop || !arg[2]) {
+                    return;
+                }
+                let thisStop = (0, _postcssValueParser.unit)(arg[2].value);
+                if (!lastStop) {
+                    lastStop = thisStop;
+                    return;
+                }
+                if (isLessThan(lastStop, thisStop)) {
+                    arg[2].value = 0;
+                }
+                lastStop = thisStop;
+            });
+            return false;
         }
-
-        lastStop = thisStop;
-      });
-      return false;
-    }
-  }).toString();
+    }).toString();
 }
 
-var _default = _postcss.default.plugin('postcss-minify-gradients', () => {
-  return css => css.walkDecls(optimise);
+exports.default = _postcss2.default.plugin('postcss-minify-gradients', () => {
+    return css => css.walkDecls(optimise);
 });
-
-exports.default = _default;
-module.exports = exports.default;
+module.exports = exports['default'];

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "postcss-minify-gradients",
-  "version": "4.0.0-nightly.2020.9.3",
+  "version": "4.0.0",
   "description": "Minify gradient parameters with PostCSS.",
   "main": "dist/index.js",
   "scripts": {
-    "prebuild": "",
-    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
-    "prepublish": ""
+    "prepublish": "cross-env BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/"
   },
   "files": [
     "LICENSE-MIT",
@@ -18,6 +16,10 @@
     "postcss-plugin"
   ],
   "license": "MIT",
+  "devDependencies": {
+    "babel-cli": "^6.0.0",
+    "cross-env": "^5.0.0"
+  },
   "homepage": "https://github.com/cssnano/cssnano",
   "author": {
     "name": "Ben Briggs",
@@ -26,15 +28,15 @@
   },
   "repository": "cssnano/cssnano",
   "dependencies": {
-    "cssnano-utils": "nightly",
-    "is-color-stop": "^1.1.0",
-    "postcss": "^7.0.16",
-    "postcss-value-parser": "^3.3.1"
+    "cssnano-util-get-arguments": "^4.0.0",
+    "is-color-stop": "^1.0.0",
+    "postcss": "^6.0.0",
+    "postcss-value-parser": "^3.0.0"
   },
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"
   },
   "engines": {
-    "node": ">=10.13.0"
+    "node": ">=6.9.0"
   }
-}
+}