For a current project, I’ve been struggling with my language files. They’re all JSON files, and will always fallback to English if translations aren’t available.

My problem is that when a new key is required, I use my english file by default. This leads to situations where my client wants to translate new keys to other languages, and I have to spend time looking at all files, figuring out which keys i haven’t added there.

Essentially I want to get to a point where I can give all the translation files to my client, and he returns them with the translated content.

What do you guys use for managing this? And how would you solve the situation i’ve found myself in.

  • DonWito@lemmy.techtailors.net
    1·
    1 year ago

    If you are using TypeScript it’s quite easy to create a system where the type system will enforce the existence of all translations. I think it should be possible to create a similar solution for other languages as well.

    For example:

    const enTranslations = { MENU: ‘’ };

    const plTranslations: typeof enTranslations = { MENU: ‘’ } as const;

    const t = (key: keyof typeof enTranslations) => get language() == ‘pl’ ? plTranslations[key] : enTranslations[key];

    Missing keys will fail compilation. If you want to skip check you can always use //@ts-ignore

    Additionally the type system will enforce only valid translation keys so you won’t be able to make a typo it forget to add English translation.