postcss-nested 5.0.5 → 5.0.6

package/README.md

@@ -59,10 +59,12 @@ html {
 
 Related plugins:
 
+* Use [`postcss-atroot`] for `@at-root` at-rule to move nested child
+  to the CSS root.
 * Use [`postcss-current-selector`] **after** this plugin if you want
-to use current selector in properties or variables values.
+  to use current selector in properties or variables values.
 * Use [`postcss-nested-ancestors`] **before** this plugin if you want
-to reference any ancestor element directly in your selectors with `^&`.
+  to reference any ancestor element directly in your selectors with `^&`.
 
 Alternatives:
 
@@ -75,6 +77,7 @@ Alternatives:
        alt="Sponsored by Evil Martians" width="236" height="54">
 </a>
 
+[`postcss-atroot`]: https://github.com/OEvgeny/postcss-atroot
 [`postcss-current-selector`]: https://github.com/komlev/postcss-current-selector
 [`postcss-nested-ancestors`]: https://github.com/toomuchdesign/postcss-nested-ancestors
 [`postcss-nested-props`]:     https://github.com/jedmao/postcss-nested-props

package/index.d.ts

@@ -1,30 +1,34 @@
-// Original definitions (@types/postcss-nested) by Maxim Vorontsov <https://github.com/VorontsovMaxim>
+// Original definitions (@types/postcss-nested)
+// by Maxim Vorontsov <https://github.com/VorontsovMaxim>
 
-import { PluginCreator } from 'postcss';
+import { PluginCreator } from 'postcss'
 
 declare namespace nested {
   interface Options {
     /**
-     * By default, plugin will bubble only @media and @supports at-rules.
+     * By default, plugin will bubble only `@media` and `@supports` at-rules.
      * You can add your custom at-rules to this list by this option.
      */
-    bubble?: string[];
+    bubble?: string[]
 
     /**
-     * By default, plugin will unwrap only @font-face, @keyframes and @document at-rules.
-     * You can add your custom at-rules to this list by this option.
+     * By default, plugin will unwrap only `@font-face`, `@keyframes`,
+     * and `@document` at-rules. You can add your custom at-rules
+     * to this list by this option.
      */
-    unwrap?: string[];
+    unwrap?: string[]
 
     /**
-     * By default, plugin will strip out any empty selector generated by intermediate nesting
-     * levels. You can set this option to true to preserve them.
+     * By default, plugin will strip out any empty selector generated
+     * by intermediate nesting levels. You can set this option to `true`
+     * to preserve them.
      */
-    preserveEmpty?: boolean;
+    preserveEmpty?: boolean
   }
 
-  type Nested = PluginCreator<Options>;
+  type Nested = PluginCreator<Options>
 }
 
-declare const nested: nested.Nested;
-export = nested;
+declare const nested: nested.Nested
+
+export = nested

package/index.js

@@ -66,26 +66,32 @@ function pickComment (comment, after) {
   }
 }
 
-function atruleChilds (rule, atrule, bubbling) {
-  let children = []
-  atrule.each(child => {
-    if (child.type === 'comment') {
-      children.push(child)
-    } else if (child.type === 'decl') {
-      children.push(child)
-    } else if (child.type === 'rule' && bubbling) {
-      child.selectors = selectors(rule, child)
-    } else if (child.type === 'atrule') {
-      atruleChilds(rule, child, bubbling)
-    }
-  })
-  if (bubbling) {
-    if (children.length) {
-      let clone = rule.clone({ nodes: [] })
-      for (let child of children) {
-        clone.append(child)
+function createFnAtruleChilds (bubble) {
+  return function atruleChilds (rule, atrule, bubbling) {
+    let children = []
+    atrule.each(child => {
+      if (child.type === 'comment') {
+        children.push(child)
+      } else if (child.type === 'decl') {
+        children.push(child)
+      } else if (child.type === 'rule' && bubbling) {
+        child.selectors = selectors(rule, child)
+      } else if (child.type === 'atrule') {
+        if (child.nodes && bubble[child.name]) {
+          atruleChilds(rule, child, true)
+        } else {
+          children.push(child)
+        }
+      }
+    })
+    if (bubbling) {
+      if (children.length) {
+        let clone = rule.clone({ nodes: [] })
+        for (let child of children) {
+          clone.append(child)
+        }
+        atrule.prepend(clone)
       }
-      atrule.prepend(clone)
     }
   }
 }
@@ -120,6 +126,7 @@ function atruleNames (defaults, custom) {
 
 module.exports = (opts = {}) => {
   let bubble = atruleNames(['media', 'supports'], opts.bubble)
+  let atruleChilds = createFnAtruleChilds(bubble)
   let unwrap = atruleNames(
     [
       'document',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-nested",
-  "version": "5.0.5",
+  "version": "5.0.6",
   "description": "PostCSS plugin to unwrap nested rules like how Sass does it",
   "keywords": [
     "postcss",
@@ -13,16 +13,16 @@
   "license": "MIT",
   "repository": "postcss/postcss-nested",
   "engines": {
-    "node": ">=10.0"
+    "node": ">=12.0"
   },
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/postcss/"
   },
   "peerDependencies": {
-    "postcss": "^8.1.13"
+    "postcss": "^8.2.14"
   },
   "dependencies": {
-    "postcss-selector-parser": "^6.0.4"
+    "postcss-selector-parser": "^6.0.6"
   }
 }

package/CHANGELOG.md

@@ -1,110 +0,0 @@
-# Change Log
-This project adheres to [Semantic Versioning](http://semver.org/).
-
-## 5.0.5
-* Fixed `,` at the tail (by Jesse de Boer).
-
-## 5.0.4
-* Fixed nested `&` at the tail (by Raphael Luba).
-* Fixed docs (by Samuel Charpentier).
-
-## 5.0.3
-* Fixed compability with Autoprefixer by adding `@-webkit-keyframes` support.
-
-## 5.0.2
-* Fixed compatibility with `postcss-mixins` by moving to visitor API.
-
-## 5.0.1
-* Fixed PostCSS 8.1 compatibility.
-* Added funding links.
-
-## 5.0
-* Moved to PostCSS 8.
-* Moved `postcss` to `peerDependencies`.
-
-## 4.2.3
-* Fixed declarations after nested rule and before at-rule (by Rodion Demikhov).
-
-## 4.2.2
-* Fixed wrong specificity order of declarations (by Rodion Demikhov).
-
-## 4.2.1
-* Fix TypeScript definitions (by Avi Vahl).
-
-## 4.2
-* Add `@at-root` support (by Jason Quense).
-
-## 4.1.2
-* Improve error messsage on broken selector
-
-## 4.1.1
-* Add `&(:hover)` support (by Ben Delarre).
-
-## 4.1
-* Add `unwrap` option.
-
-## 4.0
-* Use PostCSS 7 (by Aleks Hudochenkov).
-* Remove Node.js 4 support.
-
-## 3.0
-* Add `@font-face` to bubbling at-rules (by Valeriy Komlev).
-* Add special logic for `@font-face` bubbling (by Phanindra Pydisetty).
-* Use PostCSS selector parser 3.0.
-
-## 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).
-
-## 2.0.2
-* Fix comments moving regression.
-
-## 2.0.1
-* Fix rules order regression (by Dmitry Vibe).
-
-## 2.0
-* Use PostCSS 6 API.
-
-## 1.0.1
-* Clean up npm package.
-
-## 1.0
-* Use PostCSS 5.0 API.
-* Do not add spaces to selector in compressed CSS.
-* Move nodes with its comment above.
-
-## 0.3.2
-* Fix `@supports` at-rule support (by Ben Briggs).
-
-## 0.3.1
-* Pass PostCSS Plugin Guidelines.
-
-## 0.3
-* Do not unwrap custom at-rules.
-* Add `bubble` option to unwrap some custom at-rules.
-* Support PostCSS 4.1 API.
-* Fix last semicolon after unwrapping.
-
-## 0.2.2
-* Module returns function to have common PostCSS API.
-
-## 0.2.1
-* Add comma support to selectors unwrap.
-
-## 0.2
-* Use PostCSS 4.0.
-* Fix indent, when move rules to other parent.
-
-## 0.1
-* Initial release.