Formateur Flow
Formatez du JavaScript typé avec ce formateur Flow. Collez du code contenant des alias de type, des types d'objet exacts, des fonctions annotées ou la directive @flow ; l'outil le remet en forme jeton par jeton avec une indentation de deux espaces, des espaces autour des annotations de type et des opérateurs, des points-virgules à la fin des instructions et des accolades resserrées pour les objets exacts. Pratique pour les développeurs qui maintiennent des bases de code Flow et veulent des extraits propres pour les revues, les migrations et la documentation.
Foire aux questions
Comment fonctionne le formateur Flow ?
Il découpe votre code en jetons, tels que les accolades, les points-virgules, les opérateurs, les chaînes et les commentaires, puis en reconstruit la mise en page. Les blocs sont indentés de deux espaces, les instructions se terminent par des points-virgules et les opérateurs sont espacés de manière cohérente.
Comment les types d'objet exacts sont-ils formatés ?
Dans les types d'objet exacts, les barres restent collées aux accolades, avec une espace à l'intérieur ; par exemple : type Props = {| name: string, age: number |}. Les espaces après les deux-points et les virgules à l'intérieur du type sont normalisés.
Le commentaire @flow est-il conservé ?
Oui, la directive // @flow ainsi que tous les autres commentaires de ligne et de bloc sont conservés. Un commentaire de ligne termine toujours sa ligne ; le code suivant commence donc sur une nouvelle ligne.
Le formateur vérifie-t-il les types de mon code ?
Non, il n'exécute pas Flow et ne valide pas la syntaxe ; il peut donc aussi formater des extraits incomplets. Exécutez flow check dans votre projet pour détecter les erreurs de type.
Les génériques et les paramètres de type sont-ils conservés ?
Oui, les chevrons dans les types tels que Array<string> ou Map<K, V> sont suivis afin de ne pas les confondre avec des opérateurs de comparaison. Les espaces après les virgules à l'intérieur sont normalisés.
Puis-je modifier la largeur de l'indentation ?
Non, la sortie utilise toujours deux espaces et aucune option de style n'est disponible. Le formatage reste ainsi cohérent d'une exécution à l'autre et entre les membres de l'équipe.
Les chaînes sont-elles modifiées ?
Non, les chaînes littérales, les littéraux de gabarit et les expressions régulières sont copiés exactement tels qu'ils sont écrits. Seuls les espaces entre les jetons sont modifiés.
Pourquoi la sortie est-elle encadrée comme du javascript ?
Flow est typé JavaScript, le résultat est donc renvoyé dans un bloc de code Markdown marqué javascript, que la plupart des outils de coloration syntaxique affichent correctement. Copiez les lignes entre les délimiteurs dans votre fichier .js ou .flow.
Le formatage va-t-il changer le comportement de mon code ?
L’outil réorganise uniquement les espaces et ajoute des points-virgules à la fin des instructions. Vérifiez le résultat si votre code dépend de lignes sans point-virgule commençant par une parenthèse ou un crochet.
Quelle quantité de code puis-je formater ?
Jusqu’à 5 MB de code par exécution ; les entrées plus volumineuses sont rejetées avec un message. Le résultat est identique à l’option Flow du formateur de code.