postcss-normalize-repeat-style 5.0.2 → 5.1.0

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "postcss-normalize-repeat-style",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "description": "Convert two value syntax for repeat-style into one value.",
-  "main": "dist/index.js",
+  "main": "src/index.js",
+  "types": "types/index.d.ts",
   "files": [
     "LICENSE-MIT",
-    "dist"
+    "src",
+    "types"
   ],
   "license": "MIT",
   "dependencies": {
@@ -30,9 +32,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-repeat-style\n\n> Normalize repeat styles with PostCSS.\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-normalize-repeat-style) do:\n\n```\nnpm install postcss-normalize-repeat-style --save\n```\n\n## Example\n\n### Input\n\n```css\nh1 {\n    background: url(image.jpg) repeat no-repeat\n}\n```\n\n### Output\n\n```css\nh1 {\n    background: url(image.jpg) repeat-x\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/{dist → src}/index.js

@@ -1,26 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
-
-var _map = _interopRequireDefault(require("./lib/map"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function evenValues(list, index) {
+'use strict';
+const valueParser = require('postcss-value-parser');
+const mappings = require('./lib/map');
+
+/**
+ * @param {unknown} item
+ * @param {number} index
+ * @return {boolean}
+ */
+function evenValues(item, index) {
   return index % 2 === 0;
 }
 
-const repeatKeywords = [..._map.default.values()];
+const repeatKeywords = new Set(mappings.values());
 
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
 function isCommaNode(node) {
   return node.type === 'div' && node.value === ',';
 }
 
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
 function isVariableFunctionNode(node) {
   if (node.type !== 'function') {
     return false;
@@ -29,55 +33,65 @@ function isVariableFunctionNode(node) {
   return ['var', 'env'].includes(node.value.toLowerCase());
 }
 
+/**
+ * @param {string} value
+ * @return {string}
+ */
 function transform(value) {
-  const parsed = (0, _postcssValueParser.default)(value);
+  const parsed = valueParser(value);
 
   if (parsed.nodes.length === 1) {
     return value;
   }
-
+  /** @type {{start: number?, end: number?}[]} */
   const ranges = [];
   let rangeIndex = 0;
   let shouldContinue = true;
+
   parsed.nodes.forEach((node, index) => {
     // After comma (`,`) follows next background
     if (isCommaNode(node)) {
       rangeIndex += 1;
       shouldContinue = true;
+
       return;
     }
 
     if (!shouldContinue) {
       return;
-    } // After separator (`/`) follows `background-size` values
-    // Avoid them
-
+    }
 
+    // After separator (`/`) follows `background-size` values
+    // Avoid them
     if (node.type === 'div' && node.value === '/') {
       shouldContinue = false;
+
       return;
     }
 
     if (!ranges[rangeIndex]) {
       ranges[rangeIndex] = {
         start: null,
-        end: null
+        end: null,
       };
-    } // Do not try to be processed `var and `env` function inside background
-
+    }
 
+    // Do not try to be processed `var and `env` function inside background
     if (isVariableFunctionNode(node)) {
       shouldContinue = false;
       ranges[rangeIndex].start = null;
       ranges[rangeIndex].end = null;
+
       return;
     }
 
-    const isRepeatKeyword = node.type === 'word' && repeatKeywords.includes(node.value.toLowerCase());
+    const isRepeatKeyword =
+      node.type === 'word' && repeatKeywords.has(node.value.toLowerCase());
 
     if (ranges[rangeIndex].start === null && isRepeatKeyword) {
       ranges[rangeIndex].start = index;
       ranges[rangeIndex].end = index;
+
       return;
     }
 
@@ -86,68 +100,80 @@ function transform(value) {
         return;
       } else if (isRepeatKeyword) {
         ranges[rangeIndex].end = index;
+
         return;
       }
 
       return;
     }
   });
-  ranges.forEach(range => {
+
+  ranges.forEach((range) => {
     if (range.start === null) {
       return;
     }
 
-    const nodes = parsed.nodes.slice(range.start, range.end + 1);
+    const nodes = parsed.nodes.slice(
+      range.start,
+      /** @type {number} */ (range.end) + 1
+    );
 
     if (nodes.length !== 3) {
       return;
     }
+    const key = nodes
+      .filter(evenValues)
+      .map((n) => n.value.toLowerCase())
+      .toString();
 
-    const key = nodes.filter(evenValues).map(n => n.value.toLowerCase()).toString();
-
-    const match = _map.default.get(key);
+    const match = mappings.get(key);
 
     if (match) {
       nodes[0].value = match;
       nodes[1].value = nodes[2].value = '';
     }
   });
+
   return parsed.toString();
 }
 
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
 function pluginCreator() {
   return {
     postcssPlugin: 'postcss-normalize-repeat-style',
-
     prepare() {
       const cache = new Map();
       return {
         OnceExit(css) {
-          css.walkDecls(/^(background(-repeat)?|(-\w+-)?mask-repeat)$/i, decl => {
-            const value = decl.value;
+          css.walkDecls(
+            /^(background(-repeat)?|(-\w+-)?mask-repeat)$/i,
+            (decl) => {
+              const value = decl.value;
 
-            if (!value) {
-              return;
-            }
+              if (!value) {
+                return;
+              }
 
-            if (cache.has(value)) {
-              decl.value = cache.get(value);
-              return;
-            }
+              if (cache.has(value)) {
+                decl.value = cache.get(value);
 
-            const result = transform(value);
-            decl.value = result;
-            cache.set(value, result);
-          });
-        }
+                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;
+module.exports = pluginCreator;

package/src/lib/map.js

@@ -0,0 +1,9 @@
+'use strict';
+module.exports = new Map([
+  [['repeat', 'no-repeat'].toString(), 'repeat-x'],
+  [['no-repeat', 'repeat'].toString(), 'repeat-y'],
+  [['repeat', 'repeat'].toString(), 'repeat'],
+  [['space', 'space'].toString(), 'space'],
+  [['round', 'round'].toString(), 'round'],
+  [['no-repeat', 'no-repeat'].toString(), 'no-repeat'],
+]);

package/types/index.d.ts

@@ -0,0 +1,9 @@
+export = pluginCreator;
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
+declare function pluginCreator(): import('postcss').Plugin;
+declare namespace pluginCreator {
+    const postcss: true;
+}

package/types/lib/map.d.ts

@@ -0,0 +1,15 @@
+declare const _exports: {
+    clear(): void;
+    delete(key: string): boolean;
+    forEach(callbackfn: (value: string, key: string, map: Map<string, string>) => void, thisArg?: any): void;
+    get(key: string): string | undefined;
+    has(key: string): boolean;
+    set(key: string, value: string): Map<string, string>;
+    readonly size: number;
+    entries(): IterableIterator<[string, string]>;
+    keys(): IterableIterator<string>;
+    values(): IterableIterator<string>;
+    [Symbol.iterator](): IterableIterator<[string, string]>;
+    readonly [Symbol.toStringTag]: string;
+};
+export = _exports;

package/dist/lib/map.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _default = new Map([[['repeat', 'no-repeat'].toString(), 'repeat-x'], [['no-repeat', 'repeat'].toString(), 'repeat-y'], [['repeat', 'repeat'].toString(), 'repeat'], [['space', 'space'].toString(), 'space'], [['round', 'round'].toString(), 'round'], [['no-repeat', 'no-repeat'].toString(), 'no-repeat']]);
-
-exports.default = _default;
-module.exports = exports.default;