Merge pull request #267 from FlowiseAI/feature/DomPurify

Feature/Add ability to render HTML tags

Author: HenryHengZJ

README.md

@@ -137,6 +137,7 @@ You can also customize chatbot with different configuration
         starterPromptFontSize: 15,
         clearChatOnReload: false, // If set to true, the chat will be cleared when the page reloads
         sourceDocsTitle: 'Sources:'
+        renderHTML: true,
         botMessage: {
           backgroundColor: '#f7f8ff',
           textColor: '#303235',

dist/components/Bot.d.ts

@@ -99,6 +99,7 @@ export type BotProps = {
     clearChatOnReload?: boolean;
     disclaimer?: DisclaimerPopUpTheme;
     dateTimeToggle?: DateTimeToggleTheme;
+    renderHTML?: boolean;
 };
 export type LeadsConfig = {
     status: boolean;

dist/components/Bot.d.ts.map

@@ -9,6 +9,7 @@ type Props = {
     backgroundColor?: string;
     textColor?: string;
     fontSize?: number;
+    renderHTML?: boolean;
 };
 export declare const AgentReasoningBubble: (props: Props) => import("solid-js").JSX.Element;
 export {};

dist/components/bubbles/AgentReasoningBubble.d.ts

@@ -18,6 +18,7 @@ type Props = {
     dateTimeToggle?: DateTimeToggleTheme;
     showAgentMessages?: boolean;
     sourceDocsTitle?: string;
+    renderHTML?: boolean;
     handleActionClick: (label: string, action: IAction | undefined | null) => void;
     handleSourceDocumentsClick: (src: any) => void;
 };

dist/components/bubbles/AgentReasoningBubble.d.ts.map

@@ -9,6 +9,7 @@ type Props = {
     backgroundColor?: string;
     textColor?: string;
     fontSize?: number;
+    renderHTML?: boolean;
 };
 export declare const GuestBubble: (props: Props) => import("solid-js").JSX.Element;
 export {};