Open-Source project made to auto translate react apps using i18next, this project should extract, translate and replace your components texts, then generates the Json language file.
- Extract text from components / props / yup : extract text from
components with no children, props likeplaceholder,label,title...,snackbars, and every text inyup schemas. - Convert JSX / TSX files to i18n hook : by replacing theses texts with your i18n hook function, adding imports, and initializing hooks ex: from
textto{t(text)}. - Translate detected texts : deepl api was used for translating part, you just need to set your
free api keyon the .env file. - Generate JSON language file: it should generate the final json files for the languages you've selected.
- Set your default project path in
src/directory.ts.Desktop/projectby default ( don't forget to make a project copy ). - Select your target languages in
src/translate.ts, by default it's['en-US', 'fr'] - Create .env file with
AUTH_KEYvalue (deepl api key) - Run
npm installthen >npm start - Check your
project/langsfolder for json files - Your JSX / TSX files should be translated now.
The main purpose of this repository is to continue evolving and to help lazy ass developers, we should expect a lot of bugs in this type of projects, so i invite you to contribute by creating a pull request or report issues.
Thanks for your support.