Use new overrideBrowserslist

Author: ai

lib/autoprefixer-rails.rb

@@ -6,6 +6,9 @@ module AutoprefixerRails
   # Add prefixes to `css`. See `Processor#process` for options.
   def self.process(css, opts = {})
     params = {}
+    if opts.key?(:overrideBrowserslist)
+      params[:overrideBrowserslist] = opts.delete(:overrideBrowserslist)
+    end
     params[:browsers] = opts.delete(:browsers) if opts.key?(:browsers)
     params[:cascade]  = opts.delete(:cascade)  if opts.key?(:cascade)
     params[:remove]   = opts.delete(:remove)   if opts.key?(:remove)

lib/autoprefixer-rails/processor.rb

@@ -83,13 +83,13 @@ def params_with_browsers(from = nil)
       end
 
       params = @params
-      if !params.key?(:browsers) && from
+      if !params.key?(:browsers) && !params.key?(:overrideBrowserslist) && from
         file = find_config(from)
         if file
           env    = params[:env].to_s || "development"
           config = parse_config(file)
           params = params.dup
-          params[:browsers] = (config[env] || config["defaults"])
+          params[:overrideBrowserslist] = (config[env] || config["defaults"])
         end
       end
 

spec/autoprefixer_spec.rb

@@ -12,7 +12,7 @@
 
   it "process CSS for selected browsers" do
     css = "a {\n    tab-size: 2\n}"
-    result = AutoprefixerRails.process(css, browsers: ["opera 12"])
+    result = AutoprefixerRails.process(css, overrideBrowserslist: ["opera 12"])
     expect(result.css).to eq "a {\n" \
       "    -o-tab-size: 2;\n" \
       "       tab-size: 2\n" \
@@ -21,7 +21,7 @@
 
   it "process @supports" do
     css = "@supports (display: flex) { }"
-    result = AutoprefixerRails.process(css, browsers: ["chrome 28"])
+    result = AutoprefixerRails.process(css, overrideBrowserslist: ["chrome 28"])
     expect(result.css).to eq(
       "@supports ((display: -webkit-flex) or (display: flex)) { }"
     )
@@ -64,7 +64,7 @@
   end
 
   it "shows debug" do
-    info = AutoprefixerRails.processor(browsers: ["chrome 25"]).info
+    info = AutoprefixerRails.processor(overrideBrowserslist: ["chrome 25"]).info
     expect(info).to match(/Browsers:\n  Chrome: 25\n\n/)
     expect(info).to match(/  transition: webkit/)
   end
@@ -78,15 +78,15 @@
 
   it "shows correct error on country statistics" do
     expect {
-      AutoprefixerRails.process("", browsers: "> 1% in US")
+      AutoprefixerRails.process("", overrideBrowserslist: "> 1% in US")
     }.to raise_error(/Use Autoprefixer with webpack/)
   end
 
   context "Sprockets" do
     before :each do
       @assets = Sprockets::Environment.new
       @assets.append_path(@dir.join("app/app/assets/stylesheets"))
-      AutoprefixerRails.install(@assets, browsers: ["chrome 25"])
+      AutoprefixerRails.install(@assets, overrideBrowserslist: ["chrome 25"])
     end
 
     it "integrates with Sprockets" do

vendor/autoprefixer.js

@@ -805,6 +805,8 @@ var postcss = require('postcss');
 
 var agents = require('caniuse-lite').agents;
 
+var chalk = require('chalk');
+
 var Browsers = require('./browsers');
 
 var Prefixes = require('./prefixes');
@@ -813,6 +815,8 @@ var data = require('../data/prefixes');
 
 var info = require('./info');
 
+var WARNING = '\n' + '  Replace Autoprefixer `browsers` option to Browserslist config.\n' + '  Use `browserslist` key in `package.json` or `.browserslistrc` file.\n' + '\n' + '  Using `browsers` option cause some error. Browserslist config \n' + '  can 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' + '  Learn more at:\n' + '  https://github.com/browserslist/browserslist#readme\n' + '  https://twitter.com/browserslist\n' + '\n';
+
 function isPlainObject(obj) {
   return Object.prototype.toString.apply(obj) === '[object Object]';
 }
@@ -861,12 +865,22 @@ module.exports = postcss.plugin('autoprefixer', function () {
   }
 
   if (options.browser) {
-    throw new Error('Change `browser` option to `browsers` in Autoprefixer');
+    throw new Error('Change `browser` option to `overrideBrowserslist` in Autoprefixer');
   } else if (options.browserslist) {
-    throw new Error('Change `browserslist` option to `browsers` in Autoprefixer');
+    throw new Error('Change `browserslist` option to `overrideBrowserslist` in Autoprefixer');
   }
 
-  if (options.browsers) {
+  if (options.overrideBrowserslist) {
+    reqs = options.overrideBrowserslist;
+  } else if (options.browsers) {
+    if (chalk.red) {
+      console.warn(chalk.red(WARNING.replace(/`[^`]+`/g, function (i) {
+        return chalk.yellow(i.slice(1, -1));
+      })));
+    } else {
+      console.warn(WARNING);
+    }
+
     reqs = options.browsers;
   }
 
@@ -940,7 +954,7 @@ module.exports.info = function () {
 };
 
 }).call(this,require('_process'))
-},{"../data/prefixes":1,"./browsers":5,"./info":62,"./prefixes":66,"_process":639,"browserslist":78,"caniuse-lite":601,"postcss":627}],4:[function(require,module,exports){
+},{"../data/prefixes":1,"./browsers":5,"./info":62,"./prefixes":66,"_process":639,"browserslist":78,"caniuse-lite":601,"chalk":75,"postcss":627}],4:[function(require,module,exports){
 "use strict";
 
 function last(array) {