dify/web/i18n-config/i18next-config.ts

140 lines
3.7 KiB
TypeScript

'use client'
import type { Locale } from '.'
import { camelCase, kebabCase } from 'es-toolkit/compat'
import i18n from 'i18next'
import { initReactI18next } from 'react-i18next'
import app from '../i18n/en-US/app'
import appAnnotation from '../i18n/en-US/app-annotation'
import appApi from '../i18n/en-US/app-api'
import appDebug from '../i18n/en-US/app-debug'
import appLog from '../i18n/en-US/app-log'
import appOverview from '../i18n/en-US/app-overview'
import billing from '../i18n/en-US/billing'
import common from '../i18n/en-US/common'
import custom from '../i18n/en-US/custom'
import dataset from '../i18n/en-US/dataset'
import datasetCreation from '../i18n/en-US/dataset-creation'
import datasetDocuments from '../i18n/en-US/dataset-documents'
import datasetHitTesting from '../i18n/en-US/dataset-hit-testing'
import datasetPipeline from '../i18n/en-US/dataset-pipeline'
import datasetSettings from '../i18n/en-US/dataset-settings'
import education from '../i18n/en-US/education'
import explore from '../i18n/en-US/explore'
import layout from '../i18n/en-US/layout'
import login from '../i18n/en-US/login'
import oauth from '../i18n/en-US/oauth'
import pipeline from '../i18n/en-US/pipeline'
import plugin from '../i18n/en-US/plugin'
import pluginTags from '../i18n/en-US/plugin-tags'
import pluginTrigger from '../i18n/en-US/plugin-trigger'
import register from '../i18n/en-US/register'
import runLog from '../i18n/en-US/run-log'
import share from '../i18n/en-US/share'
import time from '../i18n/en-US/time'
import tools from '../i18n/en-US/tools'
import workflow from '../i18n/en-US/workflow'
// @keep-sorted
export const messagesEN = {
app,
appAnnotation,
appApi,
appDebug,
appLog,
appOverview,
billing,
common,
custom,
dataset,
datasetCreation,
datasetDocuments,
datasetHitTesting,
datasetPipeline,
datasetSettings,
education,
explore,
layout,
login,
oauth,
pipeline,
plugin,
pluginTags,
pluginTrigger,
register,
runLog,
share,
time,
tools,
workflow,
}
// pluginTrigger -> plugin-trigger
export type KebabCase<S extends string> = S extends `${infer T}${infer U}`
? T extends Lowercase<T>
? `${T}${KebabCase<U>}`
: `-${Lowercase<T>}${KebabCase<U>}`
: S
export type CamelCase<S extends string> = S extends `${infer T}-${infer U}`
? `${T}${Capitalize<CamelCase<U>>}`
: S
export type KeyPrefix = keyof typeof messagesEN
export type Namespace = KebabCase<KeyPrefix>
const requireSilent = async (lang: Locale, namespace: Namespace) => {
let res
try {
res = (await import(`../i18n/${lang}/${namespace}`)).default
}
catch {
res = (await import(`../i18n/en-US/${namespace}`)).default
}
return res
}
const NAMESPACES = Object.keys(messagesEN).map(kebabCase) as Namespace[]
export const loadLangResources = async (lang: Locale) => {
const modules = await Promise.all(
NAMESPACES.map(ns => requireSilent(lang, ns)),
)
const resources = modules.reduce((acc, mod, index) => {
acc[camelCase(NAMESPACES[index])] = mod
return acc
}, {} as Record<string, any>)
return resources
}
// Load en-US resources first to make sure fallback works
const getInitialTranslations = () => {
return {
'en-US': {
translation: messagesEN,
},
}
}
if (!i18n.isInitialized) {
i18n.use(initReactI18next).init({
lng: undefined,
fallbackLng: 'en-US',
resources: getInitialTranslations(),
})
}
export const changeLanguage = async (lng?: Locale) => {
if (!lng)
return
if (!i18n.hasResourceBundle(lng, 'translation')) {
const resource = await loadLangResources(lng)
i18n.addResourceBundle(lng, 'translation', resource, true, true)
}
await i18n.changeLanguage(lng)
}
export default i18n