TypeScript

Comment traduire automatiquement les fichiers TypeScript et JavaScript avec General Translation

Aperçu

gtx-cli peut être utilisé pour traduire automatiquement les fichiers JavaScript (js) et TypeScript (ts) de votre projet.

Toute la syntaxe et la mise en forme présentes dans les fichiers d'origine seront conservées dans les fichiers traduits.

Nous allons suivre ces 4 étapes :

Ajoutez vos variables d'environnement

Installez gtx-cli

Configurez le fichier gt.config.json de votre projet


Étape 1 : Ajoutez vos variables d'environnement

Ajoutez votre clé API de production et l'identifiant de votre projet à vos variables d'environnement. Ceci est nécessaire pour utiliser l'outil gtx-cli. Vous obtenez ces informations depuis le tableau de bord General Translation.

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

Étape 2 : Installer gtx-cli

Installez l’outil gtx-cli dans votre projet.

npm i --save-dev gtx-cli
yarn add --dev gtx-cli
bun add --dev gtx-cli
pnpm add --save-dev gtx-cli

Étape 3 : Configurez le fichier gt.config.json de votre projet

Créez un fichier gt.config.json à la racine de votre projet, avec le contenu suivant :

gt.config.json
{
  "defaultLocale": "en",
  "locales": ["es", "fr"],
  "files": {
    "ts": {
      "include": ["docs/[locale]/**/*.ts"]
    }
  }
}

Modifiez les valeurs de defaultLocale et locales pour qu'elles correspondent aux langues de votre projet.

Si vos fichiers sont des fichiers JavaScript, vous pouvez utiliser la clé js à la place de ts. Le tableau de chaînes dans la clé include doit être un motif glob qui correspond à tous vos fichiers JS.

Il doit utiliser l'espace réservé [locale] pour faire correspondre la langue du fichier.

Consultez la documentation de configuration pour plus d'informations sur le fichier gt.config.json.

Étape 4 : Ajoutez la commande gtx-cli translate à votre processus de build

Ajoutez la commande gtx-cli translate à votre processus de build ou d'intégration continue avant la commande de build afin d'ajouter automatiquement les traductions à votre projet.

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <your build command>"
  }
}

Cela générera des traductions pour toutes vos locales et les enregistrera dans votre projet. Si vous souhaitez valider ces fichiers dans votre dépôt, vous pouvez exécuter cette commande avant de valider.

C'est terminé ! Désormais, votre projet mettra automatiquement à jour tous vos fichiers Markdown à chaque modification de votre projet.


Notes

  • Vous pouvez ajouter automatiquement des traductions à votre projet avec la commande gtx-cli translate.
  • Si vous souhaitez valider vos fichiers de traduction, vous devez exécuter la commande gtx-cli translate avant de valider.
  • Pour configurer le chemin de sortie de vos traductions, consultez la documentation de configuration.

Prochaines étapes

Comment trouvez-vous ce guide ?