Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix more warnings, store transformed text in LRUCache of 1000

Browse Source
This commit is contained in:
Martti Malmi
2024-01-10 19:54:01 +02:00
parent 8e37e0fbed
commit e6a42db658
18 changed files with 203 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/Components/IntlProvider/IntlProvider.tsx
View File

@ -1,7 +1,8 @@
import { ReactNode, useEffect, useState } from "react";
import { IntlProvider as ReactIntlProvider } from "react-intl";
import { DefaultLocale, useLocale } from "@/Components/IntlProvider/IntlProviderUtils";
import { DefaultLocale } from "@/Components/IntlProvider/IntlProviderUtils";
import {useLocale} from "@/Components/IntlProvider/useLocale";
import enMessages from "@/translations/en.json";
const getMessages = (locale: string) => {

32
packages/app/src/Components/IntlProvider/IntlProviderUtils.tsx
View File

@ -1,37 +1,5 @@
import { ExternalStore } from "@snort/shared";
import { useSyncExternalStore } from "react";
import useLogin from "@/Hooks/useLogin";
export const DefaultLocale = "en-US";
class LangStore extends ExternalStore<string | null> {
setLang(s: string) {
localStorage.setItem("lang", s);
this.notifyChange();
}
takeSnapshot() {
return localStorage.getItem("lang");
}
}
const LangOverride = new LangStore();
export function useLocale() {
const { language } = useLogin(s => ({ language: s.appData.item.preferences.language }));
const loggedOutLang = useSyncExternalStore(
c => LangOverride.hook(c),
() => LangOverride.snapshot(),
);
const locale = language ?? loggedOutLang ?? getLocale();
return {
locale,
lang: locale.toLowerCase().split(/[_-]+/)[0],
setOverride: (s: string) => LangOverride.setLang(s),
};
}
export const getLocale = () => {
return (navigator.languages && navigator.languages[0]) ?? navigator.language ?? DefaultLocale;
};

14
packages/app/src/Components/IntlProvider/langStore.tsx Normal file
View File

@ -0,0 +1,14 @@
import {ExternalStore} from "@snort/shared";
class LangStore extends ExternalStore<string | null> {
setLang(s: string) {
localStorage.setItem("lang", s);
this.notifyChange();
}
takeSnapshot() {
return localStorage.getItem("lang");
}
}
export const LangOverride = new LangStore();

19
packages/app/src/Components/IntlProvider/useLocale.tsx Normal file
View File

@ -0,0 +1,19 @@
import {useSyncExternalStore} from "react";
import {getLocale} from "@/Components/IntlProvider/IntlProviderUtils";
import {LangOverride} from "@/Components/IntlProvider/langStore";
import useLogin from "@/Hooks/useLogin";
export function useLocale() {
const {language} = useLogin(s => ({language: s.appData.item.preferences.language}));
const loggedOutLang = useSyncExternalStore(
c => LangOverride.hook(c),
() => LangOverride.snapshot(),
);
const locale = language ?? loggedOutLang ?? getLocale();
return {
locale,
lang: locale.toLowerCase().split(/[_-]+/)[0],
setOverride: (s: string) => LangOverride.setLang(s),
};
}