TypeScript

Comment traduire automatiquement des fichiers TypeScript et JavaScript avec General Translation

Présentation

gtx-cli permet de traduire automatiquement les fichiers JavaScript (js) et TypeScript (ts) de votre projet.

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

Nous suivrons 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é d’API de production et l’ID de projet à vos variables d’environnement. C’est nécessaire pour utiliser l’outil gtx-cli. Vous pouvez les récupérer depuis le tableau de bord General Translation.

.env
GT_API_KEY=<votre-clé-api>
GT_PROJECT_ID=<votre-id-projet>

Étape 2 : Installez gtx-cli

Installez l’outil gtx-cli dans votre projet.

npm i 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 defaultLocale et locales pour qu’ils correspondent aux locales de votre projet.

Si vos fichiers sont en JavaScript, vous pouvez utiliser la clé js au lieu de ts. Le tableau de chaînes dans la clé include doit être un motif glob qui fait correspondre l’ensemble de vos fichiers JS.

Il doit utiliser l’espace réservé [locale] pour faire correspondre la locale 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 pipeline de build ou de CI, 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 && <votre commande de build>"
  }
}

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

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


Remarques

  • Vous pouvez ajouter automatiquement des traductions à votre projet avec la commande gtx-cli translate.
  • Si vous souhaitez valider vos fichiers de traduction dans le dépôt, exécutez la commande gtx-cli translate avant de faire votre commit.
  • Pour configurer le chemin de sortie de vos traductions, consultez la documentation de configuration.

Prochaines étapes

Que pensez-vous de ce guide ?

TypeScript