chore: only include needed imports from polyfill

src/bg/action.ts

@@ -1,16 +1,21 @@
-import browser from 'webextension-polyfill';
+import { browserAction, tabs, type Tabs } from 'webextension-polyfill';
+import { getDisabled, setDisabled } from './utils/storage';
 
-browser.browserAction.onClicked.addListener(async (tab: browser.Tabs.Tab) => {
-    console.log(tab);
+browserAction.onClicked.addListener(async (tab: Tabs.Tab) => {
+    const hostname = getHostname(tab.url);
+    if (!hostname) return;
 
-    /*
-    let disabled: any = await browser.storage.managed.get('disabled');
-    disabled = !(typeof disabled === 'boolean' ? disabled : false);
+    console.log(hostname);
 
-    console.log(disabled);
+    // TODO
 
-    browser.storage.managed.set({ disabled: disabled });
-    */
-
-    browser.tabs.reload(tab.id);
+    tabs.reload(tab.id);
 });
+
+function getHostname(url?: string): string | undefined {
+    if (!url) return;
+
+    url = url.replace(/^\w+:\/\//, '');
+    url = url.split(/[\/#]/, 1)[0];
+    return url;
+}

src/bg/bg.ts

@@ -1,4 +1,4 @@
-import browser from 'webextension-polyfill';
+import { runtime, webRequest, type WebRequest } from 'webextension-polyfill';
 
 const patterns: string[] = [
     'http://*/maps/embed?*',
@@ -13,18 +13,16 @@ const matcher: RegExp = new RegExp(
     `^(https?:\/\/)?(maps\.google\.(${gLocales})\/maps\?.*output=embed|(www\.)?google\.(${gLocales})\/maps\/embed\?)`
 );
 
-function redirect(
-    req: browser.WebRequest.OnBeforeRequestDetailsType
-): browser.WebRequest.BlockingResponse {
+function redirect(req: WebRequest.OnBeforeRequestDetailsType): WebRequest.BlockingResponse {
     if (req.url.match(matcher)) {
         return {
-            redirectUrl: browser.runtime.getURL('map.html?' + req.url.split('?')[1]),
+            redirectUrl: runtime.getURL('map.html?' + req.url.split('?')[1]),
         };
     }
     return {};
 }
 
-browser.webRequest.onBeforeRequest.addListener(
+webRequest.onBeforeRequest.addListener(
     redirect,
     {
         urls: patterns,

src/bg/utils/storage.ts

@@ -0,0 +1,21 @@
+import { storage } from 'webextension-polyfill';
+
+export type HostnameStatus = {
+    [key: string]: boolean;
+};
+
+export async function getDisabled(hostname: string): Promise<boolean> {
+    await storage.local.get(hostname);
+
+    // what is the result???
+
+    return false;
+}
+
+export async function setDisabled(hostname: string, status: boolean) {
+    //
+}
+
+export async function getAll(): Promise<HostnameStatus> {
+    return await storage.local.get();
+}