feat: init default browser language

Author: peterpeterparker

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

@@ -22,9 +22,46 @@ export class LangService {
 
       if (lang) {
         i18n.state.lang = lang;
+        return;
       }
+
+      this.initDefaultLang();
     } catch (err) {
       console.warn(`Couldn't find lang. Proceeding with default`);
     }
   }
+
+  private initDefaultLang() {
+    const browserLang: string | undefined = this.getBrowserLang();
+    i18n.state.lang = /(es|en)/gi.test(browserLang) ? (browserLang as 'en' | 'es') : 'en';
+  }
+
+  /**
+   * From ngx-translate
+   * https://github.com/ngx-translate/core/blob/efcb4f43a645d9ac630aae8e50b60cc883e675fd/projects/ngx-translate/core/src/lib/translate.service.ts
+   * @private
+   */
+  private getBrowserLang(): string | undefined {
+    if (typeof window === 'undefined' || typeof window.navigator === 'undefined') {
+      return undefined;
+    }
+
+    let browserLang: string | null = window.navigator.languages ? window.navigator.languages[0] : null;
+    // @ts-ignore
+    browserLang = browserLang || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage;
+
+    if (typeof browserLang === 'undefined') {
+      return undefined;
+    }
+
+    if (browserLang.indexOf('-') !== -1) {
+      browserLang = browserLang.split('-')[0];
+    }
+
+    if (browserLang.indexOf('_') !== -1) {
+      browserLang = browserLang.split('_')[0];
+    }
+
+    return browserLang;
+  }
 }