From 7b2867ff094b9b8679df87dfd50353d8e75b22d1 Mon Sep 17 00:00:00 2001
From: Eugene Fox <eugene@xfox111.net>
Date: Sun, 20 Nov 2022 19:55:11 +0300
Subject: [PATCH] Added WebExt compat util #98

---
 package.json         |  4 +++-
 src/Utils/ext.ts     |  4 ++++
 src/Utils/index.d.ts |  3 +++
 yarn.lock            | 10 ++++++++++
 4 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/Utils/ext.ts
 create mode 100644 src/Utils/index.d.ts

diff --git a/package.json b/package.json
index baede44..fcabfcd 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"sass": "^1.54.9",
-		"typescript": "^4.4.2"
+		"typescript": "^4.4.2",
+		"webextension-polyfill": "^0.10.0"
 	},
 	"devDependencies": {
 		"@craco/craco": "^6.4.5",
@@ -17,6 +18,7 @@
 		"@types/node": "^18.7.16",
 		"@types/react": "^18.0.18",
 		"@types/react-dom": "^18.0.6",
+		"@types/webextension-polyfill": "^0.9.1",
 		"html-webpack-plugin": "^5.5.0",
 		"react-scripts": "^5.0.1"
 	},
diff --git a/src/Utils/ext.ts b/src/Utils/ext.ts
new file mode 100644
index 0000000..7933101
--- /dev/null
+++ b/src/Utils/ext.ts
@@ -0,0 +1,4 @@
+import Browser from "webextension-polyfill";
+
+const ext: typeof Browser | null = (process.env.NODE_ENV !== "development") ? require("webextension-polyfill") : null;
+export default ext;
diff --git a/src/Utils/index.d.ts b/src/Utils/index.d.ts
new file mode 100644
index 0000000..b2d95da
--- /dev/null
+++ b/src/Utils/index.d.ts
@@ -0,0 +1,3 @@
+import ext from "./ext";
+
+export { ext };
diff --git a/yarn.lock b/yarn.lock
index 38ed4da..3a0c4a9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2812,6 +2812,11 @@
   dependencies:
     source-map "^0.6.1"
 
+"@types/webextension-polyfill@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/@types/webextension-polyfill/-/webextension-polyfill-0.9.1.tgz#fcb5c352e2e461d0287774db89bc326b15b47844"
+  integrity sha512-6aNzPIhqKlAV9t06nwSH3/veAceYE2dS2RVFZI8V1+UXHqsFNB6cRwxNmheiBvEGRc45E/gyZNzH0xAYIC27KA==
+
 "@types/webpack-dev-server@^3.11.6":
   version "3.11.6"
   resolved "https://registry.yarnpkg.com/@types/webpack-dev-server/-/webpack-dev-server-3.11.6.tgz#d8888cfd2f0630203e13d3ed7833a4d11b8a34dc"
@@ -9332,6 +9337,11 @@ wbuf@^1.1.0, wbuf@^1.7.3:
   dependencies:
     minimalistic-assert "^1.0.0"
 
+webextension-polyfill@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/webextension-polyfill/-/webextension-polyfill-0.10.0.tgz#ccb28101c910ba8cf955f7e6a263e662d744dbb8"
+  integrity sha512-c5s35LgVa5tFaHhrZDnr3FpQpjj1BB+RXhLTYUxGqBVN460HkbM8TBtEqdXWbpTKfzwCcjAZVF7zXCYSKtcp9g==
+
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"