postcss-nested 2.0.3 → 2.1.2

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 2.1.2
+* Fix replacing multiple `&`.
+
+## 2.1.1
+* Fix `:not(&)` support.
+
+## 2.1
+* Add `preserveEmpty` option (by Federico Zivolo).
+
+## 2.0.4
+* Fix finding `&` in some selectors (by Stepan Mikhaylyuk).
+
 ## 2.0.3
 * Doesn’t replace `&` inside string (by Paul Kiddle).
 

package/README.md

@@ -78,5 +78,29 @@ By default, plugin will unwrap only `@media`, `@supports` and `@document`
 at-rules. You can add your custom at-rules to this list by `bubble` option:
 
 ```js
-postcss([ require('postcss-nested')({ bubble: ['phone'] }) ]
+postcss([ require('postcss-nested')({ bubble: ['phone'] }) ])
 ```
+
+### `preserveEmpty`
+
+By default, plugin will strip out any empty selector generated by intermediate
+nesting levels. You can set `preserveEmpty` to `true` to preserve them.
+
+```css
+.a {
+    .b {
+        color: black;
+    }
+}
+```
+
+Will be compiled to:
+
+```css
+.a { }
+.a .b {
+    color: black;
+}
+```
+
+This is especially useful if you want to export the empty classes with `postcss-modules`.

package/index.js

@@ -1,29 +1,34 @@
 var postcss = require('postcss');
 var parser = require('postcss-selector-parser');
 
-function concatNested(selector, parent) {
+function replace(nodes, parent) {
     var replaced = false;
-
-    selector.walkNesting(function (ampersand) {
-        ampersand.replaceWith(parent.clone());
-        replaced = true;
+    nodes.forEach(function (i) {
+        if (i.type === 'nesting') {
+            i.replaceWith(parent.clone());
+            replaced = true;
+        } else if (i.nodes) {
+            if (replace(i.nodes, parent)) {
+                replaced = true;
+            }
+        }
     });
-
-    if (!replaced) {
-        selector.prepend(parser.combinator({ value: ' ' }));
-        selector.prepend(parent.clone());
-    }
-
-    return selector;
+    return replaced;
 }
 
-function selectors(parent, node) {
+function selectors(parent, child) {
     var result = [];
     parent.selectors.forEach(function (i) {
-        var parsed = parser().process(i).res.first;
+        var parentNode = parser().process(i).res.first;
 
-        node.selectors.forEach(function (j) {
-            result.push(concatNested(parser().process(j).res.first, parsed));
+        child.selectors.forEach(function (j) {
+            var node = parser().process(j).res.first;
+            var replaced = replace(node.nodes, parentNode);
+            if (!replaced) {
+                node.prepend(parser.combinator({ value: ' ' }));
+                node.prepend(parentNode.clone());
+            }
+            result.push(node.toString());
         });
     });
     return result;
@@ -60,7 +65,7 @@ function atruleChilds(rule, atrule) {
     }
 }
 
-function processRule(rule, bubble) {
+function processRule(rule, bubble, preserveEmpty) {
     var unwrapped = false;
     var after     = rule;
     rule.each(function (child) {
@@ -80,7 +85,7 @@ function processRule(rule, bubble) {
             }
         }
     });
-    if ( unwrapped ) {
+    if ( unwrapped && preserveEmpty !== true ) {
         rule.raws.semicolon = true;
         if ( rule.nodes.length === 0 ) rule.remove();
     }
@@ -93,11 +98,12 @@ module.exports = postcss.plugin('postcss-nested', function (opts) {
             return i.replace(/^@/, '');
         }));
     }
+    var preserveEmpty = opts ? opts.preserveEmpty : false;
 
     var process = function (node) {
         node.each(function (child) {
             if ( child.type === 'rule' ) {
-                processRule(child, bubble);
+                processRule(child, bubble, preserveEmpty);
             } else if ( child.type === 'atrule' ) {
                 process(child);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-nested",
-  "version": "2.0.3",
+  "version": "2.1.2",
   "description": "PostCSS plugin to unwrap nested rules like how Sass does it.",
   "keywords": [
     "postcss",
@@ -13,11 +13,11 @@
   "license": "MIT",
   "repository": "postcss/postcss-nested",
   "dependencies": {
-    "postcss": "^6.0.6",
+    "postcss": "^6.0.9",
     "postcss-selector-parser": "^2.2.3"
   },
   "devDependencies": {
-    "eslint": "^4.2.0",
+    "eslint": "^4.4.1",
     "eslint-config-postcss": "^2.0.2",
     "jest": "^20.0.4"
   },