postcss-merge-rules 5.0.0 → 5.0.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.1](https://github.com/cssnano/cssnano/compare/postcss-merge-rules@5.0.0...postcss-merge-rules@5.0.1) (2021-05-19)
+
+
+### Bug Fixes
+
+* **postcss-merge-rules:** add some missing known pseudo classes. ([#1099](https://github.com/cssnano/cssnano/issues/1099)) ([4d7fe36](https://github.com/cssnano/cssnano/commit/4d7fe367bebab86c7b5664ed4621ee7586ca7d86))
+* **postcss-merge-rules:** prevent breaking rule merges ([#1072](https://github.com/cssnano/cssnano/issues/1072)) ([c5e0a5e](https://github.com/cssnano/cssnano/commit/c5e0a5eac171089ae994fcba21d9c565fb462577)), closes [#999](https://github.com/cssnano/cssnano/issues/999)
+
+
+
+
+
 # [5.0.0](https://github.com/cssnano/cssnano/compare/postcss-merge-rules@5.0.0-rc.2...postcss-merge-rules@5.0.0) (2021-04-06)
 
 **Note:** Version bump only for package postcss-merge-rules

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

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",
+  "version": "5.0.1",
   "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": [
@@ -29,8 +29,8 @@
   "dependencies": {
     "browserslist": "^4.16.0",
     "caniuse-api": "^3.0.0",
-    "cssnano-utils": "^2.0.0",
-    "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": "0e2c3bf5835bafcdc8783bef66f730a24194c8f3"
+  "gitHead": "28c247175032fa03f04911cde56ad82d74d211cc"
 }