postcss-normalize-repeat-style 4.0.2 → 5.0.0

package/CHANGELOG.md

@@ -0,0 +1,69 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [5.0.0](https://github.com/cssnano/cssnano/compare/postcss-normalize-repeat-style@5.0.0-rc.2...postcss-normalize-repeat-style@5.0.0) (2021-04-06)
+
+**Note:** Version bump only for package postcss-normalize-repeat-style
+
+
+
+
+
+# [5.0.0-rc.2](https://github.com/cssnano/cssnano/compare/postcss-normalize-repeat-style@5.0.0-rc.1...postcss-normalize-repeat-style@5.0.0-rc.2) (2021-03-15)
+
+**Note:** Version bump only for package postcss-normalize-repeat-style
+
+
+
+
+
+# [5.0.0-rc.1](https://github.com/cssnano/cssnano/compare/postcss-normalize-repeat-style@5.0.0-rc.0...postcss-normalize-repeat-style@5.0.0-rc.1) (2021-03-04)
+
+**Note:** Version bump only for package postcss-normalize-repeat-style
+
+
+
+
+
+# 5.0.0-rc.0 (2021-02-19)
+
+
+### Bug Fixes
+
+* **postcss-normalize-repeat-style:** better handle css variables ([#753](https://github.com/cssnano/cssnano/issues/753)) ([7e18b0c](https://github.com/cssnano/cssnano/commit/7e18b0cbcd7cb5de58e60ab4ef1900a4d8eeefec))
+
+
+### chore
+
+* minimum require version of node is 10.13 ([#871](https://github.com/cssnano/cssnano/issues/871)) ([28bda24](https://github.com/cssnano/cssnano/commit/28bda243e32ce3ba89b3c358a5f78727b3732f11))
+
+
+### Features
+
+* migarete to PostCSS 8 ([#975](https://github.com/cssnano/cssnano/issues/975)) ([40b82dc](https://github.com/cssnano/cssnano/commit/40b82dca7f53ac02cd4fe62846dec79b898ccb49))
+
+
+### BREAKING CHANGES
+
+* minimum supported `postcss` version is `8.2.1`
+* minimum require version of node is 10.13
+
+
+
+## 4.1.9 (2019-02-12)
+
+
+### Performance Improvements
+
+* **postcss-normalize-repeat-style:** increase perf ([#690](https://github.com/cssnano/cssnano/issues/690)) ([2c900e4](https://github.com/cssnano/cssnano/commit/2c900e4176e4aabd484e468b32b1ed1011c00ef4))
+
+
+
+## 4.1.1 (2018-09-24)
+
+
+### Bug Fixes
+
+* **postcss-merge-longhand:** not mangle border output ([#555](https://github.com/cssnano/cssnano/issues/555)) ([9a70605](https://github.com/cssnano/cssnano/commit/9a706050b621e7795a9bf74eb7110b5c81804ffe)), closes [#553](https://github.com/cssnano/cssnano/issues/553) [#554](https://github.com/cssnano/cssnano/issues/554)

package/dist/index.js

@@ -1,119 +1,155 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports.default = void 0;
 
-var _postcss = require('postcss');
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 
-var _postcss2 = _interopRequireDefault(_postcss);
+var _cssnanoUtils = require("cssnano-utils");
 
-var _postcssValueParser = require('postcss-value-parser');
-
-var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
-
-var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
-
-var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
-
-var _cssnanoUtilGetMatch = require('cssnano-util-get-match');
-
-var _cssnanoUtilGetMatch2 = _interopRequireDefault(_cssnanoUtilGetMatch);
-
-var _map = require('./lib/map');
-
-var _map2 = _interopRequireDefault(_map);
+var _map = _interopRequireDefault(require("./lib/map"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function evenValues(list, index) {
-    return index % 2 === 0;
+  return index % 2 === 0;
 }
 
-const repeatKeywords = _map2.default.map(mapping => mapping[0]);
+const repeatKeywords = _map.default.map(mapping => mapping[0]);
 
-const getMatch = (0, _cssnanoUtilGetMatch2.default)(_map2.default);
+const getMatch = (0, _cssnanoUtils.getMatch)(_map.default);
 
-exports.default = _postcss2.default.plugin('postcss-normalize-repeat-style', () => {
-    return css => {
-        const cache = {};
+function isCommaNode(node) {
+  return node.type === 'div' && node.value === ',';
+}
 
-        css.walkDecls(/background(-repeat)?|(-webkit-)?mask-repeat/i, decl => {
-            const value = decl.value;
+function isVariableFunctionNode(node) {
+  if (node.type !== 'function') {
+    return false;
+  }
 
-            if (cache[value]) {
-                decl.value = cache[value];
+  return ['var', 'env'].includes(node.value.toLowerCase());
+}
 
-                return;
-            }
+function transform(value) {
+  const parsed = (0, _postcssValueParser.default)(value);
+
+  if (parsed.nodes.length === 1) {
+    return value;
+  }
+
+  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
+
+
+    if (node.type === 'div' && node.value === '/') {
+      shouldContinue = false;
+      return;
+    }
+
+    if (!ranges[rangeIndex]) {
+      ranges[rangeIndex] = {
+        start: null,
+        end: null
+      };
+    } // 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());
+
+    if (ranges[rangeIndex].start === null && isRepeatKeyword) {
+      ranges[rangeIndex].start = index;
+      ranges[rangeIndex].end = index;
+      return;
+    }
+
+    if (ranges[rangeIndex].start !== null) {
+      if (node.type === 'space') {
+        return;
+      } else if (isRepeatKeyword) {
+        ranges[rangeIndex].end = index;
+        return;
+      }
+
+      return;
+    }
+  });
+  ranges.forEach(range => {
+    if (range.start === null) {
+      return;
+    }
+
+    const nodes = parsed.nodes.slice(range.start, range.end + 1);
+
+    if (nodes.length !== 3) {
+      return;
+    }
+
+    const match = getMatch(nodes.filter(evenValues).map(n => n.value.toLowerCase()));
+
+    if (match) {
+      nodes[0].value = match;
+      nodes[1].value = nodes[2].value = '';
+    }
+  });
+  return parsed.toString();
+}
 
-            const parsed = (0, _postcssValueParser2.default)(value);
+function pluginCreator() {
+  return {
+    postcssPlugin: 'postcss-normalize-repeat-style',
 
-            if (parsed.nodes.length === 1) {
-                cache[value] = value;
+    prepare() {
+      const cache = {};
+      return {
+        OnceExit(css) {
+          css.walkDecls(/^(background(-repeat)?|(-\w+-)?mask-repeat)$/i, decl => {
+            const value = decl.value;
 
-                return;
+            if (!value) {
+              return;
             }
 
-            const args = (0, _cssnanoUtilGetArguments2.default)(parsed);
-            const relevant = [];
-
-            args.forEach(arg => {
-                relevant.push({
-                    start: null,
-                    end: null
-                });
-
-                arg.forEach((part, index) => {
-                    const isRepeat = ~repeatKeywords.indexOf(part.value.toLowerCase());
-                    const len = relevant.length - 1;
-
-                    if (relevant[len].start === null && isRepeat) {
-                        relevant[len].start = index;
-                        relevant[len].end = index;
-
-                        return;
-                    }
-
-                    if (relevant[len].start !== null) {
-                        if (part.type === 'space') {
-                            return;
-                        } else if (isRepeat) {
-                            relevant[len].end = index;
-
-                            return;
-                        }
-
-                        return;
-                    }
-                });
-            });
-
-            relevant.forEach((range, index) => {
-                if (range.start === null) {
-                    return;
-                }
-
-                const val = args[index].slice(range.start, range.end + 1);
-
-                if (val.length !== 3) {
-                    return;
-                }
+            if (cache[value]) {
+              decl.value = cache[value];
+              return;
+            }
 
-                const match = getMatch(val.filter(evenValues).map(n => n.value.toLowerCase()));
+            const result = transform(value);
+            decl.value = result;
+            cache[value] = result;
+          });
+        }
 
-                if (match) {
-                    args[index][range.start].value = match;
-                    args[index][range.start + 1].value = '';
-                    args[index][range.end].value = '';
-                }
-            });
+      };
+    }
 
-            const result = parsed.toString();
+  };
+}
 
-            decl.value = result;
-            cache[value] = result;
-        });
-    };
-});
-module.exports = exports['default'];
+pluginCreator.postcss = true;
+var _default = pluginCreator;
+exports.default = _default;
+module.exports = exports.default;

package/dist/lib/map.js

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

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "postcss-normalize-repeat-style",
-  "version": "4.0.2",
+  "version": "5.0.0",
   "description": "Convert two value syntax for repeat-style into one value.",
   "main": "dist/index.js",
   "scripts": {
-    "prepublish": "cross-env BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/"
+    "prebuild": "del-cli dist",
+    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
+    "prepublish": "yarn build"
   },
   "files": [
     "LICENSE-MIT",
@@ -12,14 +14,8 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "cssnano-util-get-arguments": "^4.0.0",
-    "cssnano-util-get-match": "^4.0.0",
-    "postcss": "^7.0.0",
-    "postcss-value-parser": "^3.0.0"
-  },
-  "devDependencies": {
-    "babel-cli": "^6.0.0",
-    "cross-env": "^5.0.0"
+    "cssnano-utils": "^2.0.0",
+    "postcss-value-parser": "^4.1.0"
   },
   "author": {
     "name": "Ben Briggs",
@@ -32,6 +28,13 @@
   },
   "homepage": "https://github.com/cssnano/cssnano",
   "engines": {
-    "node": ">=6.9.0"
-  }
+    "node": "^10 || ^12 || >=14.0"
+  },
+  "devDependencies": {
+    "postcss": "^8.2.1"
+  },
+  "peerDependencies": {
+    "postcss": "^8.2.1"
+  },
+  "gitHead": "0e2c3bf5835bafcdc8783bef66f730a24194c8f3"
 }