postcss-normalize-positions 4.0.0-nightly.2020.9.3 → 4.0.0

package/CHANGELOG.md

@@ -0,0 +1,4 @@
+# 4.0.0-rc.0
+
+* Initial commit. This module was previously part of other cssnano modules and
+  has been extracted out.

package/README.md

@@ -16,7 +16,7 @@ npm install postcss-normalize-positions --save
 
 ```css
 div {
-    background-position: bottom left;
+    background-position: bottom right
 }
 ```
 
@@ -24,7 +24,7 @@ div {
 
 ```css
 div {
-    background-position:0 100%;
+    background-position: 100% 100%
 }
 ``` 
 

package/dist/index.js

@@ -1,208 +1,111 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
 
-var _postcss = require("postcss");
+var _postcss = require('postcss');
 
-var _postcssValueParser = _interopRequireWildcard(require("postcss-value-parser"));
+var _postcssValueParser = require('postcss-value-parser');
 
-var _has = _interopRequireDefault(require("has"));
+var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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;
-    }
+var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
 
-    if (!shouldContinue) {
-      return;
-    } // After separator (`/`) follows `background-size` values
-    // Avoid them
+var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
 
+var _has = require('has');
 
-    if (node.type === 'div' && node.value === '/') {
-      shouldContinue = false;
-      return;
-    }
+var _has2 = _interopRequireDefault(_has);
 
-    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 ((0, _has.default)(map, firstNode)) {
-        nodes[0].value = map[firstNode];
-      }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-      return;
-    }
+const directions = ['top', 'right', 'bottom', 'left', 'center'];
 
-    if (firstNode === 'center' && directionKeywords.includes(secondNode)) {
-      nodes[0].value = nodes[1].value = '';
+const center = '50%';
 
-      if ((0, _has.default)(horizontal, secondNode)) {
-        nodes[2].value = horizontal[secondNode];
-      }
+const horizontal = {
+    right: '100%',
+    left: '0'
+};
 
-      return;
-    }
+const vertical = {
+    bottom: '100%',
+    top: '0'
+};
 
-    if ((0, _has.default)(horizontal, firstNode) && (0, _has.default)(verticalValue, secondNode)) {
-      nodes[0].value = horizontal[firstNode];
-      nodes[2].value = verticalValue[secondNode];
-      return;
-    } else if ((0, _has.default)(verticalValue, firstNode) && (0, _has.default)(horizontal, secondNode)) {
-      nodes[0].value = horizontal[secondNode];
-      nodes[2].value = verticalValue[firstNode];
-      return;
-    }
-  });
-  return parsed.toString();
+function transform(decl) {
+    const values = (0, _postcssValueParser2.default)(decl.value);
+    const args = (0, _cssnanoUtilGetArguments2.default)(values);
+    const relevant = [];
+    args.forEach(arg => {
+        relevant.push({
+            start: null,
+            end: null
+        });
+        arg.forEach((part, index) => {
+            const isPosition = ~directions.indexOf(part.value) || (0, _postcssValueParser.unit)(part.value);
+            const len = relevant.length - 1;
+            if (relevant[len].start === null && isPosition) {
+                relevant[len].start = index;
+                relevant[len].end = index;
+                return;
+            }
+            if (relevant[len].start !== null) {
+                if (part.type === 'space') {
+                    return;
+                } else if (isPosition) {
+                    relevant[len].end = index;
+                    return;
+                }
+                return;
+            }
+        });
+    });
+    relevant.forEach((range, index) => {
+        if (range.start === null) {
+            return;
+        }
+        const position = args[index].slice(range.start, range.end + 1);
+        if (position.length > 3) {
+            return;
+        }
+        if (position.length === 1 || position[2].value === 'center') {
+            if (position[2]) {
+                position[2].value = position[1].value = '';
+            }
+            const { value } = position[0];
+            const map = Object.assign({}, horizontal, {
+                center
+            });
+            if ((0, _has2.default)(map, value)) {
+                position[0].value = map[value];
+            }
+            return;
+        }
+        if (position[0].value === 'center' && ~directions.indexOf(position[2].value)) {
+            position[0].value = position[1].value = '';
+            const { value } = position[2];
+            if ((0, _has2.default)(horizontal, value)) {
+                position[2].value = horizontal[value];
+            }
+            return;
+        }
+        if ((0, _has2.default)(horizontal, position[0].value) && (0, _has2.default)(vertical, position[2].value)) {
+            position[0].value = horizontal[position[0].value];
+            position[2].value = vertical[position[2].value];
+            return;
+        } else if ((0, _has2.default)(vertical, position[0].value) && (0, _has2.default)(horizontal, position[2].value)) {
+            let first = position[0].value;
+            position[0].value = horizontal[position[2].value];
+            position[2].value = vertical[first];
+            return;
+        }
+    });
+    decl.value = values.toString();
 }
 
-var _default = (0, _postcss.plugin)('postcss-normalize-positions', () => {
-  return 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;
-    });
-  };
+exports.default = (0, _postcss.plugin)('postcss-normalize-positions', () => {
+    return css => css.walkDecls(/^(background(-position)?|(-webkit-)?perspective-origin)$/i, transform);
 });
-
-exports.default = _default;
-module.exports = exports.default;
+module.exports = exports['default'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-normalize-positions",
-  "version": "4.0.0-nightly.2020.9.3",
+  "version": "4.0.0",
   "description": "Normalize keyword values for position into length values.",
   "main": "dist/index.js",
   "files": [
@@ -8,9 +8,7 @@
     "LICENSE-MIT"
   ],
   "scripts": {
-    "prebuild": "",
-    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
-    "prepublish": ""
+    "prepublish": "cross-env BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/"
   },
   "keywords": [
     "css",
@@ -18,6 +16,10 @@
     "postcss-plugin"
   ],
   "license": "MIT",
+  "devDependencies": {
+    "babel-cli": "^6.0.0",
+    "cross-env": "^5.0.0"
+  },
   "homepage": "https://github.com/cssnano/cssnano",
   "author": {
     "name": "Ben Briggs",
@@ -26,14 +28,15 @@
   },
   "repository": "cssnano/cssnano",
   "dependencies": {
-    "has": "^1.0.3",
-    "postcss": "^7.0.16",
-    "postcss-value-parser": "^3.3.1"
+    "cssnano-util-get-arguments": "^4.0.0",
+    "has": "^1.0.0",
+    "postcss": "^6.0.0",
+    "postcss-value-parser": "^3.0.0"
   },
   "bugs": {
     "url": "https://github.com/cssnano/cssnano/issues"
   },
   "engines": {
-    "node": ">=10.13.0"
+    "node": ">=6.9.0"
   }
-}
+}