[Demo] Render markdown in the stream example

Author: valtzu

demo/src/Stream/Chat.php

@@ -57,8 +57,7 @@ public function getAssistantResponse(MessageBag $messages): \Generator
 
         $response = '';
         foreach ($stream as $chunk) {
-            yield $chunk;
-            $response .= $chunk;
+            yield $response .= $chunk;
         }
 
         $assistantMessage = Message::ofAssistant($response);

demo/src/Stream/TwigComponent.php

@@ -77,15 +77,8 @@ public function streamContent(Request $request): EventStreamResponse
             $request->setSession($actualSession);
             $response = $this->chat->getAssistantResponse($messages);
 
-            $thinking = true;
-            foreach ($response as $chunk) {
-                // Remove "Thinking..." when we receive something
-                if ($thinking && trim($chunk)) {
-                    $thinking = false;
-                    yield new ServerEvent(explode("\n", $this->renderBlockView('_stream.html.twig', 'start')));
-                }
-
-                yield new ServerEvent(explode("\n", $this->renderBlockView('_stream.html.twig', 'partial', ['part' => $chunk])));
+            foreach ($response as $partialMessage) {
+                yield new ServerEvent(explode("\n", $this->renderBlockView('_stream.html.twig', 'update', ['message' => $partialMessage])));
             }
 
             yield new ServerEvent(explode("\n", $this->renderBlockView('_stream.html.twig', 'end', ['message' => $response->getReturn()])));

demo/templates/_stream.html.twig

@@ -1,9 +1,5 @@
-{% block start %}
-    <twig:Turbo:Stream:Update target="#bot-message-streamed"/>
-{% endblock %}
-
-{% block partial %}
-    <twig:Turbo:Stream:Append target="#bot-message-streamed">{{ part }}</twig:Turbo:Stream:Append>
+{% block update %}
+    <twig:Turbo:Stream:Update target="#bot-message-streamed">{{ message|markdown_to_html }}</twig:Turbo:Stream:Update>
 {% endblock %}
 
 {% block end %}