fix escaping issue. fixes #27

iansinnott · Jan 29, 2024 · aa30461 · aa30461
1 parent d3d811f
commit aa30461
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/lib/components/ChatMessageItem.svelte b/src/lib/components/ChatMessageItem.svelte
@@ -6,6 +6,7 @@
   import IconBrain from "./IconBrain.svelte";
   import IconVerticalDots from "./IconVerticalDots.svelte";
   import CodeBlock from "./CodeBlock.svelte";
+  import MarkdownHtmlBlock from "./MarkdownHtmlBlock.svelte";
   import "./markdown.css";
   import { currentlyEditingMessage, inProgressMessageId } from "$lib/stores/stores";
   import { onMount } from "svelte";
@@ -103,7 +104,13 @@
       <!-- User input is not considered markdown, but whitespace should be respected -->
       <p class="whitespace-pre-wrap">{item.content}</p>
     {:else}
-      <SvelteMarkdown source={item.content || NBSP} renderers={{ code: CodeBlock }} />
+      <SvelteMarkdown
+        source={item.content || NBSP}
+        renderers={{
+          code: CodeBlock,
+          html: MarkdownHtmlBlock,
+        }}
+      />
     {/if}
 
     <!-- All this markup to accomplish a smooth animation -->

diff --git a/src/lib/components/MarkdownHtmlBlock.svelte b/src/lib/components/MarkdownHtmlBlock.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+  import classNames from "classnames";
+  let _class: string = "";
+  export { _class as class };
+  export let text: string;
+</script>
+
+<span class={classNames("MarkdownHtmlBlock", _class)}>{text}</span>