postcss-minify-params 5.0.3 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-minify-params",
-  "version": "5.0.3",
+  "version": "5.1.0",
   "description": "Minify at-rule params with PostCSS",
   "keywords": [
     "postcss",
@@ -10,9 +10,12 @@
     "optimise",
     "params"
   ],
-  "main": "dist/index.js",
+  "main": "src/index.js",
+  "types": "types/index.d.ts",
   "files": [
-    "dist"
+    "src",
+    "LICENSE",
+    "types"
   ],
   "author": "Bogdan Chadkin <trysound@yandex.ru>",
   "license": "MIT",
@@ -22,9 +25,8 @@
   },
   "homepage": "https://github.com/cssnano/cssnano",
   "dependencies": {
-    "alphanum-sort": "^1.0.2",
     "browserslist": "^4.16.6",
-    "cssnano-utils": "^3.0.0",
+    "cssnano-utils": "^3.1.0",
     "postcss-value-parser": "^4.2.0"
   },
   "engines": {
@@ -36,9 +38,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-minify-params [![Build Status][ci-img]][ci]\n\n> Minify at-rule params with PostCSS.\n\n```css\n@media only screen   and ( min-width: 400px, min-height: 500px ) {\n    h2{\n        color:blue\n    }\n}\n```\n\n```css\n@media only screen and (min-width:400px,min-height:500px) {\n    h2{\n        color:blue\n    }\n}\n```\n\n## Usage\n\n```js\npostcss([ require('postcss-minify-params') ])\n```\n\nSee [PostCSS] docs for examples for your environment.\n\n## Contributors\n\nSee [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).\n\n## License\n\nMIT © [Bogdan Chadkin](mailto:trysound@yandex.ru)\n\n[PostCSS]: https://github.com/postcss/postcss\n[ci-img]:  https://travis-ci.org/cssnano/postcss-minify-params.svg\n[ci]:      https://travis-ci.org/cssnano/postcss-minify-params\n"
 }

package/src/index.js

@@ -0,0 +1,153 @@
+'use strict';
+const browserslist = require('browserslist');
+const valueParser = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+
+/**
+ * Return the greatest common divisor
+ * of two numbers.
+ *
+ * @param {number} a
+ * @param {number} b
+ * @return {number}
+ */
+function gcd(a, b) {
+  return b ? gcd(b, a % b) : a;
+}
+
+/**
+ * @param {number} a
+ * @param {number} b
+ * @return {[number, number]}
+ */
+function aspectRatio(a, b) {
+  const divisor = gcd(a, b);
+
+  return [a / divisor, b / divisor];
+}
+
+/**
+ * @param {valueParser.Node[]} args
+ * @return {string}
+ */
+function split(args) {
+  return args.map((arg) => valueParser.stringify(arg)).join('');
+}
+
+/**
+ * @param {valueParser.Node} node
+ * @return {void}
+ */
+function removeNode(node) {
+  node.value = '';
+  node.type = 'word';
+}
+
+/**
+ * @param {unknown[]} items
+ * @return {string}
+ */
+function sortAndDedupe(items) {
+  const a = [...new Set(items)];
+  a.sort();
+  return a.join();
+}
+
+/**
+ * @param {boolean} legacy
+ * @param {import('postcss').AtRule} rule
+ * @return {void}
+ */
+function transform(legacy, rule) {
+  const ruleName = rule.name.toLowerCase();
+
+  // We should re-arrange parameters only for `@media` and `@supports` at-rules
+  if (!rule.params || !['media', 'supports'].includes(ruleName)) {
+    return;
+  }
+
+  const params = valueParser(rule.params);
+
+  params.walk((node, index) => {
+    if (node.type === 'div' || node.type === 'function') {
+      node.before = node.after = '';
+
+      if (
+        node.type === 'function' &&
+        node.nodes[4] &&
+        node.nodes[0].value.toLowerCase().indexOf('-aspect-ratio') === 3
+      ) {
+        const [a, b] = aspectRatio(
+          Number(node.nodes[2].value),
+          Number(node.nodes[4].value)
+        );
+
+        node.nodes[2].value = a.toString();
+        node.nodes[4].value = b.toString();
+      }
+    } else if (node.type === 'space') {
+      node.value = ' ';
+    } else {
+      const prevWord = params.nodes[index - 2];
+
+      if (
+        node.value.toLowerCase() === 'all' &&
+        rule.name.toLowerCase() === 'media' &&
+        !prevWord
+      ) {
+        const nextWord = params.nodes[index + 2];
+
+        if (!legacy || nextWord) {
+          removeNode(node);
+        }
+
+        if (nextWord && nextWord.value.toLowerCase() === 'and') {
+          const nextSpace = params.nodes[index + 1];
+          const secondSpace = params.nodes[index + 3];
+
+          removeNode(nextWord);
+          removeNode(nextSpace);
+          removeNode(secondSpace);
+        }
+      }
+    }
+  }, true);
+
+  rule.params = sortAndDedupe(getArguments(params).map(split));
+
+  if (!rule.params.length) {
+    rule.raws.afterName = '';
+  }
+}
+
+/**
+ * @param {string} browser
+ * @return {boolean}
+ */
+function hasAllBug(browser) {
+  return ['ie 10', 'ie 11'].includes(browser);
+}
+
+/**
+ * @type {import('postcss').PluginCreator<browserslist.Options>}
+ * @param {browserslist.Options} options
+ * @return {import('postcss').Plugin}
+ */
+function pluginCreator(options = {}) {
+  const browsers = browserslist(null, {
+    stats: options.stats,
+    path: __dirname,
+    env: options.env,
+  });
+
+  return {
+    postcssPlugin: 'postcss-minify-params',
+
+    OnceExit(css) {
+      css.walkAtRules(transform.bind(null, browsers.some(hasAllBug)));
+    },
+  };
+}
+
+pluginCreator.postcss = true;
+module.exports = pluginCreator;

package/types/index.d.ts

@@ -0,0 +1,11 @@
+export = pluginCreator;
+/**
+ * @type {import('postcss').PluginCreator<browserslist.Options>}
+ * @param {browserslist.Options} options
+ * @return {import('postcss').Plugin}
+ */
+declare function pluginCreator(options?: browserslist.Options): import('postcss').Plugin;
+declare namespace pluginCreator {
+    const postcss: true;
+}
+import browserslist = require("browserslist");

package/dist/index.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _browserslist = _interopRequireDefault(require("browserslist"));
-
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
-
-var _alphanumSort = _interopRequireDefault(require("alphanum-sort"));
-
-var _cssnanoUtils = require("cssnano-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Return the greatest common divisor
- * of two numbers.
- */
-function gcd(a, b) {
-  return b ? gcd(b, a % b) : a;
-}
-
-function aspectRatio(a, b) {
-  const divisor = gcd(a, b);
-  return [a / divisor, b / divisor];
-}
-
-function split(args) {
-  return args.map(arg => (0, _postcssValueParser.stringify)(arg)).join('');
-}
-
-function removeNode(node) {
-  node.value = '';
-  node.type = 'word';
-}
-
-function sortAndDedupe(items) {
-  return (0, _alphanumSort.default)([...new Set(items)], {
-    insensitive: true
-  }).join();
-}
-
-function transform(legacy, rule) {
-  const ruleName = rule.name.toLowerCase(); // We should re-arrange parameters only for `@media` and `@supports` at-rules
-
-  if (!rule.params || !['media', 'supports'].includes(ruleName)) {
-    return;
-  }
-
-  const params = (0, _postcssValueParser.default)(rule.params);
-  params.walk((node, index) => {
-    if (node.type === 'div' || node.type === 'function') {
-      node.before = node.after = '';
-
-      if (node.type === 'function' && node.nodes[4] && node.nodes[0].value.toLowerCase().indexOf('-aspect-ratio') === 3) {
-        const [a, b] = aspectRatio(node.nodes[2].value, node.nodes[4].value);
-        node.nodes[2].value = a;
-        node.nodes[4].value = b;
-      }
-    } else if (node.type === 'space') {
-      node.value = ' ';
-    } else {
-      const prevWord = params.nodes[index - 2];
-
-      if (node.value.toLowerCase() === 'all' && rule.name.toLowerCase() === 'media' && !prevWord) {
-        const nextWord = params.nodes[index + 2];
-
-        if (!legacy || nextWord) {
-          removeNode(node);
-        }
-
-        if (nextWord && nextWord.value.toLowerCase() === 'and') {
-          const nextSpace = params.nodes[index + 1];
-          const secondSpace = params.nodes[index + 3];
-          removeNode(nextWord);
-          removeNode(nextSpace);
-          removeNode(secondSpace);
-        }
-      }
-    }
-  }, true);
-  rule.params = sortAndDedupe((0, _cssnanoUtils.getArguments)(params).map(split));
-
-  if (!rule.params.length) {
-    rule.raws.afterName = '';
-  }
-}
-
-function hasAllBug(browser) {
-  return ~['ie 10', 'ie 11'].indexOf(browser);
-}
-
-function pluginCreator(options = {}) {
-  const browsers = (0, _browserslist.default)(null, {
-    stats: options.stats,
-    path: __dirname,
-    env: options.env
-  });
-  return {
-    postcssPlugin: 'postcss-minify-params',
-
-    OnceExit(css) {
-      css.walkAtRules(transform.bind(null, browsers.some(hasAllBug)));
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;