fix(browser): access chrome through window for browser without global

Author: dvcol

src/utils/browser/browser-i18n.utils.ts

@@ -18,7 +18,7 @@ export const i18nTranslate = (value: string | BrowserI18nInput, ...modules: stri
     key = path ? `${path}__${value.key}` : value.key;
     substitution = value?.substitutions;
   }
-  return chrome?.i18n.getMessage?.(key, substitution) || key;
+  return window?.chrome?.i18n.getMessage?.(key, substitution) || key;
 };
 
 /**

src/utils/browser/browser-storage.utils.ts

@@ -3,17 +3,17 @@ import type { RecursiveRecord } from '~/utils/typescript.utils';
 /**
  * @see [chrome.storage.sync](https://developer.chrome.com/docs/extensions/reference/storage/#type-SyncStorageArea)
  */
-export const syncStorage: chrome.storage.SyncStorageArea = chrome?.storage?.sync;
+export const syncStorage: chrome.storage.SyncStorageArea = window?.chrome?.storage?.sync;
 
 /**
  * @see [chrome.storage.local](https://developer.chrome.com/docs/extensions/reference/storage/#type-LocalStorageArea)
  */
-export const localStorage: chrome.storage.LocalStorageArea = chrome?.storage?.local;
+export const localStorage: chrome.storage.LocalStorageArea = window?.chrome?.storage?.local;
 
 /**
  * @see [chrome.storage.session](https://developer.chrome.com/docs/extensions/reference/storage/#type-StorageArea)
  */
-export const sessionStorage: chrome.storage.StorageArea = chrome?.storage?.session;
+export const sessionStorage: chrome.storage.StorageArea = window?.chrome?.storage?.session;
 
 const filterObject = (object: Record<string, unknown>, regex: string) =>
   Object.fromEntries(Object.entries(object).filter(([key]) => new RegExp(regex).test(key)));
@@ -24,7 +24,7 @@ const filterObject = (object: Record<string, unknown>, regex: string) =>
  * @param name The name of the storage area.
  */
 export const storageWrapper = (area: chrome.storage.StorageArea, name: string) => {
-  if (!chrome?.storage) {
+  if (!window?.chrome?.storage) {
     console.warn('Storage API is not available, using local storage instead.');
 
     const storage = {

src/utils/browser/browser.utils.ts

@@ -10,16 +10,16 @@ const openTab = (options: chrome.tabs.CreateProperties) => window.open(options.u
 /**
  * @see [chrome.tabs.create](https://developer.chrome.com/docs/extensions/reference/tabs/#method-create)
  */
-export const createTab = (options: chrome.tabs.CreateProperties) => (chrome?.tabs?.create ?? openTab)(options);
+export const createTab = (options: chrome.tabs.CreateProperties) => (window?.chrome?.tabs?.create ?? openTab)(options);
 
 /**
  * The ID of the current extension.
  * @see [chrome.runtime.id](https://developer.chrome.com/docs/extensions/reference/runtime/#property-id)
  */
-export const chromeRuntimeId = chrome?.runtime?.id;
+export const chromeRuntimeId = window?.chrome?.runtime?.id;
 
 /**
  * The i18n API for the current browser.
  * @see [chrome.i18n](https://developer.chrome.com/docs/extensions/reference/i18n/)
  */
-export const chromeI18n = chrome?.i18n;
+export const chromeI18n = window?.chrome?.i18n;