feat: add background services language change function

Author: mchappell

apps/browser-extension-wallet/src/lib/scripts/background/config.ts

@@ -23,6 +23,7 @@ export const backgroundServiceProperties: RemoteApiProperties<BackgroundService>
   handleOpenNamiBrowser: RemoteApiPropertyType.MethodReturningPromise,
   closeAllTabsAndOpenPopup: RemoteApiPropertyType.MethodReturningPromise,
   handleChangeTheme: RemoteApiPropertyType.MethodReturningPromise,
+  handleChangeLanguage: RemoteApiPropertyType.MethodReturningPromise,
   handleChangeMode: RemoteApiPropertyType.MethodReturningPromise,
   clearBackgroundStorage: RemoteApiPropertyType.MethodReturningPromise,
   getBackgroundStorage: RemoteApiPropertyType.MethodReturningPromise,

apps/browser-extension-wallet/src/lib/scripts/background/services/utilityServices.ts

@@ -42,6 +42,7 @@ import { POPUP_WINDOW_NAMI_TITLE } from '@utils/constants';
 import { catchAndBrandExtensionApiError } from '@utils/catch-and-brand-extension-api-error';
 import { initCardanoTokenPrices } from './cardanoTokenPrices';
 import { pollController$ } from '../session/poll-controller';
+import { Language } from '@lace/translation';
 
 export const requestMessage$ = new Subject<Message>();
 export const backendFailures$ = new BehaviorSubject(0);
@@ -181,6 +182,8 @@ const closeAllTabsAndOpenPopup = async () => {
 
 const handleChangeTheme = (data: ChangeThemeData) => requestMessage$.next({ type: MessageTypes.CHANGE_THEME, data });
 
+const handleChangeLanguage = (data: Language) => requestMessage$.next({ type: MessageTypes.CHANGE_LANGUAGE, data });
+
 const handleChangeMode = (data: ChangeModeData) => requestMessage$.next({ type: MessageTypes.CHANGE_MODE, data });
 
 const { ADA_PRICE_CHECK_INTERVAL, SAVED_PRICE_DURATION } = config();
@@ -352,6 +355,7 @@ export const exposeBackgroundService = (wallet$: Observable<ActiveWallet>): void
         migrationState$,
         coinPrices,
         handleChangeTheme,
+        handleChangeLanguage,
         handleChangeMode,
         clearBackgroundStorage,
         getBackgroundStorage,

apps/browser-extension-wallet/src/lib/scripts/types/background-service.ts

@@ -3,6 +3,7 @@ import { themes } from '@providers/ThemeProvider';
 import { BackgroundStorage, MigrationState } from './storage';
 import { CoinPrices } from './prices';
 import type { clearBackgroundStorage } from '../background/storage';
+import { Language } from '@lace/translation';
 
 export enum BaseChannels {
   BACKGROUND_ACTIONS = 'background-actions'
@@ -31,7 +32,8 @@ export enum MessageTypes {
   HTTP_CONNECTION = 'http-connnection',
   WS_CONNECTION = 'ws-connnection',
   OPEN_COLLATERAL_SETTINGS = 'open-collateral-settings',
-  CHANGE_MODE = 'change-mode'
+  CHANGE_MODE = 'change-mode',
+  CHANGE_LANGUAGE = 'change-language'
 }
 
 export enum BrowserViewSections {
@@ -84,12 +86,22 @@ interface ChangeMode {
   type: MessageTypes.CHANGE_MODE;
   data: ChangeModeData;
 }
+interface ChangeThemeMessage {
+  type: MessageTypes.CHANGE_THEME;
+  data: ChangeThemeData;
+}
+
+interface ChangeLanguageMessage {
+  type: MessageTypes.CHANGE_LANGUAGE;
+  data: Language;
+}
 export type Message =
   | ChangeThemeMessage
   | HTTPConnectionMessage
   | WSConnectionMessage
   | OpenBrowserMessage
-  | ChangeMode;
+  | ChangeMode
+  | ChangeLanguageMessage;
 
 export type UnhandledError = {
   type: 'error' | 'unhandledrejection';
@@ -104,6 +116,7 @@ export type BackgroundService = {
   migrationState$: BehaviorSubject<MigrationState | undefined>;
   coinPrices: CoinPrices;
   handleChangeTheme: (data: ChangeThemeData) => void;
+  handleChangeLanguage: (data: Language) => void;
   handleChangeMode: (data: ChangeModeData) => void;
   setBackgroundStorage: (data: BackgroundStorage) => Promise<void>;
   getBackgroundStorage: () => Promise<BackgroundStorage>;

apps/browser-extension-wallet/src/lib/scripts/types/storage.ts

@@ -8,6 +8,7 @@ import {
   RawFeatureFlagPayloads
 } from '@lib/scripts/types/feature-flags';
 import { LogLevelString } from '@lace/common';
+import { Language } from '@lace/translation';
 
 export interface PendingMigrationState {
   from: string;
@@ -49,6 +50,7 @@ export interface BackgroundStorage {
   dappInjectCompatibilityMode?: boolean;
   optedInBeta?: boolean;
   logLevel?: LogLevelString;
+  languageChoice?: Language;
 }
 
 export type BackgroundStorageKeys = keyof BackgroundStorage;