Merge pull request #176 from okisdev/feat/markdown

feat: allow user message with markdown

Author: okisdev

components/landing/main/chat-content.tsx

@@ -36,6 +36,8 @@ const MainContent = ({
 
     const [isSpeaking, setIsSpeaking] = useState<boolean>(false);
 
+    const enableUserMarkdownRender = useAtomValue(store.enableUserMarkdownRenderAtom);
+
     useEffect(() => {
         if (endOfMessageRef.current) {
             endOfMessageRef.current.scrollIntoView({ behavior: 'smooth' });
@@ -155,7 +157,7 @@ const MainContent = ({
                                     isUser ? 'bg-sky-500 text-white dark:bg-sky-600' : 'bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white'
                                 }`}
                             >
-                                {!isUser ? renderMarkdownMessage(message.content) : renderUserMessage(message.content)}
+                                {isUser && !enableUserMarkdownRender ? renderUserMessage(message.content) : renderMarkdownMessage(message.content)}
                                 {streamResponse}
                             </div>
                         </div>

components/landing/side/side-app-settings.tsx

@@ -58,11 +58,18 @@ const SideAppSettings = ({ user }: { user: User | null }) => {
 
     const [enableAutoSpeech, setEnableAutoSpeech] = useAtom(store.autoSpeechAtom);
 
+    const [enableUserMarkdownRender, setEnableUserMarkdownRender] = useAtom(store.enableUserMarkdownRenderAtom);
+
     const handleSwitchAutoSpeech = () => {
         setEnableAutoSpeech(!enableAutoSpeech);
         toast.success(`${t('Auto Speech')} ${enableAutoSpeech ? t('disabled') : t('enabled')}`);
     };
 
+    const handleSwitchUserMarkdownRender = () => {
+        setEnableUserMarkdownRender(!enableUserMarkdownRender);
+        toast.success(`${t('User Markdown Render')} ${enableUserMarkdownRender ? t('disabled') : t('enabled')}`);
+    };
+
     // Search
     const [searchEngine, setSearchEngine] = useState<string>(searchEnginesList[0].name);
     const [searchEngineID, setSearchEngineID] = useState<string>('');
@@ -452,6 +459,10 @@ const SideAppSettings = ({ user }: { user: User | null }) => {
                                 </button>
                             </Tippy>
                         </div>
+                        <div className='flex items-center space-x-1'>
+                            <Switch checked={enableUserMarkdownRender} onCheckedChange={handleSwitchUserMarkdownRender} />
+                            <Label className='px-1 font-normal'>{t('Render user message using Markdown')}</Label>
+                        </div>
                     </div>
                     <Separator />
                     <Tabs defaultValue='provider' className='h-full w-full space-y-5'>

hooks/store.ts

@@ -21,6 +21,7 @@ const contextModeAtom = atomWithStorage<{
     enable: false,
     contextCount: 0,
 });
+const enableUserMarkdownRenderAtom = atomWithStorage<boolean>('enableUserMarkdownRender', false);
 
 // Text to Speech Config
 const textToSpeechConfigAtom = atomWithStorage('textToSpeechConfig', {
@@ -109,6 +110,7 @@ export default {
     enableSystemPrompt,
     enablePluginsAtom,
     contextModeAtom,
+    enableUserMarkdownRenderAtom,
     textToSpeechConfigAtom,
     autoSpeechAtom,
     searchConfigAtom,

locales/de.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "Alle Antworten automatisch vorlesen",
     "disabled": "deaktiviert",
     "enabled": "aktiviert",
-    "New Version Available": "Neue Version verfügbar"
+    "New Version Available": "Neue Version verfügbar",
+    "Render user message using Markdown": "Benutzernachricht mit Markdown rendern"
   },
   "auth": {
     "Home": "Startseite",

locales/en.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "Auto read out all replies",
     "disabled": "disabled",
     "enabled": "enabled",
-    "New Version Available": "New Version Available"
+    "New Version Available": "New Version Available",
+    "Render user message using Markdown": "Render user message using Markdown"
   },
   "auth": {
     "Home": "Home",

locales/es.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "Leer automáticamente todas las respuestas",
     "disabled": "deshabilitado",
     "enabled": "habilitado",
-    "New Version Available": "Nueva Versión Disponible"
+    "New Version Available": "Nueva Versión Disponible",
+    "Render user message using Markdown": "Renderizar mensaje de usuario usando Markdown"
   },
   "auth": {
     "Home": "Inicio",

locales/fr.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "Lire automatiquement toutes les réponses",
     "disabled": "désactivé",
     "enabled": "activé",
-    "New Version Available": "Nouvelle Version Disponible"
+    "New Version Available": "Nouvelle Version Disponible",
+    "Render user message using Markdown": "Rendre le message de l'utilisateur en utilisant Markdown"
   },
   "auth": {
     "Home": "Accueil",

locales/ja.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "すべての返信を自動的に読み上げる",
     "disabled": "無効になっています",
     "enabled": "有効になっています",
-    "New Version Available": "新しいバージョンが利用可能です"
+    "New Version Available": "新しいバージョンが利用可能です",
+    "Render user message using Markdown": "Markdownを使用してユーザーメッセージをレンダリングする"
   },
   "auth": {
     "Home": "ホーム",

locales/kr.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "모든 응답을 자동으로 읽어줍니다",
     "disabled": "비활성화됨",
     "enabled": "활성화됨",
-    "New Version Available": "새 버전이 있습니다"
+    "New Version Available": "새 버전이 있습니다",
+    "Render user message using Markdown": "마크다운을 사용하여 사용자 메시지 렌더링"
   },
   "auth": {
     "Home": "홈",

locales/ru.json

@@ -118,7 +118,8 @@
     "Auto read out all replies": "Автоматически прочитать все ответы",
     "disabled": "отключено",
     "enabled": "включено",
-    "New Version Available": "Доступна новая версия"
+    "New Version Available": "Доступна новая версия",
+    "Render user message using Markdown": "Отображать сообщение пользователя с помощью Markdown"
   },
   "auth": {
     "Home": "Главная",