feat: postcss@8 support (#789)

BREAKING CHANGE: postcss@8 drops support for node version 6.x, 8.x, 11.x, and 13.x.
tivac · Feb 25, 2021 · 340a38e · 340a38e
1 parent 88d643e
commit 340a38e
Show file tree

Hide file tree

Showing 9 changed files with 468 additions and 38 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -30,7 +30,7 @@
   "dependencies": {
     "@modular-css/glob": "file:../glob",
     "@modular-css/processor": "file:../processor",
-    "meow": "^7.0.1",
+    "meow": "^9.0.0",
     "mkdirp": "^1.0.3"
   }
 }
diff --git a/packages/postcss/README.md b/packages/postcss/README.md
@@ -14,7 +14,7 @@ PostCSS plugin to use [`modular-css`](https://github.com/tivac/modular-css) with
 ## Install
 
 ```bash
-> npm i @modular-css/postcss
+> npm i @modular-css/postcss postcss
 ```
 
 ## Usage

diff --git a/packages/postcss/package.json b/packages/postcss/package.json
@@ -25,7 +25,9 @@
   ],
   "dependencies": {
     "@modular-css/processor": "file:../processor",
-    "mkdirp": "^1.0.3",
-    "postcss": "^7.0.0"
+    "mkdirp": "^1.0.3"
+  },
+  "peerDependencies": {
+    "postcss": "^8.0.0"
   }
 }
diff --git a/packages/postcss/postcss.js b/packages/postcss/postcss.js
@@ -2,14 +2,14 @@
 
 const fs   = require("fs");
 const path = require("path");
-const postcss = require("postcss");
 const mkdirp  = require("mkdirp");
 
 const Processor = require("@modular-css/processor");
 const { json : createJson } = require("@modular-css/processor/lib/output.js");
 
-module.exports = postcss.plugin("modular-css", (opts = {}) =>
-    async (root, result) => {
+module.exports = (opts = {}) => ({
+    postcssPlugin : "modular-css-postcss",
+    Once          : async (root, { result }) => {
         const processor = new Processor({
             __proto__ : null,
             ...opts,
@@ -49,5 +49,7 @@ module.exports = postcss.plugin("modular-css", (opts = {}) =>
         }
 
         return output;
-    }
-);
+    },
+});
+
+module.exports.postcss = true;
diff --git a/packages/postcss/test/__snapshots__/postcss.test.js.snap b/packages/postcss/test/__snapshots__/postcss.test.js.snap
@@ -27,14 +27,12 @@ exports[`/postcss.js should accept json args in either position with postcss 1`]
 
 exports[`/postcss.js should accept normal processor options 1`] = `
 ".fooga_wooga { color: red; }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhY2thZ2VzL3Bvc3Rjc3MvdGVzdC9zcGVjaW1lbnMvc2ltcGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFTLFVBQVUsRUFBRSIsImZpbGUiOiJwYWNrYWdlcy9wb3N0Y3NzL3Rlc3Qvc3BlY2ltZW5zL3NpbXBsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29vZ2EgeyBjb2xvcjogcmVkOyB9XG4iXX0= */"
+"
 `;
 
 exports[`/postcss.js should be usable like a normal postcss plugin 1`] = `
 ".a { color: red; }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhY2thZ2VzL3Bvc3Rjc3MvdGVzdC9zcGVjaW1lbnMvc2ltcGxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxLQUFTLFVBQVUsRUFBRSIsImZpbGUiOiJwYWNrYWdlcy9wb3N0Y3NzL3Rlc3Qvc3BlY2ltZW5zL3NpbXBsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIud29vZ2EgeyBjb2xvcjogcmVkOyB9XG4iXX0= */"
+"
 `;
 
 exports[`/postcss.js should output json when used within postcss 1`] = `

diff --git a/packages/postcss/test/postcss.test.js b/packages/postcss/test/postcss.test.js
@@ -7,7 +7,9 @@ const namer   = require("@modular-css/test-utils/namer.js");
 const plugin  = require("../postcss.js");
 
 function process(file, opts = {}) {
-    return plugin.process(
+    const processor = postcss().use(plugin);
+
+    return processor.process(
         fs.readFileSync(file),
         {
             __proto__ : null,
@@ -46,9 +48,6 @@ describe("/postcss.js", () => {
 
     it("should accept normal processor options", async () => {
         const { css } = await process("./packages/postcss/test/specimens/simple.css", {
-            map : {
-                inline : true,
-            },
             namer : (f, s) => `fooga_${s}`,
         });
 
@@ -89,9 +88,6 @@ describe("/postcss.js", () => {
             fs.readFileSync("./packages/postcss/test/specimens/simple.css"),
             {
                 from : "./packages/postcss/test/specimens/simple.css",
-                map  : {
-                    inline : true,
-                },
             }
         );
 

diff --git a/packages/processor/package.json b/packages/processor/package.json
@@ -24,17 +24,17 @@
     "postcss"
   ],
   "dependencies": {
-    "dependency-graph": "^0.9.0",
+    "dependency-graph": "^0.10.0",
     "escape-string-regexp": "^4.0.0",
     "lodash": "^4.17.0",
-    "postcss": "^7.0.0",
+    "postcss": "^8.0.0",
     "postcss-selector-parser": "^6.0.2",
-    "postcss-url": "^8.0.0",
+    "postcss-url": "^10.0.0",
     "postcss-value-parser": "^4.0.0",
     "resolve-from": "^5.0.0",
     "unique-slug": "^2.0.0"
   },
   "peerDependencies": {
-    "postcss": "^7.0.0"
+    "postcss": "^8.0.0"
   }
 }
diff --git a/packages/webpack/package.json b/packages/webpack/package.json
@@ -32,6 +32,6 @@
     "esutils": "^2.0.2",
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.0",
-    "webpack-sources": "^1.0.1"
+    "webpack-sources": "^2.0.0"
   }
 }