feat: add support for all languages from old homarr (#1394)

* feat: add support for all languages from old homarr * fix: add mantine-react-table translations, remove arabic language * refactor: change translations to json for better crowdin support * fix: issues with loading dayjs and mantine-react-table translations * chore: add additional translations with variables * fix: format and deepsource issues * fix: test failing because of missing coverage exclusions * fix: format issues * fix: format issue
2024-11-03 00:11:27 +01:00
parent b294bf68cf
commit 0ff7c8903b
49 changed files with 29852 additions and 2843 deletions
--- a/packages/translation/src/config.ts
+++ b/packages/translation/src/config.ts
@@ -1,15 +1,342 @@
+import type { MRT_Localization } from "mantine-react-table";
+
 import { objectKeys } from "@homarr/common";

 export const localeConfigurations = {
+  cn: {
+    name: "中文",
+    translatedName: "Chinese (Simplified)",
+    flagIcon: "cn",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/zh-Hans/index.esm.mjs").then(
+        (module) => module.MRT_Localization_ZH_HANS,
+      );
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/zh-cn").then((module) => module.default);
+    },
+  },
+  cs: {
+    name: "Čeština",
+    translatedName: "Czech",
+    flagIcon: "cz",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/cs/index.esm.mjs").then((module) => module.MRT_Localization_CS);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/cs").then((module) => module.default);
+    },
+  },
+  da: {
+    name: "Dansk",
+    translatedName: "Danish",
+    flagIcon: "dk",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/da/index.esm.mjs").then((module) => module.MRT_Localization_DA);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/da").then((module) => module.default);
+    },
+  },
  de: {
    name: "Deutsch",
    translatedName: "German",
    flagIcon: "de",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/de/index.esm.mjs").then((module) => module.MRT_Localization_DE);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/de").then((module) => module.default);
+    },
  },
  en: {
    name: "English",
    translatedName: "English",
    flagIcon: "us",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/en/index.esm.mjs").then((module) => module.MRT_Localization_EN);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/en").then((module) => module.default);
+    },
+  },
+  el: {
+    name: "Ελληνικά",
+    translatedName: "Greek",
+    flagIcon: "gr",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/el/index.esm.mjs").then((module) => module.MRT_Localization_EL);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/el").then((module) => module.default);
+    },
+  },
+  es: {
+    name: "Español",
+    translatedName: "Spanish",
+    flagIcon: "es",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/es/index.esm.mjs").then((module) => module.MRT_Localization_ES);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/es").then((module) => module.default);
+    },
+  },
+  et: {
+    name: "Eesti",
+    translatedName: "Estonian",
+    flagIcon: "ee",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/et/index.esm.mjs").then((module) => module.MRT_Localization_ET);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/et").then((module) => module.default);
+    },
+  },
+  fr: {
+    name: "Français",
+    translatedName: "French",
+    flagIcon: "fr",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/fr/index.esm.mjs").then((module) => module.MRT_Localization_FR);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/fr").then((module) => module.default);
+    },
+  },
+  he: {
+    name: "עברית",
+    translatedName: "Hebrew",
+    flagIcon: "il",
+    isRTL: true,
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/he/index.esm.mjs").then((module) => module.MRT_Localization_HE);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/he").then((module) => module.default);
+    },
+  },
+  hr: {
+    name: "Hrvatski",
+    translatedName: "Croatian",
+    flagIcon: "hr",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/hr/index.esm.mjs").then((module) => module.MRT_Localization_HR);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/hr").then((module) => module.default);
+    },
+  },
+  hu: {
+    name: "Magyar",
+    translatedName: "Hungarian",
+    flagIcon: "hu",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/hu/index.esm.mjs").then((module) => module.MRT_Localization_HU);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/hu").then((module) => module.default);
+    },
+  },
+  it: {
+    name: "Italiano",
+    translatedName: "Italian",
+    flagIcon: "it",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/it/index.esm.mjs").then((module) => module.MRT_Localization_IT);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/it").then((module) => module.default);
+    },
+  },
+  ja: {
+    name: "日本語",
+    translatedName: "Japanese",
+    flagIcon: "jp",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/ja/index.esm.mjs").then((module) => module.MRT_Localization_JA);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/ja").then((module) => module.default);
+    },
+  },
+  ko: {
+    name: "한국어",
+    translatedName: "Korean",
+    flagIcon: "kr",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/ko/index.esm.mjs").then((module) => module.MRT_Localization_KO);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/ko").then((module) => module.default);
+    },
+  },
+  lt: {
+    name: "Lietuvių",
+    translatedName: "Lithuanian",
+    flagIcon: "lt",
+    importMrtLocalization() {
+      return import("./mantine-react-table/lt.json");
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/lt").then((module) => module.default);
+    },
+  },
+  lv: {
+    name: "Latviešu",
+    translatedName: "Latvian",
+    flagIcon: "lv",
+    importMrtLocalization() {
+      return import("./mantine-react-table/lv.json");
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/lv").then((module) => module.default);
+    },
+  },
+  nl: {
+    name: "Nederlands",
+    translatedName: "Dutch",
+    flagIcon: "nl",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/nl/index.esm.mjs").then((module) => module.MRT_Localization_NL);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/nl").then((module) => module.default);
+    },
+  },
+  no: {
+    name: "Norsk",
+    translatedName: "Norwegian",
+    flagIcon: "no",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/no/index.esm.mjs").then((module) => module.MRT_Localization_NO);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/nb").then((module) => module.default);
+    },
+  },
+  pl: {
+    name: "Polski",
+    translatedName: "Polish",
+    flagIcon: "pl",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/pl/index.esm.mjs").then((module) => module.MRT_Localization_PL);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/pl").then((module) => module.default);
+    },
+  },
+  pt: {
+    name: "Português",
+    translatedName: "Portuguese",
+    flagIcon: "pt",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/pt/index.esm.mjs").then((module) => module.MRT_Localization_PT);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/pt").then((module) => module.default);
+    },
+  },
+  ro: {
+    name: "Românesc",
+    translatedName: "Romanian",
+    flagIcon: "ro",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/ro/index.esm.mjs").then((module) => module.MRT_Localization_RO);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/ro").then((module) => module.default);
+    },
+  },
+  ru: {
+    name: "Русский",
+    translatedName: "Russian",
+    flagIcon: "ru",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/ru/index.esm.mjs").then((module) => module.MRT_Localization_RU);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/ru").then((module) => module.default);
+    },
+  },
+  sk: {
+    name: "Slovenčina",
+    translatedName: "Slovak",
+    flagIcon: "sk",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/sk/index.esm.mjs").then((module) => module.MRT_Localization_SK);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/sk").then((module) => module.default);
+    },
+  },
+  sl: {
+    name: "Slovenščina",
+    translatedName: "Slovenian",
+    flagIcon: "si",
+    importMrtLocalization() {
+      return import("./mantine-react-table/sl.json");
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/sl").then((module) => module.default);
+    },
+  },
+  sv: {
+    name: "Svenska",
+    translatedName: "Swedish",
+    flagIcon: "se",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/sv/index.esm.mjs").then((module) => module.MRT_Localization_SV);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/sv").then((module) => module.default);
+    },
+  },
+  tr: {
+    name: "Türkçe",
+    translatedName: "Turkish",
+    flagIcon: "tr",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/tr/index.esm.mjs").then((module) => module.MRT_Localization_TR);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/tr").then((module) => module.default);
+    },
+  },
+  tw: {
+    name: "中文",
+    translatedName: "Chinese (Traditional)",
+    flagIcon: "tw",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/zh-Hant/index.esm.mjs").then(
+        (module) => module.MRT_Localization_ZH_HANT,
+      );
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/zh-tw").then((module) => module.default);
+    },
+  },
+  uk: {
+    name: "Українська",
+    translatedName: "Ukrainian",
+    flagIcon: "ua",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/uk/index.esm.mjs").then((module) => module.MRT_Localization_UK);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/uk").then((module) => module.default);
+    },
+  },
+  vi: {
+    name: "Tiếng Việt",
+    translatedName: "Vietnamese",
+    flagIcon: "vn",
+    importMrtLocalization() {
+      return import("mantine-react-table/locales/vi/index.esm.mjs").then((module) => module.MRT_Localization_VI);
+    },
+    importDayJsLocale() {
+      return import("dayjs/locale/vi").then((module) => module.default);
+    },
  },
 } satisfies Record<
  string,
@@ -17,6 +344,9 @@ export const localeConfigurations = {
    name: string;
    translatedName: string;
    flagIcon: string;
+    importMrtLocalization: () => Promise<MRT_Localization>;
+    importDayJsLocale: () => Promise<ILocale>;
+    isRTL?: boolean;
  }
 >;

@@ -24,3 +354,6 @@ export const supportedLanguages = objectKeys(localeConfigurations);
 export type SupportedLanguage = (typeof supportedLanguages)[number];

 export const fallbackLocale = "en" satisfies SupportedLanguage;
+
+export const isLocaleRTL = (locale: SupportedLanguage) =>
+  "isRTL" in localeConfigurations[locale] && localeConfigurations[locale].isRTL;