MdBin passe au niveau supérieur : du pipeline de démarques personnalisé au streaming

DEV - 17/01
L'évolution continue Il y a quelques semaines, j'ai présenté MdBin, un utilitaire gratuit de partage...

L'évolution continue

Il y a quelques semaines, j'ai présenté MdBin, un utilitaire gratuit permettant de partager des démarques magnifiquement rendues. La réponse a été incroyable et les gens l'utilisaient exactement comme je l'espérais : partageant les résultats du LLM, les extraits de documentation et les notes formatées sans les frictions des paywalls ou du formatage mutilé.

Mais voici le problème avec la construction en public : vous n'arrêtez jamais d'itérer.

Aujourd'hui, je suis ravi de partager une mise à niveau importante sous le capot : la migration d'un système personnalisédémarquer+ Pipeline Shiki vers Streamdown, le nouveau remplacement immédiat de Vercel pour réagir-markdown.

L'ancienne configuration : cela fonctionnait, mais

Mon implémentation originale était solide. j'ai utilisédémarque-it-asyncavec@shikijs/markdown-itpour la coloration syntaxique :

importer { fromAsyncCodeToHtml } depuis '@shikijs/markdown-it/async' importer MarkdownItAsync depuis 'markdown-it-async' importer { codeToHtml } depuis 'shiki' const md = MarkdownItAsync({ html : true, xhtmlOut : true, linkify : true, typographe : true, breaks : true, }) md.use( fromAsyncCodeToHtml(codeToHtml, { thèmes : { light : 'github-light', dark : 'github-dark', }, defaultColor : false, cssVariablePrefix : '--shiki-', }) ) fonction d'exportation asynchrone renderMarkdown(content : string) : Promesse{ const html = attendre md.renderAsync(content) return html }
Entrer en mode plein écran Quitter le mode plein écran

Ensuite, dans mon...
[Courte citation de 8% de l'article original]