From 97c0fee0b2c4b15e8832ff6d1df67100a03f4285 Mon Sep 17 00:00:00 2001
From: NamH <NamNh0122@gmail.com>
Date: Thu, 4 Jan 2024 17:08:47 +0700
Subject: [PATCH] fix(Message): open link with external browser (#1339)

* fix(Message): #1321 open link with external browser

Signed-off-by: James <james@jan.ai>

---------

Signed-off-by: James <james@jan.ai>
Co-authored-by: James <james@jan.ai>
---
 web/screens/Chat/SimpleTextMessage/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/screens/Chat/SimpleTextMessage/index.tsx b/web/screens/Chat/SimpleTextMessage/index.tsx
index 75ce5b24a..11e34442a 100644
--- a/web/screens/Chat/SimpleTextMessage/index.tsx
+++ b/web/screens/Chat/SimpleTextMessage/index.tsx
@@ -5,7 +5,7 @@ import { ChatCompletionRole, MessageStatus, ThreadMessage } from '@janhq/core'
 import hljs from 'highlight.js'
 
 import { useAtomValue } from 'jotai'
-import { Marked } from 'marked'
+import { Marked, Renderer } from 'marked'
 
 import { markedHighlight } from 'marked-highlight'
 
@@ -30,7 +30,7 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
   }
   const clipboard = useClipboard({ timeout: 1000 })
 
-  const marked = new Marked(
+  const marked: Marked = new Marked(
     markedHighlight({
       langPrefix: 'hljs',
       highlight(code, lang) {
@@ -46,6 +46,11 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
     }),
     {
       renderer: {
+        link: (href, title, text) => {
+          return Renderer.prototype.link
+            ?.apply(this, [href, title, text])
+            .replace('<a', "<a target='_blank'")
+        },
         code(code, lang, escaped) {
           return `
           <div class="relative code-block group/item">