autoMatchRegion: improved matching algorithm
This commit is contained in:
		
							parent
							
								
									e8a206db96
								
							
						
					
					
						commit
						b44d093f08
					
				
					 1 changed files with 42 additions and 25 deletions
				
			
		| 
						 | 
				
			
			@ -11,7 +11,11 @@ import { $settings } from "../settings/stores";
 | 
			
		|||
import { enGB } from "date-fns/locale/en-GB";
 | 
			
		||||
import { useStore } from "@nanostores/solid";
 | 
			
		||||
import type { Locale } from "date-fns";
 | 
			
		||||
import { resolveTemplate, translator, type Template } from "@solid-primitives/i18n";
 | 
			
		||||
import {
 | 
			
		||||
  resolveTemplate,
 | 
			
		||||
  translator,
 | 
			
		||||
  type Template,
 | 
			
		||||
} from "@solid-primitives/i18n";
 | 
			
		||||
 | 
			
		||||
async function synchronised(
 | 
			
		||||
  name: string,
 | 
			
		||||
| 
						 | 
				
			
			@ -34,29 +38,35 @@ export function autoMatchLangTag() {
 | 
			
		|||
  return match(Array.from(navigator.languages), SUPPORTED_LANGS, DEFAULT_LANG);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const DateFnLocaleCx = /* __@PURE__ */createContext<Accessor<Locale>>(() => enGB);
 | 
			
		||||
const DateFnLocaleCx = /* __@PURE__ */ createContext<Accessor<Locale>>(
 | 
			
		||||
  () => enGB,
 | 
			
		||||
);
 | 
			
		||||
 | 
			
		||||
const cachedDateFnLocale: Record<string, Locale> = {
 | 
			
		||||
  enGB,
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export function autoMatchRegion() {
 | 
			
		||||
  const regions = navigator.languages
 | 
			
		||||
    .map((x) => {
 | 
			
		||||
      const parts = x.split("_");
 | 
			
		||||
      if (parts.length > 1) {
 | 
			
		||||
        return parts[1];
 | 
			
		||||
  const specifiers = navigator.languages.map((x) => x.split("-"));
 | 
			
		||||
 | 
			
		||||
  for (const s of specifiers) {
 | 
			
		||||
    if (s.length === 1) {
 | 
			
		||||
      const lang = s[0];
 | 
			
		||||
      for (const available of SUPPORTED_REGIONS) {
 | 
			
		||||
        if (available.toLowerCase().startsWith(lang.toLowerCase())) {
 | 
			
		||||
          return available;
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
      return undefined;
 | 
			
		||||
    })
 | 
			
		||||
    .filter((x): x is string => !!x);
 | 
			
		||||
  for (const r of regions) {
 | 
			
		||||
    for (const available of SUPPORTED_REGIONS) {
 | 
			
		||||
      if (available.toLowerCase().endsWith(r.toLowerCase())) {
 | 
			
		||||
        return available;
 | 
			
		||||
    } else if (s.length === 2) {
 | 
			
		||||
      const [lang, region] = s[1];
 | 
			
		||||
      for (const available of SUPPORTED_REGIONS) {
 | 
			
		||||
        if (available.toLowerCase() === `${lang}_${region}`.toLowerCase()) {
 | 
			
		||||
          return available;
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  return "en_GB";
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -148,14 +158,17 @@ export function useLanguage() {
 | 
			
		|||
  return () => settings().language || autoMatchLangTag();
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
type ImportFn<T> = (name: string) => Promise<{default: T}>
 | 
			
		||||
type ImportFn<T> = (name: string) => Promise<{ default: T }>;
 | 
			
		||||
 | 
			
		||||
type ImportedModule<F> = F extends ImportFn<infer T> ? T: never
 | 
			
		||||
type ImportedModule<F> = F extends ImportFn<infer T> ? T : never;
 | 
			
		||||
 | 
			
		||||
type MergedImportedModule<T> =
 | 
			
		||||
  T extends [] ? {} :
 | 
			
		||||
  T extends [infer I] ? ImportedModule<I> :
 | 
			
		||||
  T extends [infer I, ...infer J] ? ImportedModule<I> & MergedImportedModule<J> : never
 | 
			
		||||
type MergedImportedModule<T> = T extends []
 | 
			
		||||
  ? {}
 | 
			
		||||
  : T extends [infer I]
 | 
			
		||||
    ? ImportedModule<I>
 | 
			
		||||
    : T extends [infer I, ...infer J]
 | 
			
		||||
      ? ImportedModule<I> & MergedImportedModule<J>
 | 
			
		||||
      : never;
 | 
			
		||||
 | 
			
		||||
export function createStringResource<
 | 
			
		||||
  T extends ImportFn<Record<string, string | Template<any> | undefined>>[],
 | 
			
		||||
| 
						 | 
				
			
			@ -170,9 +183,11 @@ export function createStringResource<
 | 
			
		|||
        return cache[nlang];
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      const results = await Promise.all(importFns.map(x => x(nlang).then(v => v.default)))
 | 
			
		||||
      const results = await Promise.all(
 | 
			
		||||
        importFns.map((x) => x(nlang).then((v) => v.default)),
 | 
			
		||||
      );
 | 
			
		||||
 | 
			
		||||
      const merged: MergedImportedModule<T> = Object.assign({}, ...results)
 | 
			
		||||
      const merged: MergedImportedModule<T> = Object.assign({}, ...results);
 | 
			
		||||
 | 
			
		||||
      cache[nlang] = merged;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -181,8 +196,10 @@ export function createStringResource<
 | 
			
		|||
  );
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export function createTranslator<T extends ImportFn<Record<string, string | Template<any> | undefined>>[],>(...importFns: T) {
 | 
			
		||||
  const res = createStringResource(...importFns)
 | 
			
		||||
export function createTranslator<
 | 
			
		||||
  T extends ImportFn<Record<string, string | Template<any> | undefined>>[],
 | 
			
		||||
>(...importFns: T) {
 | 
			
		||||
  const res = createStringResource(...importFns);
 | 
			
		||||
 | 
			
		||||
  return [translator(res[0], resolveTemplate), res] as const
 | 
			
		||||
  return [translator(res[0], resolveTemplate), res] as const;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue