chore(deps): clean up imports and use shared lib

Author: dvcol

src/components/common/navbar/NavbarSettingsDopdown.vue

@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
+
+import { createTab } from '@dvcol/web-extension-utils/chrome/tabs';
 import { NAvatar, NDropdown, NEllipsis, NFlex, NIcon } from 'naive-ui';
 
 import { computed, defineProps, h, ref } from 'vue';
@@ -24,7 +27,6 @@ import { logger } from '~/stores/settings/log.store';
 import { useLogout } from '~/stores/settings/use-logout';
 import { defaultUser, useUserSettingsStoreRefs } from '~/stores/settings/user.store';
 
-import { chromeRuntimeId, createTab } from '~/utils/browser/browser.utils';
 import { useI18n } from '~/utils/i18n.utils';
 
 const i18n = useI18n('navbar', 'settings');

src/components/views/settings/SettingsAccount.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
 import { NAvatar, NButton, NCard, NFlex, NIcon } from 'naive-ui';
 
 import { computed, ref } from 'vue';
@@ -14,7 +15,7 @@ import { useLinksStore } from '~/stores/settings/links.store';
 import { logger } from '~/stores/settings/log.store';
 import { useLogout } from '~/stores/settings/use-logout';
 import { useUserSettingsStoreRefs } from '~/stores/settings/user.store';
-import { chromeRuntimeId } from '~/utils/browser/browser.utils';
+
 import { useI18n } from '~/utils/i18n.utils';
 
 const i18n = useI18n('settings', 'account');

src/components/views/settings/SettingsMenus.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
 import { NSwitch } from 'naive-ui';
 
 import SettingsFormItem from '~/components/views/settings/SettingsFormItem.vue';
@@ -22,7 +23,12 @@ const { toggleContextMenu } = useContextMenuStore();
       :key="id"
       :label="i18n(`label_menu__${ id }`)"
     >
-      <NSwitch :value="state" class="form-switch" @update:value="toggleContextMenu(id)">
+      <NSwitch
+        :value="state"
+        :disabled="!chromeRuntimeId"
+        class="form-switch"
+        @update:value="toggleContextMenu(id)"
+      >
         <template #checked>{{ i18n('on', 'common', 'button') }}</template>
         <template #unchecked>{{ i18n('off', 'common', 'button') }}</template>
       </NSwitch>

src/components/views/settings/SettingsTabs.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
 import { NIcon, NSelect, NSwitch, type SelectOption } from 'naive-ui';
 
 import { type Component, computed, h, onBeforeMount, ref } from 'vue';
@@ -153,7 +154,9 @@ const container = ref();
         <NSwitch
           :value="state"
           class="form-switch"
-          :disabled="state && disabled"
+          :disabled="
+            (state && disabled) || (Route.Progress === route && !chromeRuntimeId)
+          "
           @update:value="toggleTab(route)"
         >
           <template #checked>{{ i18n('on', 'common', 'button') }}</template>

src/models/context/context-menu-hooks.model.ts

@@ -1,3 +1,5 @@
+import { createTab } from '@dvcol/web-extension-utils/chrome/tabs';
+
 import type { RouteLocationNormalized } from 'vue-router';
 
 import { ContextMenuConstants, ContextMenuId, type ContextMenuIds, ContextMenus } from '~/models/context/context-menu.model';
@@ -6,7 +8,6 @@ import { action } from '~/utils/browser/borwser-action.utils';
 import { context, type ContextMenuOnClickedData } from '~/utils/browser/browser-context.utils';
 import { runtime } from '~/utils/browser/browser-runtime.utils';
 import { storage } from '~/utils/browser/browser-storage.utils';
-import { createTab } from '~/utils/browser/browser.utils';
 
 const setLastRoute = (data: ContextMenuOnClickedData) => {
   if (!data?.selectionText) return;

src/services/trakt.service.ts

@@ -19,6 +19,8 @@ import { TraktApiExtended } from '@dvcol/trakt-http-client/models';
 
 import { TvdbClient } from '@dvcol/tvdb-http-client';
 
+import { createTab } from '@dvcol/web-extension-utils/chrome/tabs';
+
 import type { JsonWriterOptions } from '@dvcol/common-utils/common/save';
 import type { CancellablePromise } from '@dvcol/common-utils/http/fetch';
 import type {
@@ -70,7 +72,7 @@ import { tvdbClientSettings } from '~/settings/tvdb.api';
 import { useAuthSettingsStore } from '~/stores/settings/auth.store';
 import { logger } from '~/stores/settings/log.store';
 import { useUserSettingsStore } from '~/stores/settings/user.store';
-import { createTab } from '~/utils/browser/browser.utils';
+
 import { CachePrefix, ChromeCacheStore } from '~/utils/cache.utils';
 import { cancellablePaginatedWriteJson } from '~/utils/trakt-service.utils';
 

src/settings/traktv.api.ts

@@ -1,9 +1,10 @@
 import { Config as TraktConfig } from '@dvcol/trakt-http-client/config';
 
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
+
 import type { TraktClientSettings } from '@dvcol/trakt-http-client/models';
 
 import { WebConfig } from '~/settings/web.config';
-import { chromeRuntimeId } from '~/utils/browser/browser.utils';
 
 export const Config = {
   UserAgent: `${import.meta.env.PKG_NAME}/${import.meta.env.PKG_VERSION}`,

src/stores/settings/links.store.ts

@@ -1,11 +1,11 @@
+import { createTab } from '@dvcol/web-extension-utils/chrome/tabs';
 import { defineStore, storeToRefs } from 'pinia';
 import { computed, reactive, ref, type Ref } from 'vue';
 
 import type { TagLink } from '~/models/tag.model';
 
 import { logger } from '~/stores/settings/log.store';
 import { storage } from '~/utils/browser/browser-storage.utils';
-import { createTab } from '~/utils/browser/browser.utils';
 import { debounce } from '~/utils/debounce.utils';
 import { clearProxy } from '~/utils/vue.utils';
 

src/utils/browser/browser.utils.ts

@@ -1,23 +1,3 @@
-/**
- * Open a new tab with the given options.
- *
- * This is a wrapper around `chrome.tabs.create` that falls back to `window.open` if the method is not available.
- *
- * @param options - The options for the new tab.
- */
-const openTab = (options: chrome.tabs.CreateProperties) => window.open(options.url, options.active ? '_self' : '_blank');
-
-/**
- * @see [chrome.tabs.create](https://developer.chrome.com/docs/extensions/reference/tabs/#method-create)
- */
-export const createTab = (options: chrome.tabs.CreateProperties) => (globalThis?.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: typeof chrome.runtime.id | undefined = globalThis?.chrome?.runtime?.id;
-
 /**
  * The i18n API for the current browser.
  * @see [chrome.i18n](https://developer.chrome.com/docs/extensions/reference/i18n/)