From eab68271ed904e5470b6cd68b9a1865c9cae5bd7 Mon Sep 17 00:00:00 2001
From: cyrbuzz <cyrbuzz@foxmail.com>
Date: Mon, 13 Jan 2025 11:03:24 +0800
Subject: [PATCH 1/2] feat: add trigger

---
 docs/.vuepress/components/Chatbox.vue            | 16 +++++++++++++++-
 .../.vuepress/components/ConversationMessage.vue |  2 +-
 docs/.vuepress/window.d.ts                       |  6 ++++++
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 docs/.vuepress/window.d.ts

diff --git a/docs/.vuepress/components/Chatbox.vue b/docs/.vuepress/components/Chatbox.vue
index 0ddee57d1bd..087c52096e2 100644
--- a/docs/.vuepress/components/Chatbox.vue
+++ b/docs/.vuepress/components/Chatbox.vue
@@ -70,7 +70,7 @@
 
 <script setup lang="ts">
 import { Popover, Icon, Field } from "vant";
-import { ref } from "vue";
+import { ref, watchEffect } from "vue";
 import ChatCloseIcon from "./icons/ChatCloseIcon.vue";
 import Typography from "./Typography.vue";
 import SubmitIcon from "./icons/SubmitIcon.vue";
@@ -187,6 +187,11 @@ const sendMessage = async () => {
     inputValue.value = "";
     await pushNewMsgToChat(newChat, robotAnswer);
     messageRef.value?.scrollDown();
+
+    window.gtag("event", "send_message_ai-asisstant", {
+      address: `from doc`,
+    });
+
     // set user's message first, then get the response
     const res = await chatWithStream(newChat.chatUrl, {
       messages: newChat.prompt
@@ -271,6 +276,15 @@ const sendMessage = async () => {
     answerStatus.value = ChatBotAnswerStatus.Error;
   }
 };
+
+watchEffect(() => {
+  if (showPopover.value) {
+    window.gtag("event", "open_chatbox", {
+      event_category: "chatbox",
+      event_label: "open_chatbox",
+    });
+  }
+});
 </script>
 
 <style lang="scss">
diff --git a/docs/.vuepress/components/ConversationMessage.vue b/docs/.vuepress/components/ConversationMessage.vue
index b8527c69c9a..a7ad4059de6 100644
--- a/docs/.vuepress/components/ConversationMessage.vue
+++ b/docs/.vuepress/components/ConversationMessage.vue
@@ -10,7 +10,7 @@
     }">
       <img v-if="message.role === 'assistant'" src="https://static.subquery.network/logo-with-bg.svg" width="40"
         height="40"></img>
-      <div class="conversation-message-item-span" v-html="md.render(message.content)">
+      <div class="conversation-message-item-span" v-html="md.render(message.content as string)">
       </div>
     </div>
   </div>
diff --git a/docs/.vuepress/window.d.ts b/docs/.vuepress/window.d.ts
new file mode 100644
index 00000000000..56d93122417
--- /dev/null
+++ b/docs/.vuepress/window.d.ts
@@ -0,0 +1,6 @@
+declare interface Window {
+  config: {
+    apiUrl: string;
+  };
+  gtag: (event: string, type: string, options?: object) => void;
+}

From e56a74b6716a852d0be24ee84a3a949580e23bf5 Mon Sep 17 00:00:00 2001
From: cyrbuzz <cyrbuzz@foxmail.com>
Date: Mon, 13 Jan 2025 11:32:29 +0800
Subject: [PATCH 2/2] feat: add trigger

---
 docs/.vuepress/components/Chatbox.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/docs/.vuepress/components/Chatbox.vue b/docs/.vuepress/components/Chatbox.vue
index 087c52096e2..50e0b81faad 100644
--- a/docs/.vuepress/components/Chatbox.vue
+++ b/docs/.vuepress/components/Chatbox.vue
@@ -187,10 +187,13 @@ const sendMessage = async () => {
     inputValue.value = "";
     await pushNewMsgToChat(newChat, robotAnswer);
     messageRef.value?.scrollDown();
-
-    window.gtag("event", "send_message_ai-asisstant", {
-      address: `from doc`,
-    });
+    try {
+      window.gtag("event", "send_message_ai-asisstant", {
+        address: `from doc`,
+      });
+    } catch (e) {
+      //
+    }
 
     // set user's message first, then get the response
     const res = await chatWithStream(newChat.chatUrl, {
@@ -279,10 +282,14 @@ const sendMessage = async () => {
 
 watchEffect(() => {
   if (showPopover.value) {
-    window.gtag("event", "open_chatbox", {
-      event_category: "chatbox",
-      event_label: "open_chatbox",
-    });
+    try {
+      window.gtag("event", "open_chatbox", {
+        event_category: "chatbox",
+        event_label: "open_chatbox",
+      });
+    } catch (e) {
+      //
+    }
   }
 });
 </script>