🚸 (openai) Improve streamed message lists CSS

baptisteArno · Oct 6, 2023 · b232a94 · b232a94 · vercel · Oct 6, 2023
1 parent 0ba13b4
commit b232a94
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 11 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.0",
+  "version": "0.2.1",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

diff --git a/packages/embeds/js/src/assets/index.css b/packages/embeds/js/src/assets/index.css
@@ -98,6 +98,22 @@ a {
   text-decoration: underline;
 }
 
+ul,
+ol {
+  list-style-position: inside;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+ul {
+  list-style-type: disc;
+}
+
 .slate-bold {
   font-weight: bold;
 }

diff --git a/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx b/packages/embeds/js/src/components/bubbles/StreamingBubble.tsx
@@ -7,17 +7,17 @@ type Props = {
   streamingMessageId: string
 }
 
-marked.use({
-  renderer: {
-    link: (href, _title, text) => {
-      return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`
-    },
-  },
-})
-
 export const StreamingBubble = (props: Props) => {
   const [content, setContent] = createSignal<string>('')
 
+  marked.use({
+    renderer: {
+      link: (href, _title, text) => {
+        return `<a href="${href}" target="_blank" rel="noopener noreferrer">${text}</a>`
+      },
+    },
+  })
+
   createEffect(() => {
     if (streamingMessage()?.id === props.streamingMessageId)
       setContent(

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.0",
+  "version": "0.2.1",
   "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.0",
+  "version": "0.2.1",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",