Switch to preact

ext/package-lock.json

@@ -2169,7 +2169,7 @@
         },
         "cacache": {
             "version": "10.0.4",
-            "resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+            "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
             "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
             "dev": true,
             "requires": {
@@ -5600,6 +5600,15 @@
             "integrity": "sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=",
             "dev": true
         },
+        "immutability-helper": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/immutability-helper/-/immutability-helper-2.8.1.tgz",
+            "integrity": "sha512-8AVB5EUpRBUdXqfe4cFsFECsOIZ9hX/Arl8B8S9/tmwpYv3UWvOsXUPOjkuZIMaVxfSWkxCzkng1rjmEoSWrxQ==",
+            "dev": true,
+            "requires": {
+                "invariant": "^2.2.0"
+            }
+        },
         "import-lazy": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
@@ -7789,6 +7798,40 @@
                 }
             }
         },
+        "preact": {
+            "version": "8.4.2",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-8.4.2.tgz",
+            "integrity": "sha512-TsINETWiisfB6RTk0wh3/mvxbGRvx+ljeBccZ4Z6MPFKgu/KFGyf2Bmw3Z/jlXhL5JlNKY6QAbA9PVyzIy9//A==",
+            "dev": true
+        },
+        "preact-compat": {
+            "version": "3.18.4",
+            "resolved": "https://registry.npmjs.org/preact-compat/-/preact-compat-3.18.4.tgz",
+            "integrity": "sha512-aR5CvCIDerE2Y201ERVkWQdTAQKhKGNYujEk4tbyfQDInFTrnCCa3KCeGtULZrwy0PNRBjdQa2/Za7qv7ALNFg==",
+            "dev": true,
+            "requires": {
+                "immutability-helper": "^2.7.1",
+                "preact-render-to-string": "^3.8.2",
+                "preact-transition-group": "^1.1.1",
+                "prop-types": "^15.6.2",
+                "standalone-react-addons-pure-render-mixin": "^0.1.1"
+            }
+        },
+        "preact-render-to-string": {
+            "version": "3.8.2",
+            "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-3.8.2.tgz",
+            "integrity": "sha512-przuZPajiurStGgxMoJP0EJeC4xj5CgHv+M7GfF3YxAdhGgEWAkhOSE0xympAFN20uMayntBZpttIZqqLl77fw==",
+            "dev": true,
+            "requires": {
+                "pretty-format": "^3.5.1"
+            }
+        },
+        "preact-transition-group": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/preact-transition-group/-/preact-transition-group-1.1.1.tgz",
+            "integrity": "sha1-8KSTJ+pRXs406ivoZMSn0p5dbhA=",
+            "dev": true
+        },
         "prelude-ls": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -7801,6 +7844,12 @@
             "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
             "dev": true
         },
+        "pretty-format": {
+            "version": "3.8.0",
+            "resolved": "http://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+            "integrity": "sha1-v77VbV6ad2ZF9LH/eqGjrE+jw4U=",
+            "dev": true
+        },
         "private": {
             "version": "0.1.8",
             "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -8034,30 +8083,6 @@
                 "strip-json-comments": "~2.0.1"
             }
         },
-        "react": {
-            "version": "16.6.3",
-            "resolved": "https://registry.npmjs.org/react/-/react-16.6.3.tgz",
-            "integrity": "sha512-zCvmH2vbEolgKxtqXL2wmGCUxUyNheYn/C+PD1YAjfxHC54+MhdruyhO7QieQrYsYeTxrn93PM2y0jRH1zEExw==",
-            "dev": true,
-            "requires": {
-                "loose-envify": "^1.1.0",
-                "object-assign": "^4.1.1",
-                "prop-types": "^15.6.2",
-                "scheduler": "^0.11.2"
-            }
-        },
-        "react-dom": {
-            "version": "16.6.3",
-            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.6.3.tgz",
-            "integrity": "sha512-8ugJWRCWLGXy+7PmNh8WJz3g1TaTUt1XyoIcFN+x0Zbkoz+KKdUyx1AQLYJdbFXjuF41Nmjn5+j//rxvhFjgSQ==",
-            "dev": true,
-            "requires": {
-                "loose-envify": "^1.1.0",
-                "object-assign": "^4.1.1",
-                "prop-types": "^15.6.2",
-                "scheduler": "^0.11.2"
-            }
-        },
         "read-pkg": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -8564,16 +8589,6 @@
             "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
             "dev": true
         },
-        "scheduler": {
-            "version": "0.11.2",
-            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.11.2.tgz",
-            "integrity": "sha512-+WCP3s3wOaW4S7C1tl3TEXp4l9lJn0ZK8G3W3WKRWmw77Z2cIFUW2MiNTMHn5sCjxN+t7N43HAOOgMjyAg5hlg==",
-            "dev": true,
-            "requires": {
-                "loose-envify": "^1.1.0",
-                "object-assign": "^4.1.1"
-            }
-        },
         "schema-utils": {
             "version": "0.4.7",
             "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
@@ -9603,6 +9618,12 @@
                 "safe-buffer": "^5.1.1"
             }
         },
+        "standalone-react-addons-pure-render-mixin": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/standalone-react-addons-pure-render-mixin/-/standalone-react-addons-pure-render-mixin-0.1.1.tgz",
+            "integrity": "sha1-PHQJ9MecQN6axyxhbPZ5qZTzdVE=",
+            "dev": true
+        },
         "static-extend": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
@@ -9632,7 +9653,7 @@
         },
         "stream-browserify": {
             "version": "2.0.1",
-            "resolved": "http://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
+            "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
             "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
             "dev": true,
             "requires": {

ext/package.json

@@ -15,8 +15,8 @@
         "babel-loader": "^8.0.4",
         "copy-webpack-plugin": "^4.6.0",
         "minimist": "^1.2.0",
-        "react": "^16.6.1",
+        "preact": "^8.4.2",
-        "react-dom": "^16.6.1",
+        "preact-compat": "^3.18.4",
         "uuid": "^3.3.2",
         "web-ext": "^2.9.1",
         "webpack": "^4.27.0",

ext/src/options/index.html

@@ -3,7 +3,6 @@
     <head>
         <meta charset="utf-8">
         <link rel="stylesheet" href="index.css">
-        <script src="../vendor.js" defer></script>
         <script src="bundle.js" defer></script>
     </head>
     <body>

ext/src/popup/index.html

@@ -1,9 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <meta charset="UTF-8">
+        <meta charset="utf-8">
         <link rel="stylesheet" href="styles/index.css">
-        <script src="../vendor.js" defer></script>
         <script src="bundle.js" defer></script>
     </head>
     <body>

ext/webpack.config.js

@@ -23,17 +23,6 @@ module.exports = (env) => ({
         filename: "[name].js"
       , path: `${env.outputPath}`
     }
-  , optimization: {
-        splitChunks: {
-            cacheGroups: {
-                vendor: {
-                    name: "vendor"
-                  , test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/
-                  , chunks: "all"
-                }
-            }
-        }
-    }
   , plugins: [
         new webpack.DefinePlugin({
             "EXTENSION_NAME"    : JSON.stringify(env.extensionName)
@@ -86,4 +75,10 @@ module.exports = (env) => ({
             }
         ]
     }
+  , resolve: {
+        alias: {
+            "react": "preact-compat"
+          , "react-dom": "preact-compat"
+        }
+    }
 });