Mawy
Un éditeur Markdown qui fait aussi la lecture, livré en bibliothèque React et en paquet Flutter. On écrit sur le document tel qu’il sera ou sur la source, on passe de l’un à l’autre d’un clic, et le texte fini part dans une visionneuse en lecture seule qui le rend exactement pareil.
À propos de ce projet
Mawy est un éditeur Markdown et une visionneuse Markdown bâtis en une seule bibliothèque, pour React et pour Flutter. Un éditeur et un moteur de rendu maintenu à part finissent par diverger sur quelque chose — un tableau, une liste imbriquée, un bloc de code — et le document que l’auteur a validé cesse alors d’être celui que reçoit le lecteur. Ici les deux moitiés partagent le même analyseur et le même moteur de rendu : ce qui a été tapé est ce qui est lu.
L’éditeur, ce sont deux vues d’un même document et non deux éditeurs. La source Markdown avec sa coloration syntaxique et la page composée sont à un clic l’une de l’autre, chaque commande de la barre de mise en forme est aussi un raccourci clavier, et passer de l’une à l’autre ne perd rien que l’autre vue n’aurait pas su exprimer. Sous la coloration se trouve un vrai textarea, ce qui garde intacts l’historique d’annulation du navigateur, la composition des méthodes de saisie et le clavier mobile. La visionneuse est un lecteur achevé : police, corps, interligne, approche, largeur de colonne, clair ou sombre, et un sommaire des titres — rien de tout cela ne touche au document. Sans document à afficher, elle est un sélecteur de fichiers : y déposer un .md, voilà à quoi sert son état vide.
L’installation, c’est le paquet et une ligne de CSS. Tout ce que la bibliothèque dessine passe par des propriétés personnalisées --mawy-*, si bien que changer de thème consiste à redéclarer un token sur un élément englobant plutôt qu’à l’emporter en spécificité sur une règle, et le mode sombre est l’un de ces tokens. Rien n’est téléchargé : le menu des polices propose celles que la machine du lecteur possède déjà, et les treize familles sous licence libre fournies avec ne servent que si l’application les passe elle-même. Le Markdown devient des éléments et non une chaîne de HTML, il n’y a donc pas d’innerHTML entre le document et la page. Le paquet React est en ESM uniquement, embarque les déclarations TypeScript et n’a qu’une seule dépendance d’exécution, celle des icônes de la barre.
Fonctionnalités
Site de documentation
Types TypeScript
Plusieurs langues
Vérifié par des tests
Multiplateforme
Accessible par construction
Mode sombre
Compatible tree shaking