Enleveur de type TypeScript

Enleveur de type TypeScript

Le TypeScript Type Stripper transforme le code source TypeScript en JavaScript propre et exécutable en supprimant chaque constructeur de compilation que la langue ajoute au-dessus de l'ECMAScript. Les annotations de type, les déclarations d'interface, les alias de type, les paramètres génériques, les enums, les décorateurs et les affirmations non-nulles sont supprimés dans une seule passe déterministe, tout en préservant exactement la logique en temps d'exécution de votre programme.

L'outil fonctionne entièrement dans votre navigateur en utilisant l'API officielle du compilateur TypeScript, de sorte que votre code source ne quitte jamais votre machine. La sortie est identique à ce que produirait tsc pour la même entrée, ce qui rend le strippeur sécurisé pour porter des bibliothèques, partager des fragments en JavaScript pur, déboguer le comportement post-transpilation, et migrer hors TypeScript lorsque le projet n'a plus besoin de ce langage.

Comment utiliser

1. Collez votre code source TypeScript dans la zone d'entrée, ou faites glisser un .ts ou .tsx fichier sur le chargeur.
2. Choisissez un mode de sortie : Types de strip uniquement préserve la syntaxe moderne, tandis que les cibles ES2020, ES2017 et ES5 suppriment de plus en plus les fonctionnalités de langage récentes.
3. Choisissez une option de gestion du JSX si votre code contient des expressions JSX, puis activez la préservation des commentaires JSDoc, la suppression des imports de type uniquement et la suppression des commentaires selon vos préférences.
4. Le JavaScript pur apparaît dans le panneau de sortie dès que le compilateur est terminé. Utilisez le bouton copier ou télécharger pour obtenir le résultat.

Caractéristiques

• Transformation déterministe de l'AST – Conçu sur l'API officielle de TypeScript, la sortie est reproduisible à l'identique au niveau des octets.
• Strip-only ou downlevel – Choisissez entre suppression pure des types ou transpilation complète vers ES2020, ES2017 ou ES5.
• Couverture complète du langage – Gère correctement les interfaces, les alias de type, les génériques, les enums, les décorateurs, les propriétés de paramètres et les affirmations non-nulles.
• Conscient du JSX – Préservé .jsx sortie ou converti en React.createElement appels.
• Contrôle des commentaires – Gardez les blocs JSDoc, les supprimez ou supprimez tous les commentaires pour les builds de production.
• Nettoyage des imports de type uniquement – Supprime les import type instructions qui ne font plus référence à quoi que ce soit en temps d'exécution.
• Privilégier la confidentialité – Tout se déroule dans votre navigateur ; aucun code n'est envoyé sur un serveur.
• Reporting de la taille – Voir combien d'octets le résultat éliminé par rapport à l'original.