Add support for PostCSS 8

Author: niksy

.travis.yml

@@ -2,8 +2,7 @@ sudo: false
 language: node_js
 node_js:
   - stable
-  - "4"
-  - "0.12"
+  - "12"
 branches:
   only:
     - master

README.md

@@ -21,7 +21,7 @@
 ```javascript
 var fs = require('fs');
 var postcss = require('postcss');
-var sprites = require('postcss-sprites');
+var { default: sprites } = require('postcss-sprites');
 
 var css = fs.readFileSync('./css/style.css', 'utf8');
 var opts = {

package.json

@@ -29,16 +29,19 @@
     "ava": "^0.15.2",
     "babel-cli": "^6.4.0",
     "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-preset-es2015": "^6.3.13"
+    "babel-preset-es2015": "^6.3.13",
+    "postcss": "^8.1.2"
   },
   "dependencies": {
     "bluebird": "^3.1.1",
     "debug": "^2.6.0",
     "fs-extra": "^0.26.4",
     "lodash": "^4.0.0",
-    "postcss": "^5.0.14",
     "spritesmith": "^3.0.1",
     "svg-sprite": "^1.3.5"
   },
+  "peerDependencies": {
+    "postcss": "^8.1.2"
+  },
   "typings": "./typings.d.ts"
 }

src/index.js

@@ -1,4 +1,3 @@
-import postcss from 'postcss';
 import _ from 'lodash';
 import {
 	defaults,
@@ -18,34 +17,38 @@ import {
 /**
  * Plugin registration.
  */
-export default postcss.plugin('postcss-sprites', (options = {}) => {
-	return (css, result) => {
-		// Extend defaults
-		const opts = _.merge({}, defaults, options);
+export default (options = {}) => {
+	return {
+		postcssPlugin: 'postcss-sprites',
+		Once: (css, { result }) => {
+			// Extend defaults
+			const opts = _.merge({}, defaults, options);
 
-		// Setup the logger
-		opts.logger = createLogger(opts.verbose);
+			// Setup the logger
+			opts.logger = createLogger(opts.verbose);
 
-		// Prepare filter & group functions
-		prepareFilterBy(opts, result);
-		prepareGroupBy(opts);
+			// Prepare filter & group functions
+			prepareFilterBy(opts, result);
+			prepareGroupBy(opts);
 
-		// Process it
-		return extractImages(css, opts, result)
-			.spread((opts, images) => applyFilterBy(opts, images))
-			.spread((opts, images) => applyGroupBy(opts, images))
-			.spread((opts, images) => setTokens(css, opts, images))
-			.spread((root, opts, images) => runSpritesmith(opts, images))
-			.spread((opts, images, spritesheets) => saveSpritesheets(opts, images, spritesheets))
-			.spread((opts, images, spritesheets) => mapSpritesheetProps(opts, images, spritesheets))
-			.spread((opts, images, spritesheets) => updateReferences(css, opts, images, spritesheets))
-			.spread((root, opts, images, spritesheets) => {
-				opts.logger(`${spritesheets.length} ${spritesheets.length > 1 ? 'spritesheets' : 'spritesheet'} generated.`);
-			})
-			.catch((err) => {
-				console.error(`postcss-sprites: An error occurred while processing files - ${err.message}`);
-				console.error(err.stack);
-				throw err;
-			});
+			// Process it
+			return extractImages(css, opts, result)
+				.spread((opts, images) => applyFilterBy(opts, images))
+				.spread((opts, images) => applyGroupBy(opts, images))
+				.spread((opts, images) => setTokens(css, opts, images))
+				.spread((root, opts, images) => runSpritesmith(opts, images))
+				.spread((opts, images, spritesheets) => saveSpritesheets(opts, images, spritesheets))
+				.spread((opts, images, spritesheets) => mapSpritesheetProps(opts, images, spritesheets))
+				.spread((opts, images, spritesheets) => updateReferences(css, opts, images, spritesheets))
+				.spread((root, opts, images, spritesheets) => {
+					opts.logger(`${spritesheets.length} ${spritesheets.length > 1 ? 'spritesheets' : 'spritesheet'} generated.`);
+				})
+				.catch((err) => {
+					console.error(`postcss-sprites: An error occurred while processing files - ${err.message}`);
+					console.error(err.stack);
+					throw err;
+				});
+		}
 	}
-});
+}
+export const postcss = true;