MFE Localization

Micro-frontends are localized by utilizing frontend-platform/i18n and transifex.

Helpful background information

 Instructions

Work is being done to simplify and modernize the translation flow, see Instructions (modernized) (WIP)

  1. Ensure all strings in the MFE are utilizing i18n (example) (more details here: Internationalize your application with react-intl and here: MFE Translation How To's | How to internationalize your React App)

  2. Check if the MFE is already set up to automatically pull translations from transifex (look for commits that say chore(i18n) from edx-transifex-bot) (example)

    1. If the MFE is already using the bot you should be all set by simply adding messages to the source files in src/i18n

    2. If the MFE is not using the bot you can still extract/push/pull translations manually (also see Set up Transifex)

 Instructions (modernized) (WIP)

The transifex cli usage is being replaced by the transifex github app

  1. Ensure all strings in the MFE are utilizing i18n (example) (more details here: Internationalize your application with react-intl and here: MFE Translation How To's | How to internationalize your React App)

  2. Ensure running make extract_translations properly generates transifex_input.json

  3. Update js-translations in extract-translation-source-files.yml on the openedx-translations repo to include the MFE

  4. Update transifex.yml on the openedx-translations repo to include the MFE

  5. Wait for openedx-atlas development to reach a stage where translations are automatically pushed back to the MFE