TypeScript Diff Checker
Collez deux versions de code TypeScript pour comparer les ajouts, les suppressions et les lignes modifiées avec la coloration syntaxique TypeScript. La comparaison s'exécute localement dans votre navigateur.
Texte original
Texte modifié
Syntaxe verrouillée sur TypeScript
Cette page applique automatiquement la coloration syntaxique TypeScript : inutile de choisir un langage avant de comparer vos fichiers.
Comparaison locale et privée
Le diff est calculé dans votre navigateur. Votre code source, vos payloads d'API et vos fichiers de configuration ne sont pas envoyés sur un serveur.
Vue côte à côte ou unifiée
Relisez les deux versions en vue côte à côte, obtenez un patch compact en vue unifiée et masquez les lignes inchangées sur les gros fichiers.
Comparer des fichiers TypeScript en ligne
Ce diff checker TypeScript s'adresse aux développeurs qui ont besoin de comparer rapidement, et en toute confidentialité, des modifications de code et de configuration. Collez deux versions, lancez la comparaison, puis examinez les ajouts, les suppressions et les modifications à l'intérieur des lignes, avec la coloration syntaxique TypeScript déjà activée.
Collez ou importez la version originale de votre fichier TypeScript dans l'éditeur de gauche.
Collez ou importez la version modifiée de votre fichier TypeScript dans l'éditeur de droite.
Cliquez sur Comparer, consultez le résultat en vue côte à côte ou unifiée, puis masquez les lignes inchangées si seuls les passages modifiés vous intéressent.
Comparaison privée de fichiers TypeScript dans le navigateur
Le diff s'exécute localement dans votre navigateur : votre code source, vos réponses d'API, vos secrets et vos fichiers de configuration restent sur votre appareil. Une session récente peut être conservée dans le stockage de votre navigateur pour pouvoir la restaurer, et vous pouvez l'effacer depuis l'outil à tout moment.
Cas d'usage courants du diff TypeScript
Relisez les évolutions de contrats d'API avant le merge.
Vérifiez les modifications liées au mode strict, aux génériques et aux imports.
Coloration syntaxique TypeScript
Sur cette page, la coloration est verrouillée sur TypeScript : plus besoin de passer par le sélecteur de langage. L'analyseur se concentre sur des éléments comme les types, les interfaces, les génériques et les imports, tandis que le moteur de diff met en évidence les véritables modifications du texte.
.ts, .tsx, .mts, .cts
Référence : Documentation TypeScript
Questions fréquentes sur le diff checker TypeScript
À quoi sert le diff checker TypeScript ?
Il compare deux versions de code TypeScript et met en évidence les lignes ajoutées, supprimées et modifiées. La coloration syntaxique est verrouillée sur TypeScript : les éléments du langage sont plus faciles à repérer pendant que vous relisez les changements.
Le diff checker TypeScript envoie-t-il mes fichiers sur un serveur ?
Non. La comparaison s'exécute dans votre navigateur. Vos fichiers ne sont pas envoyés sur un serveur lorsque vous cliquez sur Comparer.
Quels types de fichiers TypeScript puis-je comparer ?
Vous pouvez coller ou importer des fichiers en texte brut comme .ts, .tsx, .mts, .cts. Tout fichier texte peut être comparé, mais cette page colore automatiquement la syntaxe TypeScript.
Puis-je comparer de gros fichiers TypeScript ?
Oui. Les comparaisons s'exécutent dans un worker en arrière-plan, ce qui garde le navigateur réactif. Les fichiers très volumineux peuvent tout de même prendre quelques secondes sur votre appareil.