[breaking-change] Version 4 (#143)

Co-authored-by: Andrew Nagy <anagy@clearlyip.com>

package.json

@@ -35,14 +35,8 @@
   },
   "dependencies": {
     "@babel/core": "7.15.0",
-    "@babel/plugin-proposal-class-properties": "7.14.5",
-    "@babel/plugin-proposal-object-rest-spread": "7.14.7",
-    "@babel/plugin-transform-destructuring": "7.14.7",
-    "@babel/plugin-transform-react-jsx": "7.14.9",
-    "@babel/plugin-transform-runtime": "7.15.0",
     "@babel/polyfill": "7.12.1",
     "@babel/preset-env": "7.15.0",
-    "@babel/preset-react": "7.14.5",
     "@babel/runtime": "7.14.8",
     "babel-loader": "8.2.2",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",

src/utils/get-latest-n-vendor-version.js

@@ -0,0 +1,15 @@
+const browserslist = require('browserslist')
+
+/**
+ * Returns last n
+ * vendor version
+ * @param {integer} n
+ * @param {string} vendor
+ * @return {Number} version
+ */
+function getLastNVendorVersion (n, vendor) {
+  const { released } = browserslist.data[vendor]
+  return released[released.length - n]
+}
+
+module.exports = getLastNVendorVersion

src/webpack-config.js

@@ -8,7 +8,7 @@ const ZipPlugin = require('zip-webpack-plugin')
 const WebextensionPlugin = require('webpack-webextension-plugin')
 const getExtensionInfo = require('./utils/get-extension-info')
 const getExtensionFileType = require('./utils/get-extension-file-type')
-const createPreset = require('./preset')
+const getLastNVendorVersion = require('./utils/get-latest-n-vendor-version')
 const WebpackBar = require('webpackbar')
 
 module.exports = function webpackConfig ({
@@ -92,13 +92,25 @@ module.exports = function webpackConfig ({
     test: /\.(js|jsx|mjs)$/,
     exclude: /node_modules/,
     use: {
-      loader: require.resolve('babel-loader'),
+      loader: 'babel-loader',
       options: {
-        cacheDirectory: true,
-        ...createPreset({
-          vendor,
-          vendorVersion
-        })
+        cacheDirectory: false,
+        presets: [
+          ['@babel/preset-env', {
+            // `entry` transforms `@babel/polyfill` into individual requires for
+            // the targeted browsers. This is safer than `usage` which performs
+            // static code analysis to determine what's required.
+            // This is probably a fine default to help trim down bundles when
+            // end-users inevitably import '@babel/polyfill'.
+            useBuiltIns: 'entry',
+            // Do not transform modules to CJS
+            modules: false,
+            // Restrict to vendor
+            targets: {
+              [vendor]: vendorVersion || getLastNVendorVersion(3, vendor)
+            }
+          }]
+        ]
       }
     }
   })