LLM stream to generate markdown text and insert to editor

[laotala828]

Hello! I'm quite new to Lexical and have been experimenting with using AI streams to create markdown text in an editor.
Typing directly into the editor works fine.

keyboard.mov

But I'm encountering issues when trying to insert text from the AI stream into the editor.

llm.mov

Currently, I'm using selection.insertRawText(chunk) for this purpose. Could you help me figure out if I'm missing something? Thanks a lot!

[jessequartey]

Hello were you able to figure it out.

[whoisandy]

@laotala828 What you might need is a markdown to lexical state transformer and vice versa (optional). As the text streams in markdown, the editors internal state can be constructed.

[peterzagoranski]

I had a similar issue. U can solve this if u replace selection.insertRawText(chunk) with:

import { $convertFromMarkdownString, TRANSFORMERS } from '@lexical/markdown';
$convertFromMarkdownString(chunk, TRANSFORMERS, selection?.getNodes()?.[0]);

but in my case i'm not streaming chunk by chunk ... but instead I wait for the whole result and add this result only once ...