Merge pull request #16 from postcss/postcss-8

Author: Semigradsky

.babelrc

@@ -1,12 +1,11 @@
 {
   "presets": [
-    ["env", {
+    ["@babel/preset-env", {
       "targets": {
-        "node": 4
+        "node": 10
       }
     }]
   ],
   "plugins": [
-    "add-module-exports"
   ]
 }

.travis.yml

@@ -3,7 +3,9 @@
 language: node_js
 
 node_js:
-  - 6
+  - 14
+  - 12
+  - 10
 
 install:
   - npm install --ignore-scripts

README.md

@@ -9,20 +9,11 @@ http://dev.w3.org/csswg/selectors-4/#negation
 ## Installation
 
 ```console
-$ npm install postcss-selector-not
+$ npm install postcss postcss-selector-not
 ```
 
 ## Usage
 
-```js
-var postcss = require("postcss")
-
-var output = postcss()
-  .use(require("postcss-selector-not"))
-  .process(require("fs").readFileSync("input.css", "utf8"))
-  .css
-```
-
 Using this `input.css`:
 
 ```css

package.json

@@ -20,22 +20,25 @@
     "dist"
   ],
   "dependencies": {
-    "balanced-match": "^1.0.0",
-    "postcss": "^7.0.2"
+    "balanced-match": "^1.0.0"
+  },
+  "peerDependencies": {
+    "postcss": "^8.1.0"
   },
   "devDependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-plugin-add-module-exports": "^1.0.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-register": "^6.26.0",
-    "eslint": "^5.6.0",
-    "tape": "^4.9.1"
+    "@babel/core": "^7.11.6",
+    "@babel/cli": "^7.11.6",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/register": "^7.11.5",
+    "eslint": "^7.9.0",
+    "postcss": "^8.1.0",
+    "tape": "^5.0.1"
   },
   "scripts": {
     "lint": "eslint ./src/*.js ./test/*.js",
-    "tape": "tape -r babel-register test/*.js",
+    "tape": "tape -r @babel/register test/*.js",
     "test": "npm run lint && npm run babelify && npm run tape",
     "babelify": "babel src --out-dir dist",
-    "prepublish": "npm run babelify"
+    "prepublishOnly": "npm run babelify"
   }
 }

src/index.js

@@ -1,4 +1,3 @@
-import postcss from "postcss"
 import list from "postcss/lib/list"
 
 import balancedMatch from "balanced-match"
@@ -52,14 +51,18 @@ function locatePseudoClass(selector, pseudoClass) {
 
 function explodeSelectors(pseudoClass) {
   return () => {
-    return (css) => {
-      css.walkRules(rule => {
+    return {
+      postcssPlugin: "postcss-selector-not",
+      Rule: (rule) => {
         if (rule.selector && rule.selector.indexOf(pseudoClass) > -1) {
           rule.selector = explodeSelector(pseudoClass, rule.selector)
         }
-      })
+      },
     }
   }
 }
 
-export default postcss.plugin("postcss-selector-not", explodeSelectors(":not"))
+const creator = explodeSelectors(":not")
+creator.postcss = true
+
+export default creator