gh-6 added webextension-polyfill for experimental chrome support

craftamap · Jan 16, 2021 · bf6450b · bf6450b
1 parent 0421505
commit bf6450b
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "mini-css-extract-plugin": "^1.3.3",
     "sass": "^1.32.2",
     "web-ext": "^5.4.1",
+    "webextension-polyfill-ts": "^0.22.0",
     "webpack": "^5.12.3",
     "webpack-cli": "^4.3.1"
   },
@@ -35,7 +36,8 @@
     "vue": "^2.6.12",
     "vue-loader": "^15.9.6",
     "vue-template-compiler": "^2.6.12",
-    "vuex": "^3.6.0"
+    "vuex": "^3.6.0",
+    "webextension-polyfill": "^0.7.0"
   },
   "webExt": {
     "sourceDir": "addon",
@@ -49,6 +51,9 @@
       "es6": true,
       "webextensions": true
     },
+    "globals": {
+      "browser": "off"
+    },
     "extends": [
       "eslint:recommended",
       "plugin:vue/vue3-recommended"

diff --git a/src/Options.vue b/src/Options.vue
@@ -58,6 +58,8 @@
 </template>
 
 <script>
+import browser from 'webextension-polyfill';
+
 export default {
 	name:'Options',
 	computed: {

diff --git a/src/add-follow-button.js b/src/add-follow-button.js
@@ -1,3 +1,5 @@
+import browser from 'webextension-polyfill';
+
 function htmlToElement(html) {
 	const template = document.createElement('template');
 	html = html.trim(); // Never return a text node of whitespace as the result

diff --git a/src/background.js b/src/background.js
@@ -1,3 +1,4 @@
+import browser from 'webextension-polyfill';
 import api from './api/owncast';
 import Storage from './util/storage';
 import urlcat from 'urlcat';

diff --git a/src/main.js b/src/main.js
@@ -1,4 +1,4 @@
-//import Instances from './templates/Instances.hbs';
+import browser from 'webextension-polyfill';
 import Vue from 'vue';
 import App from './App.vue';
 import Vuex from 'vuex'

diff --git a/src/options.js b/src/options.js
@@ -1,3 +1,4 @@
+import browser from 'webextension-polyfill';
 import Vue from 'vue';
 import Vuex from 'vuex'
 import Options from './Options.vue';

diff --git a/src/util/storage.js b/src/util/storage.js
@@ -1,3 +1,5 @@
+import browser from 'webextension-polyfill';
+
 function setOptionsInStorage(options) {
 	return browser.storage.local.set({options: options});
 }

diff --git a/yarn.lock b/yarn.lock
@@ -5884,6 +5884,18 @@ web-ext@^5.4.1:
     yargs "15.4.1"
     zip-dir "1.0.2"
 
+webextension-polyfill-ts@^0.22.0:
+  version "0.22.0"
+  resolved "https://registry.yarnpkg.com/webextension-polyfill-ts/-/webextension-polyfill-ts-0.22.0.tgz#86cfd7bab4d9d779d98c8340983f4b691b2343f3"
+  integrity sha512-3P33ClMwZ/qiAT7UH1ROrkRC1KM78umlnPpRhdC/292UyoTTW9NcjJEqDsv83HbibcTB6qCtpVeuB2q2/oniHQ==
+  dependencies:
+    webextension-polyfill "^0.7.0"
+
+webextension-polyfill@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/webextension-polyfill/-/webextension-polyfill-0.7.0.tgz#0df1120ff0266056319ce1a622b09ad8d4a56505"
+  integrity sha512-su48BkMLxqzTTvPSE1eWxKToPS2Tv5DLGxKexLEVpwFd6Po6N8hhSLIvG6acPAg7qERoEaDL+Y5HQJeJeml5Aw==
+
 webidl-conversions@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"