MFE Localization

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

Helpful background information

• Localized MFE message strings live in src/i18n (see frontend-template-application/src/i18n)

• The transifex source file (transifex_input.json) is generated by running make extract_translations (see frontend-template-application/Makefile)

 Instructions

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)

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