🚸 Properly parse single break lines in streaming bubble

baptisteArno · May 29, 2024 · 3d09ad1 · 3d09ad1
1 parent 176e3a5
commit 3d09ad1
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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",