Replace deprecated webextension-polyfill-ts

Author: filiptronicek

package.json

@@ -32,7 +32,7 @@
     "webext-patterns": "^1.3.0",
     "webext-polyfill-kinda": "^1.0.2",
     "webext-tools": "^1.1.4",
-    "webextension-polyfill-ts": "^0.26.0"
+    "webextension-polyfill": "^0.10.0"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "4.1.0",
@@ -43,6 +43,7 @@
     "@types/react": "18.2.20",
     "@types/react-dom": "18.2.7",
     "@types/validator": "^13.11.1",
+    "@types/webextension-polyfill": "^0.10.7",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "^6.7.0",
     "autoprefixer": "^10.4.15",

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-import { browser } from "webextension-polyfill-ts";
+import browser from "webextension-polyfill";
 import 'webext-dynamic-content-scripts';
 import addDomainPermissionToggle from "webext-domain-permission-toggle";
 

src/background.ts

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState, type FormEvent } from "react";
-import { browser } from "webextension-polyfill-ts";
+import browser from "webextension-polyfill";
 import "./popup.css";
 
 import { Storage } from "@plasmohq/storage";

src/popup.tsx

@@ -1,4 +1,4 @@
-import { browser } from "webextension-polyfill-ts";
+import browser from "webextension-polyfill";
 import { ALL_ORIGINS_WILDCARD } from "~constants";
 
 export const canAccessAllSites = async () => {
@@ -7,4 +7,4 @@ export const canAccessAllSites = async () => {
 
 export const canAccessOrigin = async (origin: string) => {
     return await browser.permissions.contains({ origins: [origin] });
-}
+}