WIP: perf: Chromium: don't use webextension-polyfill where possible

src/background/initBrowserHotkeysListener.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import { setSettings, getSettings } from '@/settings';
 
 export default function initBrowserHotkeysListener(): void {

src/background/initIconAndBadgeUpdater.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import { addOnStorageChangedListener, getSettings, Settings, MyStorageChanges, settingsChanges2NewValues } from '@/settings';
 
 function setBadge(text: string, color: string) {

src/content/AllMediaElementsController.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import {
   Settings, getSettings, setSettings, addOnStorageChangedListener, MyStorageChanges, ControllerKind,
   removeOnStorageChangedListener, settingsChanges2NewValues,

src/content/CloningController/CloningController.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import Lookahead, { TimeRange } from './Lookahead';
 import { assertDev, AudioContextTime, SpeedName } from '@/helpers';
 import type { MediaTime, AnyTime } from '@/helpers';

src/content/CloningController/Lookahead.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import type { Settings as ExtensionSettings } from '@/settings';
 import { assertDev, getGeckoLikelyMaxNonMutedPlaybackRate, MediaTime } from '@/helpers';
 import { destroyAudioWorkletNode, getRealtimeMargin } from '@/content/helpers';

src/content/StretchingController/StretchingController.ts

@@ -1,5 +1,5 @@
 'use strict';
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import { audioContext, getOrCreateMediaElementSourceAndUpdateMap } from '@/content/audioContext';
 import {
   getRealtimeMargin,

src/content/broadcastStatus.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 
 export default function broadcastStatus(status: { elementLastActivatedAt: undefined | number }): void {
   browser.runtime.sendMessage({

src/content/init.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import {
   addOnStorageChangedListener, removeOnStorageChangedListener, MyStorageChanges, getSettings
 } from '@/settings';

src/content/main.ts

@@ -30,11 +30,11 @@ if (process.env.NODE_ENV !== 'production') {
     ),
     import(
       /* webpackExports: ['default']*/
-      '@/webextensions-api'
+      '@/webextensions-api-browser-or-chrome'
     ),
   ]).then(([
     { storage },
-    { default: browser },
+    { browserOrChrome: browser },
   ]) => {
     if (browser.storage.local !== storage) {
       console.error('Looks like you\'ve changed the default storage and `isEnabled` will not work as intended.'

src/helpers/filterOutUnchangedValues.ts

@@ -1,4 +1,3 @@
-import type browser from '@/webextensions-api';
 import isEqual from 'lodash/isEqual';
 
 /**

src/settings/onChanged.ts

@@ -1,4 +1,4 @@
-import browser from '@/webextensions-api';
+import { browserOrChrome as browser } from '@/webextensions-api-browser-or-chrome';
 import { filterOutUnchangedValues } from '@/helpers';
 import { mainStorageAreaName } from './mainStorageAreaName';
 import type { MyStorageChanges } from './';