build: supported languages type declaration

Author: peterpeterparker

studio/scripts/i18n.types.js

@@ -16,7 +16,7 @@ const generate = async () => {
     };
   });
 
-  const lang = `lang: 'en' | 'es';`;
+  const lang = `lang: Languages;`;
 
   const main = `\n\ninterface I18n {${lang}${data.map((i) => `${i.key}: ${i.name};`).join('')}}`;
   const interfaces = data.map((i) => `\n\ninterface ${i.name} {${i.properties.join('')}}`).join('');

studio/src/app/definitions/i18.d.ts

@@ -487,7 +487,7 @@ interface I18nPoll {
 }
 
 interface I18n {
-  lang: 'en' | 'es';
+  lang: Languages;
   core: I18nCore;
   nav: I18nNav;
   menu: I18nMenu;

studio/src/app/definitions/languages.d.ts

@@ -0,0 +1 @@
+type Languages = 'en' | 'es';

studio/src/app/services/lang/lang.service.ts

@@ -18,7 +18,7 @@ export class LangService {
 
   async init() {
     try {
-      const lang: 'en' | 'es' | null = await get<'en' | 'es'>('deckdeckgo_lang');
+      const lang: Languages | null = await get<Languages>('deckdeckgo_lang');
 
       if (lang) {
         i18n.state.lang = lang;
@@ -33,7 +33,7 @@ export class LangService {
 
   private initDefaultLang() {
     const browserLang: string | undefined = this.getBrowserLang();
-    i18n.state.lang = /(es|en)/gi.test(browserLang) ? (browserLang as 'en' | 'es') : 'en';
+    i18n.state.lang = /(es|en)/gi.test(browserLang) ? (browserLang as Languages) : 'en';
   }
 
   /**

studio/src/app/stores/i18n.store.ts

@@ -22,7 +22,7 @@ const enI18n = (): I18n => {
   } as I18n;
 };
 
-onChange('lang', async (lang: 'en' | 'es') => {
+onChange('lang', async (lang: Languages) => {
   let bundle: I18n;
 
   switch (lang) {
@@ -36,7 +36,7 @@ onChange('lang', async (lang: 'en' | 'es') => {
   Object.assign(state, bundle);
 });
 
-onChange('lang', (lang: 'en' | 'es') => {
+onChange('lang', (lang: Languages) => {
   set('deckdeckgo_lang', lang).catch((err) => {
     console.error('Failed to update IDB with new language', err);
   });