postcss-discard-unused 5.0.2 → 5.0.3

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "postcss-discard-unused",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "Discard unused counter styles, keyframes and fonts.",
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "files": [
-    "bin",
     "LICENSE-MIT",
-    "dist"
+    "src"
   ],
   "keywords": [
     "css",
@@ -39,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][postcss]-discard-unused\n\n> Discard unused counter styles, keyframes and fonts.\n\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-discard-unused) do:\n\n```\nnpm install postcss-discard-unused --save\n```\n\n\n## Example\n\nThis module will discard unused at rules in your CSS file, if it cannot find\nany selectors that make use of them. It works on `@counter-style`, `@keyframes`\nand `@font-face`.\n\n### Input\n\n```css\n@counter-style custom {\n    system: extends decimal;\n    suffix: \"> \"\n}\n\n@counter-style custom2 {\n    system: extends decimal;\n    suffix: \"| \"\n}\n\na {\n    list-style: custom\n}\n```\n\n### Output\n\n```css\n@counter-style custom {\n    system: extends decimal;\n    suffix: \"> \"\n}\n\na {\n    list-style: custom\n}\n```\n\nNote that this plugin is not responsible for normalising font families, as it\nmakes the assumption that you will write your font names consistently, such that\nit considers these two declarations differently:\n\n```css\nh1 {\n    font-family: \"Helvetica Neue\"\n}\n\nh2 {\n    font-family: Helvetica Neue\n}\n```\n\nHowever, you can mitigate this by including [postcss-minify-font-values][mfv]\n*before* this plugin, which will take care of normalising quotes, and\ndeduplicating. For more examples, see the [tests](src/__tests__/index.js).\n\n\n## Usage\n\nSee the [PostCSS documentation](https://github.com/postcss/postcss#usage) for\nexamples for your environment.\n\n\n## API\n\n### discardUnused([options])\n\n#### options\n\n##### fontFace\n\nType: `boolean`  \nDefault: `true`\n\nPass `false` to disable discarding unused font face rules.\n\n##### counterStyle\n\nType: `boolean`  \nDefault: `true`\n\nPass `false` to disable discarding unused counter style rules.\n\n##### keyframes\n\nType: `boolean`  \nDefault: `true`\n\nPass `false` to disable discarding unused keyframe rules.\n\n##### namespace\n\nType: `boolean`  \nDefault: `true`\n\nPass `false` to disable discarding unused namespace rules.\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\n[postcss]: https://github.com/postcss/postcss\n[mfv]:     https://github.com/trysound/postcss-minify-font-values\n"
 }

package/src/index.js

@@ -0,0 +1,174 @@
+'use strict';
+const selectorParser = require('postcss-selector-parser');
+
+const atrule = 'atrule';
+const decl = 'decl';
+const rule = 'rule';
+/**
+ * @param {{value: string}} arg
+ * @param {(input: string) => string[]} comma
+ * @param {(input: string) => string[]} space
+ * @return {string[]}
+ */
+function splitValues({ value }, comma, space) {
+  let result = [];
+  for (const val of comma(value)) {
+    result = result.concat(space(val));
+  }
+  return result;
+}
+
+function filterAtRule({ atRules, values }) {
+  const uniqueValues = new Set(values);
+  atRules.forEach((node) => {
+    const hasAtRule = uniqueValues.has(node.params);
+
+    if (!hasAtRule) {
+      node.remove();
+    }
+  });
+}
+
+function filterNamespace({ atRules, rules }) {
+  const uniqueRules = new Set(rules);
+  atRules.forEach((atRule) => {
+    const { 0: param, length: len } = atRule.params.split(' ').filter(Boolean);
+
+    if (len === 1) {
+      return;
+    }
+
+    const hasRule = uniqueRules.has(param) || uniqueRules.has('*');
+
+    if (!hasRule) {
+      atRule.remove();
+    }
+  });
+}
+
+function hasFont(fontFamily, cache, comma) {
+  return comma(fontFamily).some((font) => cache.some((c) => c.includes(font)));
+}
+
+// fonts have slightly different logic
+function filterFont({ atRules, values }, comma) {
+  values = [...new Set(values)];
+  atRules.forEach((r) => {
+    const families = r.nodes.filter(({ prop }) => prop === 'font-family');
+
+    // Discard the @font-face if it has no font-family
+    if (!families.length) {
+      return r.remove();
+    }
+
+    families.forEach((family) => {
+      if (!hasFont(family.value.toLowerCase(), values, comma)) {
+        r.remove();
+      }
+    });
+  });
+}
+
+function pluginCreator(opts) {
+  const { fontFace, counterStyle, keyframes, namespace } = Object.assign(
+    {},
+    {
+      fontFace: true,
+      counterStyle: true,
+      keyframes: true,
+      namespace: true,
+    },
+    opts
+  );
+
+  return {
+    postcssPlugin: 'postcss-discard-unused',
+
+    prepare() {
+      const counterStyleCache = { atRules: [], values: [] };
+      const keyframesCache = { atRules: [], values: [] };
+      const namespaceCache = { atRules: [], rules: [] };
+      const fontCache = { atRules: [], values: [] };
+
+      return {
+        OnceExit(css, { list }) {
+          const { comma, space } = list;
+          css.walk((node) => {
+            const { type, prop, selector, name } = node;
+
+            if (type === rule && namespace && selector.includes('|')) {
+              if (selector.includes('[')) {
+                // Attribute selector, so we should parse further.
+                selectorParser((ast) => {
+                  ast.walkAttributes(({ namespace: ns }) => {
+                    namespaceCache.rules = namespaceCache.rules.concat(ns);
+                  });
+                }).process(selector);
+              } else {
+                // Use a simple split function for the namespace
+                namespaceCache.rules = namespaceCache.rules.concat(
+                  selector.split('|')[0]
+                );
+              }
+              return;
+            }
+
+            if (type === decl) {
+              if (counterStyle && /list-style|system/.test(prop)) {
+                counterStyleCache.values = counterStyleCache.values.concat(
+                  splitValues(node, comma, space)
+                );
+              }
+
+              if (
+                fontFace &&
+                node.parent.type === rule &&
+                /font(|-family)/.test(prop)
+              ) {
+                fontCache.values = fontCache.values.concat(
+                  comma(node.value.toLowerCase())
+                );
+              }
+
+              if (keyframes && /animation/.test(prop)) {
+                keyframesCache.values = keyframesCache.values.concat(
+                  splitValues(node, comma, space)
+                );
+              }
+
+              return;
+            }
+
+            if (type === atrule) {
+              if (counterStyle && /counter-style/.test(name)) {
+                counterStyleCache.atRules.push(node);
+              }
+
+              if (fontFace && name === 'font-face' && node.nodes) {
+                fontCache.atRules.push(node);
+              }
+
+              if (keyframes && /keyframes/.test(name)) {
+                keyframesCache.atRules.push(node);
+              }
+
+              if (namespace && name === 'namespace') {
+                namespaceCache.atRules.push(node);
+              }
+
+              return;
+            }
+          });
+
+          counterStyle && filterAtRule(counterStyleCache);
+          fontFace && filterFont(fontCache, comma);
+          keyframes && filterAtRule(keyframesCache);
+          namespace && filterNamespace(namespaceCache);
+        },
+      };
+    },
+  };
+}
+
+pluginCreator.postcss = true;
+module.exports = pluginCreator;

package/dist/index.js

@@ -1,203 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const atrule = 'atrule';
-const decl = 'decl';
-const rule = 'rule';
-
-function addValues(cache, {
-  value
-}, comma, space) {
-  return comma(value).reduce((memo, val) => [...memo, ...space(val)], cache);
-}
-
-function filterAtRule({
-  atRules,
-  values
-}) {
-  values = new Set(values);
-  atRules.forEach(node => {
-    const hasAtRule = values.has(node.params);
-
-    if (!hasAtRule) {
-      node.remove();
-    }
-  });
-}
-
-function filterNamespace({
-  atRules,
-  rules
-}) {
-  rules = new Set(rules);
-  atRules.forEach(atRule => {
-    const {
-      0: param,
-      length: len
-    } = atRule.params.split(' ').filter(Boolean);
-
-    if (len === 1) {
-      return;
-    }
-
-    const hasRule = rules.has(param) || rules.has('*');
-
-    if (!hasRule) {
-      atRule.remove();
-    }
-  });
-}
-
-function hasFont(fontFamily, cache, comma) {
-  return comma(fontFamily).some(font => cache.some(c => c.includes(font)));
-} // fonts have slightly different logic
-
-
-function filterFont({
-  atRules,
-  values
-}, comma) {
-  values = [...new Set(values)];
-  atRules.forEach(r => {
-    const families = r.nodes.filter(({
-      prop
-    }) => prop === 'font-family'); // Discard the @font-face if it has no font-family
-
-    if (!families.length) {
-      return r.remove();
-    }
-
-    families.forEach(family => {
-      if (!hasFont(family.value.toLowerCase(), values, comma)) {
-        r.remove();
-      }
-    });
-  });
-}
-
-function pluginCreator(opts) {
-  const {
-    fontFace,
-    counterStyle,
-    keyframes,
-    namespace
-  } = Object.assign({}, {
-    fontFace: true,
-    counterStyle: true,
-    keyframes: true,
-    namespace: true
-  }, opts);
-  return {
-    postcssPlugin: 'postcss-discard-unused',
-
-    prepare() {
-      const counterStyleCache = {
-        atRules: [],
-        values: []
-      };
-      const keyframesCache = {
-        atRules: [],
-        values: []
-      };
-      const namespaceCache = {
-        atRules: [],
-        rules: []
-      };
-      const fontCache = {
-        atRules: [],
-        values: []
-      };
-      return {
-        OnceExit(css, {
-          list
-        }) {
-          const {
-            comma,
-            space
-          } = list;
-          css.walk(node => {
-            const {
-              type,
-              prop,
-              selector,
-              name
-            } = node;
-
-            if (type === rule && namespace && selector.includes('|')) {
-              if (selector.includes('[')) {
-                // Attribute selector, so we should parse further.
-                (0, _postcssSelectorParser.default)(ast => {
-                  ast.walkAttributes(({
-                    namespace: ns
-                  }) => {
-                    namespaceCache.rules = namespaceCache.rules.concat(ns);
-                  });
-                }).process(selector);
-              } else {
-                // Use a simple split function for the namespace
-                namespaceCache.rules = namespaceCache.rules.concat(selector.split('|')[0]);
-              }
-
-              return;
-            }
-
-            if (type === decl) {
-              if (counterStyle && /list-style|system/.test(prop)) {
-                counterStyleCache.values = addValues(counterStyleCache.values, node, comma, space);
-              }
-
-              if (fontFace && node.parent.type === rule && /font(|-family)/.test(prop)) {
-                fontCache.values = fontCache.values.concat(comma(node.value.toLowerCase()));
-              }
-
-              if (keyframes && /animation/.test(prop)) {
-                keyframesCache.values = addValues(keyframesCache.values, node, comma, space);
-              }
-
-              return;
-            }
-
-            if (type === atrule) {
-              if (counterStyle && /counter-style/.test(name)) {
-                counterStyleCache.atRules.push(node);
-              }
-
-              if (fontFace && name === 'font-face' && node.nodes) {
-                fontCache.atRules.push(node);
-              }
-
-              if (keyframes && /keyframes/.test(name)) {
-                keyframesCache.atRules.push(node);
-              }
-
-              if (namespace && name === 'namespace') {
-                namespaceCache.atRules.push(node);
-              }
-
-              return;
-            }
-          });
-          counterStyle && filterAtRule(counterStyleCache);
-          fontFace && filterFont(fontCache, comma);
-          keyframes && filterAtRule(keyframesCache);
-          namespace && filterNamespace(namespaceCache);
-        }
-
-      };
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;