feat: Server side translation setup (#4657)
* Server side translation setup * docs
This commit is contained in:
@@ -1,92 +0,0 @@
|
||||
import i18n from "i18next";
|
||||
import de_DE from "./locales/de_DE/translation.json";
|
||||
import en_US from "./locales/en_US/translation.json";
|
||||
import pt_PT from "./locales/pt_PT/translation.json";
|
||||
import { initI18n } from ".";
|
||||
|
||||
describe("i18n env is unset", () => {
|
||||
beforeEach(() => {
|
||||
initI18n()
|
||||
.addResources("en-US", "translation", en_US)
|
||||
.addResources("de-DE", "translation", de_DE)
|
||||
.addResources("pt-PT", "translation", pt_PT);
|
||||
});
|
||||
|
||||
it("translation of key should match", () =>
|
||||
expect(i18n.t("Saving")).toBe("Saving"));
|
||||
|
||||
it("translation if changed to de-DE", () => {
|
||||
i18n.changeLanguage("de-DE");
|
||||
expect(i18n.t("Saving")).toBe("Speichert");
|
||||
});
|
||||
|
||||
it("translation if changed to pt-PT", () => {
|
||||
i18n.changeLanguage("pt-PT");
|
||||
expect(i18n.t("Saving")).toBe("A guardar");
|
||||
});
|
||||
});
|
||||
describe("i18n env is en-US", () => {
|
||||
beforeEach(() => {
|
||||
initI18n("en-US")
|
||||
.addResources("en-US", "translation", en_US)
|
||||
.addResources("de-DE", "translation", de_DE)
|
||||
.addResources("pt-PT", "translation", pt_PT);
|
||||
});
|
||||
|
||||
it("translation of key should match", () =>
|
||||
expect(i18n.t("Saving")).toBe("Saving"));
|
||||
|
||||
it("translation if changed to de-DE", () => {
|
||||
i18n.changeLanguage("de-DE");
|
||||
expect(i18n.t("Saving")).toBe("Speichert");
|
||||
});
|
||||
|
||||
it("translation if changed to pt-PT", () => {
|
||||
i18n.changeLanguage("pt-PT");
|
||||
expect(i18n.t("Saving")).toBe("A guardar");
|
||||
});
|
||||
});
|
||||
|
||||
describe("i18n env is de-DE", () => {
|
||||
beforeEach(() => {
|
||||
initI18n("de-DE")
|
||||
.addResources("en-US", "translation", en_US)
|
||||
.addResources("de-DE", "translation", de_DE)
|
||||
.addResources("pt-PT", "translation", pt_PT);
|
||||
});
|
||||
|
||||
it("translation of key should match", () =>
|
||||
expect(i18n.t("Saving")).toBe("Speichert"));
|
||||
|
||||
it("translation if changed to en-US", () => {
|
||||
i18n.changeLanguage("en-US");
|
||||
expect(i18n.t("Saving")).toBe("Saving");
|
||||
});
|
||||
|
||||
it("translation if changed to pt-PT", () => {
|
||||
i18n.changeLanguage("pt-PT");
|
||||
expect(i18n.t("Saving")).toBe("A guardar");
|
||||
});
|
||||
});
|
||||
|
||||
describe("i18n env is pt-PT", () => {
|
||||
beforeEach(() => {
|
||||
initI18n("pt-PT")
|
||||
.addResources("en-US", "translation", en_US)
|
||||
.addResources("de-DE", "translation", de_DE)
|
||||
.addResources("pt-PT", "translation", pt_PT);
|
||||
});
|
||||
|
||||
it("translation of key should match", () =>
|
||||
expect(i18n.t("Saving")).toBe("A guardar"));
|
||||
|
||||
it("translation if changed to en-US", () => {
|
||||
i18n.changeLanguage("en-US");
|
||||
expect(i18n.t("Saving")).toBe("Saving");
|
||||
});
|
||||
|
||||
it("translation if changed to de-DE", () => {
|
||||
i18n.changeLanguage("de-DE");
|
||||
expect(i18n.t("Saving")).toBe("Speichert");
|
||||
});
|
||||
});
|
||||
@@ -1,8 +1,3 @@
|
||||
import i18n from "i18next";
|
||||
import backend from "i18next-http-backend";
|
||||
import { initReactI18next } from "react-i18next";
|
||||
import { unicodeBCP47toCLDR, unicodeCLDRtoBCP47 } from "../utils/date";
|
||||
|
||||
// Note: Updating the available languages? Make sure to also update the
|
||||
// locales array in app/utils/i18n.js to enable translation for timestamps.
|
||||
export const languageOptions = [
|
||||
@@ -77,32 +72,3 @@ export const languageOptions = [
|
||||
];
|
||||
|
||||
export const languages: string[] = languageOptions.map((i) => i.value);
|
||||
|
||||
export const initI18n = (defaultLanguage = "en_US") => {
|
||||
const lng = unicodeCLDRtoBCP47(defaultLanguage);
|
||||
i18n
|
||||
.use(backend)
|
||||
.use(initReactI18next)
|
||||
.init({
|
||||
compatibilityJSON: "v3",
|
||||
backend: {
|
||||
// this must match the path defined in routes. It's the path that the
|
||||
// frontend UI code will hit to load missing translations.
|
||||
loadPath: (languages: string[]) =>
|
||||
`/locales/${unicodeBCP47toCLDR(languages[0])}.json`,
|
||||
},
|
||||
interpolation: {
|
||||
escapeValue: false,
|
||||
},
|
||||
react: {
|
||||
useSuspense: false,
|
||||
},
|
||||
lng,
|
||||
fallbackLng: lng,
|
||||
supportedLngs: languages.map(unicodeCLDRtoBCP47),
|
||||
// Uncomment when debugging translation framework, otherwise it's noisy
|
||||
keySeparator: false,
|
||||
returnNull: false,
|
||||
});
|
||||
return i18n;
|
||||
};
|
||||
|
||||
@@ -823,5 +823,11 @@
|
||||
"This month": "This month",
|
||||
"Last month": "Last month",
|
||||
"This year": "This year",
|
||||
"To search your knowledgebase use {{ command }}. \nYou’ve already learned how to get help with {{ command2 }}.": "To search your knowledgebase use {{ command }}. \nYou’ve already learned how to get help with {{ command2 }}.",
|
||||
"Sorry, we couldn’t find an integration for your team. Head to your {{ appName }} settings to set one up.": "Sorry, we couldn’t find an integration for your team. Head to your {{ appName }} settings to set one up.",
|
||||
"It looks like you haven’t signed in to {{ appName }} yet, so results may be limited": "It looks like you haven’t signed in to {{ appName }} yet, so results may be limited",
|
||||
"Post to Channel": "Post to Channel",
|
||||
"This is what we found for \"{{ term }}\"": "This is what we found for \"{{ term }}\"",
|
||||
"No results for \"{{ term }}\"": "No results for \"{{ term }}\"",
|
||||
"Uploading": "Uploading"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user