From 3d09ad18181870cbe15ec369168f1443ddef9d6c Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Wed, 29 May 2024 08:50:02 +0200
Subject: [PATCH] :children_crossing: Properly parse single break lines in
 streaming bubble

---
 packages/embeds/js/package.json               |  2 +-
 .../components/bubbles/StreamingBubble.tsx    | 22 ++++++++++++++-----
 packages/embeds/nextjs/package.json           |  2 +-
 packages/embeds/react/package.json            |  2 +-
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index 6733d8e38..1f8f4f051 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.2.84",
+  "version": "0.2.85",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx b/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx
index 000d219a8..460aa49f4 100644
--- a/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx
+++ b/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx
@@ -27,15 +27,25 @@ export const StreamingBubble = (props: Props) => {
         .map((block, index) => {
           if (index % 2 === 0) {
             return block.split('\n\n').map((line) =>
-              domPurify.sanitize(marked.parse(line.replace(/【.+】/g, '')), {
-                ADD_ATTR: ['target'],
-              })
+              domPurify.sanitize(
+                marked.parse(line.replace(/【.+】/g, ''), {
+                  breaks: true,
+                }),
+                {
+                  ADD_ATTR: ['target'],
+                }
+              )
             )
           } else {
             return [
-              domPurify.sanitize(marked.parse('```' + block + '```'), {
-                ADD_ATTR: ['target'],
-              }),
+              domPurify.sanitize(
+                marked.parse('```' + block + '```', {
+                  breaks: true,
+                }),
+                {
+                  ADD_ATTR: ['target'],
+                }
+              ),
             ]
           }
         })
diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
index 3c4aa20a1..5b7228463 100644
--- a/packages/embeds/nextjs/package.json
+++ b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.84",
+  "version": "0.2.85",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index 78f8fb666..c0d3a84a4 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.2.84",
+  "version": "0.2.85",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",