# Référence : langages colorés > Description neutre des fichiers que Turbo JS colore, de la façon dont il décide, et de ce que chaque scanner reconnaît. ## Reconnaissance L'**extension** d'un fichier décide dès qu'elle est l'une de celles-ci : | Extension | Langage | | --- | --- | | `.js`, `.mjs`, `.cjs` | JavaScript | | `.json`, `.jsonc` | JSON | | `.toml` | TOML | | `.yaml`, `.yml` | YAML | | `.md`, `.markdown` | Markdown | | `.html`, `.htm` | HTML | | `.xml`, `.xsd`, `.xsl`, `.xslt`, `.svg`, `.plist`, `.csproj`, `.pom` | XML | | `.sh`, `.bash`, `.zsh` | Shell | | `.dockerfile`, `.containerfile` | Dockerfile | Les extensions sont comparées sans tenir compte de la casse, et seule la dernière compte : `notes.js.md` est du Markdown, `main.js.backup` n'est pas du JavaScript, et `main.test.js` est du JavaScript. Un fichier dont l'extension ne décide rien est ensuite cherché par son **nom**. Seuls les fichiers sans extension utile en ont besoin : | Nom | Langage | | --- | --- | | `Dockerfile`, `Containerfile` | Dockerfile | Un nom correspond sur sa totalité ou sur la partie avant le premier point, sans tenir compte de la casse — `Dockerfile`, `dockerfile` et `Dockerfile.dev` sont donc tous reconnus, tandis que `Dockerfile.md` est du Markdown, parce que l'extension est consultée d'abord. Un fichier que ni l'une ni l'autre table ne réclame est lu par sa **première ligne**. Un shebang nommant `node` en fait du JavaScript : un outil en ligne de commande écrit en JavaScript est un fichier sans extension dont la première ligne est `#!/usr/bin/env node`, et Node retire cette ligne avant de parser. Un shebang nommant un shell — `sh`, `bash`, `zsh`, `dash` ou `ksh` — en fait un script shell. L'interpréteur est reconnu comme élément de chemin ou comme argument d'`env`. | Première ligne | Résultat | | --- | --- | | `#!/usr/bin/env node` | JavaScript | | `#!/usr/local/bin/node` | JavaScript | | `#!/usr/bin/env -S node --no-warnings` | JavaScript | | `#!/bin/sh` | Shell | | `#!/usr/bin/env bash` | Shell | | `#!/usr/bin/env python3` | Non coloré | | Tout ce qui ne commence pas par `#!` | Non coloré | L'ordre est fixe — extension, puis nom, puis première ligne — et le premier qui décide l'emporte. Tout le reste est affiché en texte brut. Ce n'est pas une erreur — ouvrir un PNG dans l'éditeur n'est pas une faute, c'est juste non coloré. En particulier, **TypeScript (`.ts`, `.tsx`), JSX (`.jsx`) et CSS ne sont pas colorés** : le serveur de langage sert les fichiers `.ts` quand même, mais le scanner ici est pour JavaScript. ## Classes Chaque scanner produit le même vocabulaire de classes, et chacune correspond à une clé de thème. | Classe | Clé de thème | Produite par | | --- | --- | --- | | `identifier` | `syntax.identifier` | JavaScript, JSON (un mot nu, qui n'est pas du JSON), TOML, shell, YAML, Dockerfile | | `keyword` | `syntax.keyword` | JavaScript, shell, HTML (doctype), XML, Dockerfile | | `type` | `syntax.type` | JavaScript (noms de classes et noms capitalisés), TOML (en-têtes de table), YAML (tags) | | `builtin` | `syntax.builtin` | JavaScript (les globales de la bibliothèque standard et de Node), shell (builtins et expansions), YAML (ancres et alias), Dockerfile (variables) | | `constant` | `syntax.constant` | JavaScript, JSON, TOML, shell, YAML, HTML et XML (entités) | | `function` | `syntax.function` | JavaScript, shell (la commande) | | `string` | `syntax.string` | tous | | `char` | `syntax.char` | JavaScript (littéraux d'expressions régulières) | | `number` | `syntax.number` | JavaScript, JSON, TOML, shell, YAML, Dockerfile | | `comment` | `syntax.comment` | JavaScript, JSON, TOML, shell, HTML, YAML, XML, Dockerfile | | `operator` | `syntax.operator` | JavaScript, TOML, shell, HTML, YAML (en-têtes de scalaires bloc), XML, Dockerfile | | `punctuation` | `syntax.punctuation` | JavaScript, JSON, TOML, shell, Markdown, YAML, Dockerfile | | `heading` | `syntax.heading` | Markdown | | `tag` | `syntax.tag` | HTML, XML | | `attribute` | `syntax.attribute` | JSON (clés), JavaScript (décorateurs), HTML, XML, Dockerfile (options) | | `emphasis` | `syntax.emphasis` | Markdown | | `link` | `syntax.link` | Markdown | JavaScript ne produit aucune portée `heading`, `tag`, `emphasis` ou `link`. Dans `turbo-classic`, `syntax.number` et `syntax.constant` sont tous deux magenta et `syntax.char` a le vert de `syntax.string`, si bien que `42` et `true` partagent une couleur là, et `/re/` et `"re"` aussi ; d'autres thèmes les séparent. Voir [écrire son propre thème](../how-to/write-a-theme.md) pour changer cela. ## JavaScript Écrit à la main, dans `internal/jslang`, et enregistré sous le même nom que le scanner que turbo-core livre pour JavaScript, qu'il remplace. Ce qu'il ajoute à celui de la bibliothèque : les littéraux d'expressions régulières, la ligne de hashbang, les globales de Node, le nom après `function` et `class`, les noms privés, les décorateurs, et une majuscule initiale lue comme un nom de classe. **Deux constructions franchissent une ligne**, et sont portées à la ligne suivante : un commentaire bloc `/* … */` jusqu'à son `*/` fermant, et un littéral de gabarit `` `…` `` jusqu'à son accent grave fermant. Aucune des deux ne s'imbrique. Une chaîne ordinaire `'…'` ou `"…"` ne franchit **pas** une ligne : une chaîne non terminée est colorée jusqu'à la fin de sa ligne, et la ligne suivante est de nouveau du code. | Reconnu | Comme | | --- | --- | | `as`, `async`, `await`, `break`, `case`, `catch`, `class`, `const`, `continue`, `debugger`, `default`, `delete`, `do`, `else`, `export`, `extends`, `finally`, `for`, `from`, `function`, `get`, `if`, `import`, `in`, `instanceof`, `let`, `new`, `of`, `return`, `set`, `static`, `super`, `switch`, `throw`, `try`, `typeof`, `var`, `void`, `while`, `with`, `yield`, et les réservés `enum`, `implements`, `interface`, `package`, `private`, `protected`, `public` | mot-clé | | `true`, `false`, `null`, `undefined`, `NaN`, `Infinity`, `this` | constante | | les globales de la bibliothèque standard — `Array`, `Object`, `Promise`, `Math`, `JSON`, `Map`, `Set`, `Symbol`, `BigInt`, `Error`, `TypeError`, `parseInt`, `setTimeout`, `structuredClone`, `fetch`, `URL`, … | builtin | | les globales de Node — `process`, `Buffer`, `console`, `require`, `module`, `exports`, `__dirname`, `__filename`, `setImmediate`, `performance`, `crypto` — et `document` et `window` du navigateur | builtin | | le nom après `function`, `function*` ou `async function` — `parse` dans `function parse(input) {}` | fonction | | le nom après `class` — `widget` dans `class widget extends Base {}` | type | | tout autre nom commençant par une majuscule ASCII — `Greeter`, `EventEmitter`, `MyError` — même devant un `(` | type | | tout autre nom immédiatement avant `(` — `compute(3)`, `obj.method()`, `this.#reset()` | fonction | | tout mot après `.` ou `?.`, quelle que soit son orthographe — `map.get(k)` une fonction, `options.default` un nom, `user?.class` un nom | propriété, jamais un mot-clé | | `get`, `set`, `static`, `of`, `from` et `as` devant un `(` — `get(key)` | fonction | | `#count`, un membre privé, `#` compris | identifiant, ou fonction devant `(` | | `@decorator`, `@observable.ref`, chemin pointé compris | attribut | | tout autre nom : une lettre Unicode, `_` ou `$`, puis des lettres, des chiffres et les mêmes — `x`, `$el`, `_`, `café`, `名前` | identifiant | | `"…"`, `'…'` avec les échappements par barre oblique inverse, sur une ligne | chaîne | | `` `…` ``, interpolations `${…}` comprises, sur plusieurs lignes | chaîne | | `/…/gi`, un littéral d'expression régulière, drapeaux compris, là où le token précédent en permet un et qu'un `/` fermant existe sur la ligne | caractère | | `42`, `1_000`, `0xFF`, `0o17`, `0b1010`, `1.5e-3`, `2E+10`, `.5`, `10n`, `0xFFn` | nombre | | `//` jusqu'à la fin de la ligne ; `/* … */` et `/** … */` sur plusieurs lignes | commentaire | | `#!` sur la première ligne du fichier, jusqu'à sa fin | commentaire | | `...` | ponctuation, en une seule portée | | `?.` | opérateur, en une seule portée | | les suites de `+-*/%=<>!&\|^~?:` — dont `=>`, `??`, `===`, `**`, `>>>=` | opérateur | | `()[]{},;` et un `.` seul | ponctuation | **Une barre oblique divise après une valeur et ouvre une expression régulière partout ailleurs.** Après un nom, un nombre, une chaîne, un gabarit, une expression régulière, `)` ou `]`, un `/` est une division. Après un opérateur, `(`, `[`, `{`, `}`, `,`, `;`, `:`, un mot-clé, ou en début de ligne, il ouvre une expression régulière — **à condition qu'un `/` fermant existe sur la même ligne** ; sinon il divise, quoi qu'il y ait avant. Une expression régulière ne peut pas franchir une ligne, cette borne limite donc une mauvaise supposition à une ligne. **Un point rejoint un nombre seulement quand un chiffre le suit**, `1.toString()` est donc le nombre `1`, un point et une méthode. **Le signe après un `e` fait partie du nombre**, sauf dans un littéral hexadécimal, où `0xE+1` est une somme. **Un nom capitalisé est une classe par convention, pas par règle.** JavaScript vous laisse écrire `const Count = 1`, et il est coloré comme une classe quand même, tout comme `MAX_SIZE`. Les classes et les constructeurs sont ce que les gens capitalisent, et la couleur suit les gens. **Non reconnu**, chacun pour une raison énoncée : | Non reconnu | Parce que | | --- | --- | | Le code dans `${…}` d'un gabarit | Le colorer signifie que le scanner rentre en lui-même avec une profondeur d'imbrication à porter, pour une construction qui est d'habitude une courte expression ; tout le littéral est une chaîne | | Un accent grave dans `${…}` | Pour la même raison : il termine le gabarit trop tôt, et le code qui suit est coloré comme du code jusqu'à l'accent grave suivant | | Une expression régulière sans barre oblique fermante sur sa ligne | Elle ne peut pas en être une — le langage interdit un saut de ligne dans le littéral — la barre oblique divise donc | | JSX | `
` est lu comme un opérateur, un nom et un opérateur ; il n'y a pas de HTML dans le JavaScript ici | | Les annotations et les types de TypeScript | Un autre langage ; les fichiers `.ts` ne sont pas colorés du tout | | Les commentaires bloc imbriqués | JavaScript termine un commentaire bloc au premier `*/` ; une profondeur serait une affirmation sur un autre langage | | Une chaîne continuée par une barre oblique inverse finale | La chaîne s'arrête à sa ligne et la ligne suivante est du code ; la continuation est assez rare pour ne pas valoir d'être portée | | Si un nom en `SCREAMING_SNAKE_CASE` est une constante | La majuscule initiale dit classe, et rien dans l'orthographe ne sépare les deux conventions | | `#` comme commentaire | Il n'en est un que dans le hashbang, sur la première ligne ; partout ailleurs `#` commence un nom privé ou est enjambé | | Si un nom est lié dans cette portée | Rien ici ne lit plus d'une ligne à la fois ; c'est la question du serveur de langage, et [F1 y répond](../how-to/ask-about-code.md) | ## JSON Écrit à la main, dans `internal/jslang/json.go`, trente lignes, parce que le langage fait trente lignes : des chaînes, des nombres, trois mots, six signes de ponctuation. C'est le langage dans lequel est écrit le manifeste de chaque projet Node, et turbo-core ne le colore pas. | Reconnu | Comme | | --- | --- | | `"name"` suivi d'un deux-points — une clé | attribut | | `"demo"` partout ailleurs — une valeur | chaîne | | `-12.5e+3`, `42`, `0.5` | nombre | | `true`, `false`, `null` | constante | | `{`, `}`, `[`, `]`, `,`, `:` | ponctuation | | `//` jusqu'à la fin de la ligne ; `/* … */` sur plusieurs lignes | commentaire | | tout mot nu — `undefined`, `NaN`, une clé sans guillemets | identifiant | **Une chaîne est une clé quand un deux-points la suit**, au-delà des espaces éventuels, et une valeur sinon. `{"a" 1}` colore `"a"` comme une valeur : ce n'est pas encore une clé. **Les commentaires sont tolérés, pas approuvés.** Le JSON strict n'en a pas ; `tsconfig.json`, les fichiers `.jsonc` et le fichier de réglages de chaque éditeur en ont, et un scanner qui les peindrait comme cassés aurait tort exactement dans les fichiers les plus susceptibles d'en contenir un. | Non reconnu | Parce que | | --- | --- | | Si le document est du JSON valide | Le scanner colore des tokens ; un mot nu sort comme un identifiant plutôt que d'arrêter la ligne, et une clé dupliquée ressemble à n'importe quelle autre | | Les chaînes entre apostrophes, les virgules finales et le reste de JSON5 | Pas du JSON ; un `'` est enjambé sans couleur | | Une chaîne non terminée qui s'arrête ailleurs qu'à sa ligne | Elle est colorée jusqu'à la fin de la ligne, comme une valeur, et la ligne suivante est de nouveau du JSON | ## TOML | Reconnu | Comme | | --- | --- | | `# commentaire` | commentaire | | `[table]`, `[[tableau]]` | le nom comme type, les crochets comme ponctuation | | `clé =` | identifiant, puis opérateur | | `"basique"`, `'littérale'`, `"""multiligne"""`, `'''multiligne'''` | chaîne | | `true`, `false` | constante | | nombres, dates, heures, `inf`, `nan` | nombre | ## YAML Un fichier compose, un manifeste Kubernetes et un workflow de CI sont tous cela : il n'y a pas de dialecte séparé, parce qu'un dialecte serait le schéma de quelqu'un d'autre à maintenir en phase. | Reconnu | Comme | | --- | --- | | `# commentaire` | commentaire | | `clé:` avant un espace ou la fin de ligne | la clé comme identifiant, le deux-points comme ponctuation | | `"citée": 1`, `'citée': 1` | la clé citée comme identifiant | | `- ` ouvrant un élément de séquence | ponctuation | | `"…"`, `'…'` | chaîne | | `true`, `false`, `yes`, `no`, `on`, `off`, `null` | constante, quelle que soit la casse | | nombres, dates et heures écrits sans guillemets | nombre | | `&ancre`, `*alias` | builtin | | `!!str`, `!Custom` | type | | `---`, `...` | toute la ligne comme ponctuation | | `{`, `}`, `[`, `]`, `,` | ponctuation | | `\|`, `>`, avec leurs indicateurs de troncature et d'indentation | l'en-tête comme opérateur, le corps comme chaîne | **Un deux-points n'est un séparateur que si un espace ou la fin de ligne le suit.** `image: node:24-alpine` est une clé et une valeur, et `url: http://example.com/x` est une clé et une URL — colorer les deux-points intérieurs comme séparateurs mettrait chaque tag d'image et chaque URL en trois couleurs. **L'étendue d'un scalaire bloc est décidée par l'indentation**, pas par un délimiteur. La première ligne de contenu après `|` ou `>` fixe l'indentation du bloc ; chaque ligne indentée au moins autant lui appartient, et la première qui ne l'est pas le termine. **Une ligne vide dans un bloc reste dans le bloc** : un scalaire littéral garde ses lignes vides, et terminer le bloc au premier saut de paragraphe couperait en deux un script shell dans un fichier de CI. **Un `#` a besoin d'un espace devant pour ouvrir un commentaire**, `colour: ff#00aa` est donc un seul scalaire. | Non reconnu | Parce que | | --- | --- | | Le schéma d'un fichier compose, d'un manifeste ou d'un workflow | Colorer `services:` autrement que n'importe quelle clé signifie porter le schéma de quelqu'un d'autre, et il vieillit le jour où ils ajoutent une clé | | Les flux multi-documents comme documents séparés | `---` est coloré, mais rien n'est réinitialisé ; rien dans la coloration ne dépend des frontières de documents | | Si un mot nu est une chaîne ou un nombre pour un parseur | `1.2.3` est une version pour un lecteur et une chaîne pour YAML ; le scanner colore ce à quoi cela ressemble | ## Markdown | Reconnu | Comme | | --- | --- | | `# Titre` … `###### Titre` | toute la ligne comme titre | | `**gras**`, `__gras__`, `*italique*`, `_italique_` | emphase | | `` `code` `` | chaîne | | `[texte](cible)`, `![alt](src)` | le tout comme lien | | `- `, `* `, `+ `, `1. `, `1) ` | le marqueur comme ponctuation | | `>` | ponctuation | | `---`, `***`, `___` | ponctuation | | les clôtures ` ``` ` et `~~~` | tout le bloc, lignes d'ouverture et de fermeture comprises, comme chaîne | Un bloc clôturé est **d'une seule couleur quel que soit le langage annoncé** : ```` ```javascript ```` ne colore pas son contenu comme du JavaScript dans un fichier Markdown. La suite de marqueurs qui ouvre un bloc doit être fermée par le même caractère, une clôture en accents graves n'est donc pas fermée par une en tildes. Une clôture non fermée colore jusqu'à la fin du fichier. La suite de marqueurs ouvrant une emphase doit être fermée par une suite de même longueur, `**gras**` est donc une portée plutôt que deux italiques. ## HTML | Reconnu | Comme | | --- | --- | | ``, `/>` | balise | | les noms d'attributs, dont `data-*`, `xlink:href`, `@click`, `v-bind.prop` | attribut | | `=` | opérateur | | `"…"`, `'…'` | chaîne | | ``, sur plusieurs lignes | commentaire | | `&`, `©` | constante | | `` et les autres déclarations | mot-clé | Le texte entre les balises n'est pas coloré. Un `&` nu sans `;` dans les 32 caractères est laissé tranquille, parce que c'est du texte légal. **Le contenu de `