postcss-merge-rules 5.0.0-rc.1 → 5.0.2

package/dist/index.js

@@ -7,23 +7,17 @@ exports.default = void 0;
 
 var _browserslist = _interopRequireDefault(require("browserslist"));
 
-var _vendors = _interopRequireDefault(require("vendors"));
-
 var _cssnanoUtils = require("cssnano-utils");
 
-var _ensureCompatibility = _interopRequireDefault(require("./lib/ensureCompatibility"));
+var _ensureCompatibility = require("./lib/ensureCompatibility");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/** @type {string[]} */
-const prefixes = _vendors.default.map(v => `-${v}-`);
 /**
  * @param {postcss.Declaration} a
  * @param {postcss.Declaration} b
  * @return {boolean}
  */
-
-
 function declarationIsEqual(a, b) {
   return a.important === b.important && a.prop === b.prop && a.value === b.value;
 }
@@ -65,36 +59,6 @@ function sameDeclarationsAndOrder(a, b) {
   }
 
   return a.every((d, index) => declarationIsEqual(d, b[index]));
-} // Internet Explorer use :-ms-input-placeholder.
-// Microsoft Edge use ::-ms-input-placeholder.
-
-
-const findMsInputPlaceholder = selector => ~selector.search(/-ms-input-placeholder/i);
-/**
- * @param {string} selector
- * @return {string[]}
- */
-
-
-function filterPrefixes(selector) {
-  return prefixes.filter(prefix => selector.indexOf(prefix) !== -1);
-}
-
-function sameVendor(selectorsA, selectorsB) {
-  let same = selectors => selectors.map(filterPrefixes).join();
-
-  let findMsVendor = selectors => selectors.find(findMsInputPlaceholder);
-
-  return same(selectorsA) === same(selectorsB) && !(findMsVendor(selectorsA) && findMsVendor(selectorsB));
-}
-/**
- * @param {string} selector
- * @return {boolean}
- */
-
-
-function noVendor(selector) {
-  return !filterPrefixes(selector).length;
 }
 /**
  * @param {postcss.Rule} ruleA
@@ -110,7 +74,7 @@ function canMerge(ruleA, ruleB, browsers, compatibilityCache) {
   const b = ruleB.selectors;
   const selectors = a.concat(b);
 
-  if (!(0, _ensureCompatibility.default)(selectors, browsers, compatibilityCache)) {
+  if (!(0, _ensureCompatibility.ensureCompatibility)(selectors, browsers, compatibilityCache)) {
     return false;
   }
 
@@ -123,7 +87,7 @@ function canMerge(ruleA, ruleB, browsers, compatibilityCache) {
     return false;
   }
 
-  return parent && (selectors.every(noVendor) || sameVendor(a, b));
+  return parent && (selectors.every(_ensureCompatibility.noVendor) || (0, _ensureCompatibility.sameVendor)(a, b));
 }
 /**
  * @param {postcss.Rule} rule
@@ -268,24 +232,24 @@ function partialMerge(first, second) {
   const firstDecls = getDecls(first); // Filter out intersections with later conflicts in First
 
   intersection = intersection.filter((decl, intersectIndex) => {
-    const index = indexOfDeclaration(firstDecls, decl);
-    const nextConflictInFirst = firstDecls.slice(index + 1).find(d => isConflictingProp(d.prop, decl.prop));
+    const indexOfDecl = indexOfDeclaration(firstDecls, decl);
+    const nextConflictInFirst = firstDecls.slice(indexOfDecl + 1).filter(d => isConflictingProp(d.prop, decl.prop));
 
-    if (!nextConflictInFirst) {
+    if (!nextConflictInFirst.length) {
       return true;
     }
 
-    const nextConflictInIntersection = intersection.slice(intersectIndex + 1).find(d => isConflictingProp(d.prop, decl.prop));
+    const nextConflictInIntersection = intersection.slice(intersectIndex + 1).filter(d => isConflictingProp(d.prop, decl.prop));
 
-    if (!nextConflictInIntersection) {
+    if (!nextConflictInIntersection.length) {
       return false;
     }
 
-    if (declarationIsEqual(nextConflictInFirst, nextConflictInIntersection)) {
-      return true;
+    if (nextConflictInFirst.length !== nextConflictInIntersection.length) {
+      return false;
     }
 
-    return false;
+    return nextConflictInFirst.every((d, index) => declarationIsEqual(d, nextConflictInIntersection[index]));
   }); // Filter out intersections with previous conflicts in Second
 
   const secondDecls = getDecls(second);

package/dist/lib/ensureCompatibility.js

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ensureCompatibility;
+exports.filterPrefixes = filterPrefixes;
+exports.sameVendor = sameVendor;
+exports.noVendor = noVendor;
+exports.ensureCompatibility = ensureCompatibility;
 exports.pseudoElements = void 0;
 
 var _caniuseApi = require("caniuse-api");
 
 var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
 
+var _vendors = _interopRequireDefault(require("vendors"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const simpleSelectorRe = /^#?[-._a-z0-9 ]+$/i;
@@ -19,9 +24,45 @@ const cssGencontent = 'css-gencontent';
 const cssFirstLetter = 'css-first-letter';
 const cssFirstLine = 'css-first-line';
 const cssInOutOfRange = 'css-in-out-of-range';
+const formValidation = 'form-validation';
+/** @type {string[]} */
+
+const prefixes = _vendors.default.map(v => `-${v}-`);
+/**
+ * @param {string} selector
+ * @return {string[]}
+ */
+
+
+function filterPrefixes(selector) {
+  return prefixes.filter(prefix => selector.indexOf(prefix) !== -1);
+} // Internet Explorer use :-ms-input-placeholder.
+// Microsoft Edge use ::-ms-input-placeholder.
+
+
+const findMsInputPlaceholder = selector => ~selector.search(/-ms-input-placeholder/i);
+
+function sameVendor(selectorsA, selectorsB) {
+  let same = selectors => selectors.map(filterPrefixes).join();
+
+  let findMsVendor = selectors => selectors.find(findMsInputPlaceholder);
+
+  return same(selectorsA) === same(selectorsB) && !(findMsVendor(selectorsA) && findMsVendor(selectorsB));
+}
+/**
+ * @param {string} selector
+ * @return {boolean}
+ */
+
+
+function noVendor(selector) {
+  return !filterPrefixes(selector).length;
+}
+
 const pseudoElements = {
   ':active': cssSel2,
   ':after': cssGencontent,
+  ':any-link': 'css-any-link',
   ':before': cssGencontent,
   ':checked': cssSel3,
   ':default': 'css-default-pseudo',
@@ -40,9 +81,12 @@ const pseudoElements = {
   ':hover': cssSel2,
   ':in-range': cssInOutOfRange,
   ':indeterminate': 'css-indeterminate-pseudo',
+  ':invalid': formValidation,
+  ':is': 'css-matches-pseudo',
   ':lang': cssSel2,
   ':last-child': cssSel3,
   ':last-of-type': cssSel3,
+  ':link': cssSel2,
   ':matches': 'css-matches-pseudo',
   ':not': cssSel3,
   ':nth-child': cssSel3,
@@ -54,6 +98,7 @@ const pseudoElements = {
   ':optional': 'css-optional-pseudo',
   ':out-of-range': cssInOutOfRange,
   ':placeholder-shown': 'css-placeholder-shown',
+  ':required': formValidation,
   ':root': cssSel3,
   ':target': cssSel3,
   '::after': cssGencontent,
@@ -63,7 +108,9 @@ const pseudoElements = {
   '::first-line': cssFirstLine,
   '::marker': 'css-marker-pseudo',
   '::placeholder': 'css-placeholder',
-  '::selection': 'css-selection'
+  '::selection': 'css-selection',
+  ':valid': formValidation,
+  ':visited': cssSel2
 };
 exports.pseudoElements = pseudoElements;
 
@@ -71,6 +118,10 @@ function isCssMixin(selector) {
   return selector[selector.length - 1] === ':';
 }
 
+function isHostPseudoClass(selector) {
+  return selector.includes(':host');
+}
+
 const isSupportedCache = {}; // Move to util in future
 
 function isSupportedCached(feature, browsers) {
@@ -92,6 +143,11 @@ function ensureCompatibility(selectors, browsers, compatibilityCache) {
   // Should not merge mixins
   if (selectors.some(isCssMixin)) {
     return false;
+  } // Should not merge :host selector https://github.com/angular/angular-cli/issues/18672
+
+
+  if (selectors.some(isHostPseudoClass)) {
+    return false;
   }
 
   return selectors.every(selector => {
@@ -114,6 +170,10 @@ function ensureCompatibility(selectors, browsers, compatibilityCache) {
         if (type === 'pseudo') {
           const entry = pseudoElements[value];
 
+          if (!entry && noVendor(value)) {
+            compatible = false;
+          }
+
           if (entry && compatible) {
             compatible = isSupportedCached(entry, browsers);
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-merge-rules",
-  "version": "5.0.0-rc.1",
+  "version": "5.0.2",
   "description": "Merge CSS rules with PostCSS.",
   "main": "dist/index.js",
   "files": [
@@ -9,7 +9,7 @@
   ],
   "scripts": {
     "prebuild": "del-cli dist",
-    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\"",
+    "build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.json --out-dir dist --ignore \"**/__tests__/\"",
     "prepublish": "yarn build"
   },
   "keywords": [
@@ -27,10 +27,10 @@
   },
   "repository": "cssnano/cssnano",
   "dependencies": {
-    "browserslist": "^4.16.0",
+    "browserslist": "^4.16.6",
     "caniuse-api": "^3.0.0",
-    "cssnano-utils": "^2.0.0-rc.1",
-    "postcss-selector-parser": "^6.0.4",
+    "cssnano-utils": "^2.0.1",
+    "postcss-selector-parser": "^6.0.5",
     "vendors": "^1.0.3"
   },
   "bugs": {
@@ -40,10 +40,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": "114efb0092fff944dd4c8a28d184add24d8fde3e"
+  "gitHead": "9b3c54fd94f3e2bdb503d1e21f171d7fe02f33ca"
 }

package/CHANGELOG.md

@@ -1,59 +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-rc.1](https://github.com/cssnano/cssnano/compare/postcss-merge-rules@5.0.0-rc.0...postcss-merge-rules@5.0.0-rc.1) (2021-03-04)
-
-**Note:** Version bump only for package postcss-merge-rules
-
-
-
-
-
-# 5.0.0-rc.0 (2021-02-19)
-
-
-### Bug Fixes
-
-* don't unsafe merge 'all' declaration ([#872](https://github.com/cssnano/cssnano/issues/872)) ([6ea9e5d](https://github.com/cssnano/cssnano/commit/6ea9e5dcad2d8ea22be7209332ee29d352c807de))
-* focus-visible issue ([#882](https://github.com/cssnano/cssnano/issues/882)) ([4cfcaaf](https://github.com/cssnano/cssnano/commit/4cfcaaf25b162ec2b0308907a408d7dba6a354c3))
-* **merge-rules, merge-idents:** add support for nested at-rules ([#719](https://github.com/cssnano/cssnano/issues/719)) ([cdedda7](https://github.com/cssnano/cssnano/commit/cdedda7f9d67873d872add044ad34c91616579f3))
-* **postcss-merge-rules:** don't change specificity of prefixed properties ([#723](https://github.com/cssnano/cssnano/issues/723)) ([863cf2b](https://github.com/cssnano/cssnano/commit/863cf2b3470d3172523a3165dc368abcfa18809c))
-
-
-### 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))
-* **postcss-merge-rules:** merge at-rules ([#722](https://github.com/cssnano/cssnano/issues/722)) ([8d4610a](https://github.com/cssnano/cssnano/commit/8d4610a6391ddab29bcb08ef0522d0b7ce2d6582))
-
-
-### 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-merge-rules:** increase perf ([#681](https://github.com/cssnano/cssnano/issues/681)) ([35bad2b](https://github.com/cssnano/cssnano/commit/35bad2b70fca5390c88eaabc24c25bb8d28b2f95))
-
-
-
-## 4.1.1 (2018-09-24)
-
-
-### Bug Fixes
-
-* handle uppercase `all` property in merge rules ([#611](https://github.com/cssnano/cssnano/issues/611)) ([0dfe335](https://github.com/cssnano/cssnano/commit/0dfe3355951fa4a080a04dca34c6d99420def7ac))
-* merge same atrules with difference case ([#605](https://github.com/cssnano/cssnano/issues/605)) ([ca350fd](https://github.com/cssnano/cssnano/commit/ca350fda779bab5ca2eadf70299d92f8e495a273))
-* **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)