feat(ckeditor5): set up multi-language support

2025-12-21 15:49:56 +01:00 · 2025-11-16 14:24:07 +02:00
parent d014ae4fcf
commit a10d99f938
4 changed files with 101 additions and 7 deletions
--- a/packages/ckeditor5/src/i18n.ts
+++ b/packages/ckeditor5/src/i18n.ts
@@ -0,0 +1,90 @@
+import { DISPLAYABLE_LOCALE_IDS } from "@triliumnext/commons";
+import { EditorConfig, Translations } from "ckeditor5";
+
+interface LocaleMapping {
+    languageCode: string;
+    coreTranslation: () => Promise<{ default: Translations }>;
+    premiumFeaturesTranslation: () => Promise<{ default: Translations }>;
+}
+
+const LOCALE_MAPPINGS: Record<DISPLAYABLE_LOCALE_IDS, LocaleMapping | null> = {
+    en: null,
+    en_rtl: null,
+    ar: {
+        languageCode: "ar",
+        coreTranslation: () => import("ckeditor5/translations/ar.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/ar.js"),
+    },
+    cn: {
+        languageCode: "zh",
+        coreTranslation: () => import("ckeditor5/translations/zh-cn.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/zh-cn.js"),
+    },
+    de: {
+        languageCode: "de",
+        coreTranslation: () => import("ckeditor5/translations/de.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/de.js"),
+    },
+    es: {
+        languageCode: "es",
+        coreTranslation: () => import("ckeditor5/translations/es.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/es.js"),
+    },
+    fr: {
+        languageCode: "fr",
+        coreTranslation: () => import("ckeditor5/translations/fr.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/fr.js"),
+    },
+    it: {
+        languageCode: "it",
+        coreTranslation: () => import("ckeditor5/translations/it.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/it.js"),
+    },
+    ja: {
+        languageCode: "ja",
+        coreTranslation: () => import("ckeditor5/translations/ja.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/ja.js"),
+    },
+    pt: {
+        languageCode: "pt",
+        coreTranslation: () => import("ckeditor5/translations/pt.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/pt.js"),
+    },
+    pt_br: {
+        languageCode: "pt-br",
+        coreTranslation: () => import("ckeditor5/translations/pt-br.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/pt-br.js"),
+    },
+    ro: {
+        languageCode: "ro",
+        coreTranslation: () => import("ckeditor5/translations/ro.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/ro.js"),
+    },
+    tw: {
+        languageCode: "zh-tw",
+        coreTranslation: () => import("ckeditor5/translations/zh.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/zh.js"),
+    },
+    uk: {
+        languageCode: "uk",
+        coreTranslation: () => import("ckeditor5/translations/uk.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/uk.js"),
+    },
+    ru: {
+        languageCode: "ru",
+        coreTranslation: () => import("ckeditor5/translations/ru.js"),
+        premiumFeaturesTranslation: () => import("ckeditor5-premium-features/translations/ru.js")
+    },
+};
+
+export default async function getCkLocale(locale: DISPLAYABLE_LOCALE_IDS): Promise<Pick<EditorConfig, "language" | "translations">> {
+    const mapping = LOCALE_MAPPINGS[locale];
+    if (!mapping) return {};
+
+    const coreTranslation = (await (mapping.coreTranslation())).default;
+    const premiumFeaturesTranslation = (await (mapping.premiumFeaturesTranslation())).default;
+    return {
+        language: mapping.languageCode,
+        translations: [ coreTranslation, premiumFeaturesTranslation ]
+    };
+}
--- a/packages/ckeditor5/src/index.ts
+++ b/packages/ckeditor5/src/index.ts
@@ -8,6 +8,7 @@ export { PREMIUM_PLUGINS } from "./plugins.js";
 export type { EditorConfig, MentionFeed, MentionFeedObjectItem, ModelNode, ModelPosition, ModelElement, WatchdogConfig, WatchdogState } from "ckeditor5";
 export type { TemplateDefinition } from "ckeditor5-premium-features";
 export { default as buildExtraCommands } from "./extra_slash_commands.js";
+export { default as getCkLocale } from "./i18n.js";

 // Import with sideffects to ensure that type augmentations are present.
 import "@triliumnext/ckeditor5-math";