postcss-normalize-positions 5.0.0 → 5.0.4

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "postcss-normalize-positions",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "description": "Normalize keyword values for position into length values.",
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "files": [
-    "dist",
+    "src",
     "LICENSE-MIT"
   ],
-  "scripts": {
-    "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"
-  },
   "keywords": [
     "css",
     "postcss",
@@ -26,7 +21,7 @@
   },
   "repository": "cssnano/cssnano",
   "dependencies": {
-    "postcss-value-parser": "^4.1.0"
+    "postcss-value-parser": "^4.2.0"
   },
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"
@@ -35,10 +30,10 @@
     "node": "^10 || ^12 || >=14.0"
   },
   "devDependencies": {
-    "postcss": "^8.2.1"
+    "postcss": "^8.2.15"
   },
   "peerDependencies": {
-    "postcss": "^8.2.1"
+    "postcss": "^8.2.15"
   },
-  "gitHead": "0e2c3bf5835bafcdc8783bef66f730a24194c8f3"
-}
+  "readme": "# [postcss][postcss]-normalize-positions\n\n> Normalize positions with PostCSS.\n\n## Install\n\nWith [npm](https://npmjs.org/package/postcss-normalize-positions) do:\n\n```\nnpm install postcss-normalize-positions --save\n```\n\n## Example\n\n### Input\n\n```css\ndiv {\n    background-position: bottom left;\n}\n```\n\n### Output\n\n```css\ndiv {\n    background-position:0 100%;\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/src/index.js

@@ -0,0 +1,217 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+
+const directionKeywords = new Set(['top', 'right', 'bottom', 'left', 'center']);
+
+const center = '50%';
+const horizontal = new Map([
+  ['right', '100%'],
+  ['left', '0'],
+]);
+const verticalValue = new Map([
+  ['bottom', '100%'],
+  ['top', '0'],
+]);
+const mathFunctions = new Set(['calc', 'min', 'max', 'clamp']);
+
+function isCommaNode(node) {
+  return node.type === 'div' && node.value === ',';
+}
+
+function isVariableFunctionNode(node) {
+  if (node.type !== 'function') {
+    return false;
+  }
+
+  return ['var', 'env'].includes(node.value.toLowerCase());
+}
+
+function isMathFunctionNode(node) {
+  if (node.type !== 'function') {
+    return false;
+  }
+  return mathFunctions.has(node.value.toLowerCase());
+}
+
+function isNumberNode(node) {
+  if (node.type !== 'word') {
+    return false;
+  }
+
+  const value = parseFloat(node.value);
+
+  return !isNaN(value);
+}
+
+function isDimensionNode(node) {
+  if (node.type !== 'word') {
+    return false;
+  }
+
+  const parsed = valueParser.unit(node.value);
+
+  if (!parsed) {
+    return false;
+  }
+
+  return parsed.unit !== '';
+}
+
+function transform(value) {
+  const parsed = valueParser(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 isPositionKeyword =
+      (node.type === 'word' &&
+        directionKeywords.has(node.value.toLowerCase())) ||
+      isDimensionNode(node) ||
+      isNumberNode(node) ||
+      isMathFunctionNode(node);
+
+    if (ranges[rangeIndex].start === null && isPositionKeyword) {
+      ranges[rangeIndex].start = index;
+      ranges[rangeIndex].end = index;
+
+      return;
+    }
+
+    if (ranges[rangeIndex].start !== null) {
+      if (node.type === 'space') {
+        return;
+      } else if (isPositionKeyword) {
+        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 firstNode = nodes[0].value.toLowerCase();
+    const secondNode =
+      nodes[2] && nodes[2].value ? nodes[2].value.toLowerCase() : null;
+
+    if (nodes.length === 1 || secondNode === 'center') {
+      if (secondNode) {
+        nodes[2].value = nodes[1].value = '';
+      }
+
+      const map = new Map([...horizontal, ['center', center]]);
+
+      if (map.has(firstNode)) {
+        nodes[0].value = map.get(firstNode);
+      }
+
+      return;
+    }
+
+    if (firstNode === 'center' && directionKeywords.has(secondNode)) {
+      nodes[0].value = nodes[1].value = '';
+
+      if (horizontal.has(secondNode)) {
+        nodes[2].value = horizontal.get(secondNode);
+      }
+      return;
+    }
+
+    if (horizontal.has(firstNode) && verticalValue.has(secondNode)) {
+      nodes[0].value = horizontal.get(firstNode);
+      nodes[2].value = verticalValue.get(secondNode);
+
+      return;
+    } else if (verticalValue.has(firstNode) && horizontal.has(secondNode)) {
+      nodes[0].value = horizontal.get(secondNode);
+      nodes[2].value = verticalValue.get(firstNode);
+
+      return;
+    }
+  });
+
+  return parsed.toString();
+}
+
+function pluginCreator() {
+  return {
+    postcssPlugin: 'postcss-normalize-positions',
+
+    OnceExit(css) {
+      const cache = new Map();
+
+      css.walkDecls(
+        /^(background(-position)?|(-\w+-)?perspective-origin)$/i,
+        (decl) => {
+          const value = decl.value;
+
+          if (!value) {
+            return;
+          }
+
+          if (cache.has(value)) {
+            decl.value = cache.get(value);
+
+            return;
+          }
+
+          const result = transform(value);
+
+          decl.value = result;
+          cache.set(value, result);
+        }
+      );
+    },
+  };
+}
+
+pluginCreator.postcss = true;
+module.exports = pluginCreator;

package/CHANGELOG.md

@@ -1,71 +0,0 @@
-# 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-positions@5.0.0-rc.2...postcss-normalize-positions@5.0.0) (2021-04-06)
-
-**Note:** Version bump only for package postcss-normalize-positions
-
-
-
-
-
-# [5.0.0-rc.2](https://github.com/cssnano/cssnano/compare/postcss-normalize-positions@5.0.0-rc.1...postcss-normalize-positions@5.0.0-rc.2) (2021-03-15)
-
-**Note:** Version bump only for package postcss-normalize-positions
-
-
-
-
-
-# [5.0.0-rc.1](https://github.com/cssnano/cssnano/compare/postcss-normalize-positions@5.0.0-rc.0...postcss-normalize-positions@5.0.0-rc.1) (2021-03-04)
-
-**Note:** Version bump only for package postcss-normalize-positions
-
-
-
-
-
-# 5.0.0-rc.0 (2021-02-19)
-
-
-### Bug Fixes
-
-* **postcss-normalize-positions:** correct optimize math (`calc` and etc) and variable functions (`var` and `env`) ([#750](https://github.com/cssnano/cssnano/issues/750)) ([a81e8df](https://github.com/cssnano/cssnano/commit/a81e8dfc1ad26067d5a9efab8081072cd4b15c44))
-* **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-positions:** increase perf ([#694](https://github.com/cssnano/cssnano/issues/694)) ([95639da](https://github.com/cssnano/cssnano/commit/95639da5659aef112586b9334a1e13ac0b61a525))
-
-
-
-## 4.1.1 (2018-09-24)
-
-
-### Bug Fixes
-
-* handle uppercase property and values on `postcss-normalize-positions` ([#607](https://github.com/cssnano/cssnano/issues/607)) ([c521423](https://github.com/cssnano/cssnano/commit/c521423d5939039b771ba1b12fad5fe377a6c612))
-* **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,209 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-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; }
-
-const directionKeywords = ['top', 'right', 'bottom', 'left', 'center'];
-const center = '50%';
-const horizontal = {
-  right: '100%',
-  left: '0'
-};
-const verticalValue = {
-  bottom: '100%',
-  top: '0'
-};
-
-function isCommaNode(node) {
-  return node.type === 'div' && node.value === ',';
-}
-
-function isVariableFunctionNode(node) {
-  if (node.type !== 'function') {
-    return false;
-  }
-
-  return ['var', 'env'].includes(node.value.toLowerCase());
-}
-
-function isMathFunctionNode(node) {
-  if (node.type !== 'function') {
-    return false;
-  }
-
-  return ['calc', 'min', 'max', 'clamp'].includes(node.value.toLowerCase());
-}
-
-function isNumberNode(node) {
-  if (node.type !== 'word') {
-    return false;
-  }
-
-  const value = parseFloat(node.value);
-  return !isNaN(value);
-}
-
-function isDimensionNode(node) {
-  if (node.type !== 'word') {
-    return false;
-  }
-
-  const parsed = (0, _postcssValueParser.unit)(node.value);
-
-  if (!parsed) {
-    return false;
-  }
-
-  return parsed.unit !== '';
-}
-
-function transform(value) {
-  const parsed = (0, _postcssValueParser.default)(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 isPositionKeyword = node.type === 'word' && directionKeywords.includes(node.value.toLowerCase()) || isDimensionNode(node) || isNumberNode(node) || isMathFunctionNode(node);
-
-    if (ranges[rangeIndex].start === null && isPositionKeyword) {
-      ranges[rangeIndex].start = index;
-      ranges[rangeIndex].end = index;
-      return;
-    }
-
-    if (ranges[rangeIndex].start !== null) {
-      if (node.type === 'space') {
-        return;
-      } else if (isPositionKeyword) {
-        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 firstNode = nodes[0].value.toLowerCase();
-    const secondNode = nodes[2] && nodes[2].value ? nodes[2].value.toLowerCase() : null;
-
-    if (nodes.length === 1 || secondNode === 'center') {
-      if (secondNode) {
-        nodes[2].value = nodes[1].value = '';
-      }
-
-      const map = Object.assign({}, horizontal, {
-        center
-      });
-
-      if (Object.prototype.hasOwnProperty.call(map, firstNode)) {
-        nodes[0].value = map[firstNode];
-      }
-
-      return;
-    }
-
-    if (firstNode === 'center' && directionKeywords.includes(secondNode)) {
-      nodes[0].value = nodes[1].value = '';
-
-      if (Object.prototype.hasOwnProperty.call(horizontal, secondNode)) {
-        nodes[2].value = horizontal[secondNode];
-      }
-
-      return;
-    }
-
-    if (Object.prototype.hasOwnProperty.call(horizontal, firstNode) && Object.prototype.hasOwnProperty.call(verticalValue, secondNode)) {
-      nodes[0].value = horizontal[firstNode];
-      nodes[2].value = verticalValue[secondNode];
-      return;
-    } else if (Object.prototype.hasOwnProperty.call(verticalValue, firstNode) && Object.prototype.hasOwnProperty.call(horizontal, secondNode)) {
-      nodes[0].value = horizontal[secondNode];
-      nodes[2].value = verticalValue[firstNode];
-      return;
-    }
-  });
-  return parsed.toString();
-}
-
-function pluginCreator() {
-  return {
-    postcssPlugin: 'postcss-normalize-positions',
-
-    OnceExit(css) {
-      const cache = {};
-      css.walkDecls(/^(background(-position)?|(-\w+-)?perspective-origin)$/i, decl => {
-        const value = decl.value;
-
-        if (!value) {
-          return;
-        }
-
-        if (cache[value]) {
-          decl.value = cache[value];
-          return;
-        }
-
-        const result = transform(value);
-        decl.value = result;
-        cache[value] = result;
-      });
-    }
-
-  };
-}
-
-pluginCreator.postcss = true;
-var _default = pluginCreator;
-exports.default = _default;
-module.exports = exports.default;