Formateurs de code

Les formateurs de code d’ArrayKit mettent en ordre le code, les requêtes et les fichiers de configuration que vous collez, pour les rendre plus faciles à lire, à relire et à versionner. Mettez en forme des requêtes pour MySQL, PostgreSQL, SQL Server, SQLite, BigQuery et Oracle avec le Formateur SQL, embellissez du JavaScript, du TypeScript et du JSX ou minifiez du JavaScript avec le Formateur JS / TS, et nettoyez feuilles de style et balisage avec le Formateur CSS / SCSS, le Formateur HTML et le Formateur XML. Pour la configuration, YAML ↔ JSON, INI vers JSON et dotenv vers JSON convertissent dans les deux sens, et le Formateur TOML met en forme le TOML et le convertit en JSON et inversement. Le Formateur GraphQL, le Formateur OpenAPI / Swagger, le Formateur de Dockerfile et le Formateur de requêtes MongoDB s’occupent des définitions d’API, des fichiers de conteneur et des requêtes de base de données, et l’Optimiseur SVG débarrasse les icônes du superflu laissé par les éditeurs. Pour la documentation, l’Aperçu Markdown affiche le Markdown façon GitHub pendant la frappe, HTML vers Markdown convertit pages et extraits, et le Rendu de diagrammes Mermaid dessine organigrammes et diagrammes de séquence en SVG. Pour vérifier votre travail, essayez un motif dans le Testeur de regex, comparez deux versions avec Comparer du texte, testez une paire de couleurs avec le Vérificateur de contraste, et convertissez couleurs et longueurs CSS avec le Convertisseur de couleurs CSS et le Convertisseur d’unités CSS. Ils sont conçus pour les ingénieurs front-end, back-end et DevOps ainsi que pour les rédacteurs techniques. Tout s’exécute dans votre navigateur : votre code reste sur votre appareil et rien n’est envoyé.

• YAML ↔ JSON — Convertit du YAML en JSON et inversement.
• Aperçu Markdown — Rend le Markdown en HTML avec un aperçu en direct.
• Testeur de regex — Testez des expressions régulières en direct avec correspondances, groupes et indicateurs.
• Convertisseur de couleurs CSS — Convertit entre HEX, RGB et HSL avec un échantillon en direct.
• Comparer du texte — Compare deux textes ligne par ligne et affiche ajouts et suppressions.
• Convertisseur MDX — Rend le MDX en texte, convertit HTML → MDX et échappe le texte en MDX littéral.
• Formateur CSS / SCSS — Embellit ou minifie CSS/SCSS/LESS, trie les propriétés et supprime les doublons.
• Formateur JS / TS — Embellissez JavaScript, TypeScript et JSX/TSX avec les options de Prettier, ou minifiez du JavaScript simple.
• Formateur HTML — Embellit ou minifie le HTML, met en forme le CSS/JS en ligne et prévisualise le résultat.
• Formateur XML — Embellit, minifie et valide le XML, et convertit XML ↔ JSON.
• Formateur SQL — Met en forme le SQL pour MySQL, PostgreSQL, SQL Server, SQLite, BigQuery et Oracle.
• Formateur GraphQL — Met en forme ou minifie les requêtes et schémas GraphQL, valide la syntaxe et extrait les opérations.
• Formateur de Dockerfile — Met en forme un Dockerfile et obtenez des suggestions de bonnes pratiques et de lint.
• Formateur de requêtes MongoDB — Met en forme les requêtes du shell MongoDB et les pipelines d’agrégation.
• Vérificateur de contraste — Vérifie le rapport de contraste WCAG et la conformité AA/AAA entre deux couleurs.
• Rendu de diagrammes Mermaid — Rend des diagrammes Mermaid (flux, séquence, gantt) en SVG dans votre navigateur.
• Optimiseur SVG — Minifie le SVG : supprime commentaires, métadonnées et résidus d’éditeur, et réduit les espaces.
• Embellisseur de requêtes MongoDB — Embellissez et indentez les requêtes MongoDB et les instructions find() dans votre navigateur.
• Embellisseur d’agrégations MongoDB — Embellissez et indentez les pipelines d’agrégation MongoDB dans votre navigateur.
• Explorateur MongoDB — Explorez un échantillon de document ou de collection MongoDB et déduisez le schéma et les types de ses champs.
• Formateur OpenAPI / Swagger — Formatez et validez des spécifications OpenAPI / Swagger (JSON ou YAML) et comptez les chemins et opérations.
• Convertisseur d’unités CSS — Convertissez px, rem, em, pt et % en direct selon une taille racine.
• Convertisseur glob vers regex — Convertissez un motif glob en regex JavaScript et testez-le.
• HTML vers Markdown — Convertissez du HTML en Markdown propre avec tableaux GFM.
• Formateur TOML — Formatez du TOML et convertissez-le vers et depuis JSON.
• Convertisseur logfmt vers JSON — Convertissez des logs logfmt key=value en JSON et inversement, avec valeurs entre guillemets et conversion de types.
• dotenv vers JSON — Convertit un fichier .env en objet JSON et le JSON de nouveau en .env.
• CSV vers table Markdown — Transforme du CSV ou du TSV en une table Markdown façon GitHub.
• INI vers JSON — Convertit une config INI avec sections en JSON, et inversement.
• Générateur de tableau Markdown — Construisez un tableau Markdown dans une grille éditable ; exportez GFM, HTML, LaTeX et plus.
• Convertisseur de taille de données — Convertissez entre octets, bits et unités décimales et binaires (KB, MB, GB, KiB, MiB).
• Properties vers JSON — Convertissez .properties Java en JSON et inversement, dans le navigateur.

Foire aux questions

Que puis-je faire avec les formateurs de code d’ArrayKit ?

Embellir ou minifier du code, mettre en forme du SQL, passer un Dockerfile au linter et formater du GraphQL, des requêtes MongoDB, des spécifications OpenAPI et du TOML. Vous pouvez aussi convertir des configurations entre YAML, TOML, INI, .env, .properties Java, logfmt et JSON, prévisualiser du Markdown et du MDX, transformer du HTML ou du CSV en Markdown, créer des tableaux Markdown et afficher des diagrammes Mermaid. Pour les vérifications rapides, il y a le Testeur de regex, le Convertisseur glob vers regex, Comparer du texte, le Vérificateur de contraste et l’Explorateur MongoDB, ainsi que des convertisseurs de couleurs CSS, d’unités CSS et de tailles de données.

Quels langages puis-je embellir ou minifier ?

Vous pouvez embellir et minifier le CSS, le SCSS et le LESS, le HTML, le XML et le GraphQL, et embellir le JavaScript, le TypeScript, le JSX et le TSX, la minification étant disponible pour le JavaScript simple. Le Formateur SQL prend en charge MySQL, PostgreSQL, SQL Server, SQLite, BigQuery et Oracle. Les Dockerfiles, les requêtes MongoDB et les spécifications OpenAPI ont chacun leur outil (Formateur de Dockerfile, Formateur de requêtes MongoDB et Formateur OpenAPI / Swagger), et l’Optimiseur SVG allège le balisage SVG. Le JSON dispose de son propre formateur et de sa visionneuse dans les outils JSON.

Puis-je coller du code privé ou propriétaire en toute sécurité ?

Oui. Chaque formateur et convertisseur s’exécute dans votre navigateur : code source, SQL, fichiers de configuration et valeurs d’un fichier .env sont traités sur votre appareil et ne sont jamais envoyés à un serveur. Vous pouvez formater du code propriétaire sans qu’il quitte votre machine.

Le formatage change-t-il le fonctionnement de mon code ?

L’embellissement est censé ne modifier que l’apparence du code : indentation, retours à la ligne, espacement et style des guillemets. La minification supprime les espaces et les commentaires pour alléger les fichiers et, pour le JavaScript, compacte aussi le code. Certaines options modifient volontairement le contenu : trier les propriétés CSS les réordonne, et supprimer les déclarations en double ne conserve que la dernière valeur de chaque propriété, ce qui peut faire disparaître une solution de repli voulue. Comparez le résultat avec Comparer du texte et testez-le avant de le livrer.

Comment convertir des fichiers de configuration entre YAML, TOML, INI, .env et JSON ?

Choisissez le convertisseur adapté : YAML ↔ JSON et le Formateur TOML fonctionnent dans les deux sens, INI vers JSON transforme les [sections] en objets imbriqués et inversement, et dotenv vers JSON convertit les fichiers .env en JSON et inversement en gérant les valeurs entre guillemets, les commentaires et les préfixes export. Properties vers JSON peut imbriquer les clés à points comme db.host, et le Convertisseur logfmt vers JSON transforme des lignes de journal clé=valeur en objets JSON et inversement.