Use PostCSS 8 API

Author: ai

lib/autoprefixer.js

@@ -13,8 +13,8 @@ const WARNING =
   '  Replace Autoprefixer `browsers` option to Browserslist config.\n' +
   '  Use `browserslist` key in `package.json` or `.browserslistrc` file.\n' +
   '\n' +
-  '  Using `browsers` option can cause errors. Browserslist config \n' +
-  '  can be used for Babel, Autoprefixer, postcss-normalize and other tools.\n' +
+  '  Using `browsers` option can cause errors. Browserslist config can\n' +
+  '  be used for Babel, Autoprefixer, postcss-normalize and other tools.\n' +
   '\n' +
   '  If you really need to use option, rename it to `overrideBrowserslist`.\n' +
   '\n' +
@@ -48,7 +48,7 @@ function timeCapsule (result, prefixes) {
   )
 }
 
-module.exports = postcss.plugin('autoprefixer', (...reqs) => {
+module.exports = (...reqs) => {
   let options
   if (reqs.length === 1 && isPlainObject(reqs[0])) {
     options = reqs[0]
@@ -111,33 +111,40 @@ module.exports = postcss.plugin('autoprefixer', (...reqs) => {
     return cache[key]
   }
 
-  function plugin (css, result) {
-    let prefixes = loadPrefixes({
-      from: css.source && css.source.input.file,
-      env: options.env
-    })
-    timeCapsule(result, prefixes)
-    if (options.remove !== false) {
-      prefixes.processor.remove(css, result)
-    }
-    if (options.add !== false) {
-      prefixes.processor.add(css, result)
-    }
-  }
-
-  plugin.options = options
-
-  plugin.browsers = reqs
+  return {
+    postcssPlugin: 'autoprefixer',
+
+    prepare (result) {
+      let prefixes = loadPrefixes({
+        from: result.opts.from,
+        env: options.env
+      })
+
+      return {
+        Root (root) {
+          timeCapsule(result, prefixes)
+          if (options.remove !== false) {
+            prefixes.processor.remove(root, result)
+          }
+          if (options.add !== false) {
+            prefixes.processor.add(root, result)
+          }
+        }
+      }
+    },
 
-  plugin.info = function (opts) {
-    opts = opts || {}
-    opts.from = opts.from || process.cwd()
+    info (opts) {
+      opts = opts || {}
+      opts.from = opts.from || process.cwd()
+      return info(loadPrefixes(opts))
+    },
 
-    return info(loadPrefixes(opts))
+    options,
+    browsers: reqs
   }
+}
 
-  return plugin
-})
+module.exports.postcss = true
 
 /**
  * Autoprefixer data

test/autoprefixer.test.js

@@ -475,16 +475,6 @@ it('sets browserslist environment', () => {
   expect(processor.process(input, { from }).css).toEqual(output)
 })
 
-it('works without source in nodes', () => {
-  let root = postcss.root()
-  root.append({ selector: 'a' })
-  root.first.append({ prop: 'display', value: 'flex' })
-  compiler(root)
-  expect(root.toString()).toEqual(
-    'a {\n    display: -webkit-flex;\n    display: flex\n}'
-  )
-})
-
 it('takes values from other PostCSS plugins', () => {
   function plugin (root) {
     root.walkDecls(i => {