Translate
How to translate your project
Usage
Run this in your CI pipeline before you build your app for production.
npx gtx-cli translateNote: This command requires a production API key! Get one on the platform.
Overview
The gtx-cli translate command translates your project.
It traverses your project's file tree and translates any content wrapped in a <T> component
or using the useGT functions.
Additionally, it includes content from the dictionary file (if one is provided).
This command is the primary way of using the General Translation API and related services.
For Production Use Only!
This command is meant for production builds and should not be used in development.
Before running this command, please make sure you are on the branch that will be used for production.
Remember to also specify your production API key (GT_API_KEY) and Project ID (GT_PROJECT_ID) in your environment variables.
Usage
There are 3 ways to use the translate command. Methods 1 and 2 require a production API key:
We recommend running the setup wizard: npx gtx-cli configure to help configure your project before running the translate command.
Depending on how your project is configured, the behavior of the translate command may change.
Method 1: Translate your project's JSON files.
If you are using other i18n libraries such as next-intl, react-i18next, or next-i18next, you can use this method to translate your project's JSON files.
Translations will be automatically saved to your codebase.
To use the CLI tool to translate your project's JSON files, modify your gt.config.json file to include json in the files property.
See the CLI config docs for more details.
npx gtx-cli translateThe CLI tool will automatically detect your i18n library by reading your package.json file, and will translate your JSONs while respecting your i18n library's syntax.
Method 2: Translate your GT project.
If your project is using gt-next or gt-react, you can use this method to generate translations for your project.
npx gtx-cli translateBy default, translations are saved to the GT CDN.
However, if you would like to save the translations to your codebase, add the gt property to the files object in the gt.config.json file.
gt-next and gt-react support serving translations locally, as well as using General Translation's public CDN.
We recommend using the CDN for reduced latency, better performance, and smaller bundle sizes.
See the CLI config docs for more details.
Method 3: Validate your project's <T> components and dictionary file.
This method is useful for validating your project's <T> components and dictionary file.
This ensures that your project is correctly configured and that the translations will be valid and accurate.
No translations will be generated if the --dry-run flag is provided.
npx gtx-cli translate --dry-runFlags
| Parameter | Description | Type | Optional | Default |
|---|---|---|---|---|
--api-key | Specify a production API key | string | true | |
--project-id | Specify the project ID | string | true | |
--version-id | Specify a version ID (by default, a hash of the content) | string | true | |
--config <path> | Specify a path to the GT config file | string | true | "gt.config.json" |
--tsconfig, --jsconfig <path> | Specify a path to the TS or JS config file | string | true | |
--src <paths> | Space-separated list of glob patterns to match source files. Should be relative to root directory. | [string] | true | [ 'src/**/*.{js,jsx,ts,tsx}', 'app/**/*.{js,jsx,ts,tsx}', 'pages/**/*.{js,jsx,ts,tsx}', 'components/**/*.{js,jsx,ts,tsx}', ] |
--dictionary <path> | Specify a path to the dictionary file | string | true | |
--inline | Include inline <T> tags in addition to the dictionary | boolean | true | true |
--timeout | The timeout for the translation request in seconds | number | true | 600 |
--new, --locales <locales> | Locales to translate your project into | [string] | true | |
--default-locale <locale> | The source locale for the project | string | true | en |
--ignore-errors | Ignore errors and force translation for valid content | flag | true | false |
--dry-run | Dry run the command | flag | true | false |
--force | Force a retranslation of your project | flag | true | false |
--force-download | Force a download of all translations for the project | flag | true | false |
All of these parameters are optional.
Do not add your API key to the gt.config.json file!
You should set it as an environment variable instead. The CLI will automatically read GT_API_KEY if it is set.
There are a few key parameters:
| Parameter | Description |
|---|---|
--dry-run | This flag will cause the CLI to parse and validate your project, but will not communicate with the GT API. This is useful for validating your codebase. |
--api-key | Unless you are using --dry-run, you must provide a production API key. |
--project-id | Similarly, unless you are using --dry-run, you must provide a project ID. |
--new, --locales <locales> | Locales to translate your project into. These will be appended to the locales specified in your gt.config.json file. |
--force | This flag will force a retranslation of your project and will overwrite all existing translations. |
--force-download | This flag will force a download of all translations and will overwrite any changes you have made to the translations locally. |
Configuration file
When running the CLI tool for the first time, it will attempt to create a gt.config.json file in the root of your project.
This file contains metadata about your project that is used to translate your content.
Read more about the gt.config.json file here.
Important Tips
Content Sources
The translate command will recursively search for translatable content in your project.
By default, it searches in the following directories:
./src./app./pages./components
You can specify alternate directories to search by using the --src flag,
or by modifying the src property in your gt.config.json file.
Overwriting Translations
By default, the CLI tool will not overwrite any changes you have made to translations locally unless the source content has changed.
If you would like to retranslate project content that has already been translated, you can use the --force flag.
Using --force will overwrite all existing translations and will not preserve any changes you have made to the translations locally.
If you have already fetched the most recent project translations and would like to download them again, you can use the --force-download flag.
Using --force-download will overwrite any changes you have made to the translations locally and will fetch the most recent translations. It will not retranslate any content.
Dictionary File
The translate command will automatically detect the dictionary file in your project.
By default, it looks for a file named dictionary.[json|ts|js] in the following directories:
./src./
You can specify an alternate dictionary file by using the --dictionary flag,
or by modifying the dictionary property in your gt.config.json file.
How is this guide?