fix(web): early abort sendMessage and fix invalid auth

Author: dvcol

package.json

@@ -56,7 +56,7 @@
     "@dvcol/tmdb-http-client": "^1.2.3",
     "@dvcol/trakt-http-client": "^1.4.5",
     "@dvcol/tvdb-http-client": "^1.1.3",
-    "@dvcol/web-extension-utils": "^3.3.0",
+    "@dvcol/web-extension-utils": "^3.3.2",
     "@vue/devtools": "^7.0.15",
     "iso-3166-2": "^1.0.0",
     "naive-ui": "^2.38.1",

pnpm-lock.yaml

@@ -1,6 +1,8 @@
 import { ApiUnavailableError } from '@dvcol/web-extension-utils/chrome/error';
 import { onMessageEvent, sendMessageEvent } from '@dvcol/web-extension-utils/chrome/message';
 
+import { chromeRuntimeId } from '@dvcol/web-extension-utils/chrome/runtime';
+
 import type { ChromeMessage, ChromeMessageListener, ChromeMessageOptions, ChromeResponsePayload } from '@dvcol/web-extension-utils/chrome/models';
 
 import type { MessagePayload, MessageTypes } from '~/models/message/message-type.model';
@@ -22,6 +24,7 @@ export const sendMessage = async <
   message: ChromeMessage<T, P>,
   options?: ChromeMessageOptions,
 ) => {
+  if (!chromeRuntimeId) return console.warn('Chrome runtime ID not available');
   try {
     return await sendMessageEvent<T, P, R>(message, options);
   } catch (error) {

src/utils/browser/browser-message.utils.ts

@@ -1,9 +1,8 @@
-import { chromeI18n, useI18nTranslate } from '@dvcol/web-extension-utils/chrome/i18n';
-
 import type { Locale, Locales } from '~/models/i18n.model';
 
 import { useI18nStore } from '~/stores/i18n.store';
 import { useRouterStore } from '~/stores/router.store';
+import { chromeI18n, useI18nTranslate } from '~/utils/browser/browser-i18n.utils';
 
 export const initLocalI18n = () => {
   const store = useI18nStore();

src/utils/i18n.utils.ts

@@ -46,7 +46,12 @@ export const initServices = async () => {
   const restoredSettings = await syncRestoreUser();
   const restoredAuth = await syncRestoreAuth(restoredSettings?.user?.username);
 
-  await TraktService.importAuthentication(restoredAuth);
+  try {
+    await TraktService.importAuthentication(restoredAuth);
+  } catch (error) {
+    Logger.error('Failed to import authentication', error);
+    await TraktService.logout();
+  }
 
   TraktService.listen();