A principal inovação do Streamdown está em seu sistema de reparo de sintaxe em tempo real, que consiste em um mecanismo de processamento de três camadas: a camada de análise léxica usa uma janela deslizante para detectar marcação incompleta, a camada de análise de sintaxe constrói uma árvore AST elástica para acomodar nós temporários e a camada de renderização realiza transições suaves por meio de atualizações virtuais de diferenças DOM. Casos específicos mostram que, ao processar um bloco de código que está sendo gerado pela IA (que normalmente leva 10 segundos para ser concluído), o componente consegue criar uma estrutura de realce de código em 1 segundo após o surgimento da marcação e, posteriormente, preencher gradualmente o conteúdo.
O mecanismo é compatível com 12 elementos Markdown, incluindo listas aninhadas, cabeçalhos de vários níveis etc., com uma precisão de recuperação de erros de 92,3%. Nos testes internos da Vercel, em comparação com o componente react-markdown padrão, sua taxa de sucesso de renderização parcial foi aprimorada de 58% para quase 100%.
Essa resposta foi extraída do artigoStreamdown: um renderizador Markdown projetado para capacidade de resposta de fluxo de IAO
