Back to flin
flin

Le bug de rendu des espaces blancs HTML

Comment le lexer de FLIN mangeait silencieusement les espaces blancs entre le texte et les liaisons dynamiques, causant l'échec de 23 tests temporels sur une logique correcte.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 3 min flin
EN/ FR/ ES
flinbughtmlwhitespacerenderingbrowser

Il existe une frustration spéciale réservée aux bugs où la logique est correcte mais la sortie est fausse. Vous avez vérifié chaque étape intermédiaire. Les données circulent à travers le système avec précision. Le calcul produit les bonnes valeurs. Et pourtant le résultat final, ce que l'utilisateur voit réellement, est subtilement cassé -- non pas à cause d'une erreur de logique mais à cause d'un défaut de rendu.

Le 7 janvier 2026, nous venions de corriger le bug de gestion du None qui avait débloqué le modèle temporel de FLIN. Quatre de nos 27 tests d'intégration temporels passaient désormais. Les 23 restants échouaient, et à première vue, les échecs ressemblaient à des erreurs de logique temporelle. Mais ils ne l'étaient pas. Les valeurs temporelles étaient toutes correctes. Le bug était dans la façon dont les espaces blancs étaient gérés entre le texte statique et les liaisons dynamiques dans la sortie HTML.

La cause racine

Le problème vivait dans le lexer de FLIN, spécifiquement dans la façon dont il gérait les nœuds de texte pendant le scan en mode vue. Le lexer appelait .trim() sur le nœud de texte entier, supprimant l'espace de fin dans "Current: " et produisant "Current:".

L'algorithme Smart Trim

Nous avons remplacé le .trim() global par une fonction smart_trim_text() qui gère les deux cas :

rustfn smart_trim_text(&self, text: &str) -> String {
    if !text.contains('\n') {
        // Inline text -- preserve all whitespace
        return text.to_string();
    }

    // Multi-line text -- trim indentation
    // ...
}

L'algorithme est simple : si le texte ne contient pas de sauts de ligne, le retourner inchangé. S'il contient des sauts de ligne, supprimer itérativement les séquences de saut de ligne plus indentation en début et fin. Cela préserve les espaces en ligne tout en supprimant l'indentation de formatage.

Les résultats

L'impact était immédiat et spectaculaire :

MétriqueAvantAprès
Tests temporels passant4/27 (15 %)11/27 (41 %)
Tests de bibliothèque1 010/1 0101 010/1 010
Espaces blancs préservésNonOui

Sept tests temporels supplémentaires ont commencé à passer, non pas parce que nous avions changé une logique temporelle, mais parce que le rendu affichait maintenant correctement les valeurs temporelles qui étaient correctes depuis le début.

C'était le troisième bug dans une chaîne qui bloquait le modèle temporel. Chaque bug était indépendant. Chacun avait une cause racine différente dans un composant différent (VM, synchronisation de base de données, lexer). Pourtant ensemble ils formaient une chaîne qui faisait paraître le modèle temporel complètement cassé alors que, en fait, la logique temporelle fonctionnait correctement depuis la Session 070.


Ceci est la partie 159 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont conçu et construit un langage de programmation à partir de zéro.

Navigation de la série : - [158] Le bug de gestion du None - [159] Le bug de rendu des espaces blancs HTML (vous êtes ici) - [160] Quand la VM s'est bloquée sur la création d'entités

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16