Merge pull request #587 from subquery/feat/add-trigger

feat: add trigger

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,14 @@ const sendMessage = async () => {
     inputValue.value = "";
     await pushNewMsgToChat(newChat, robotAnswer);
     messageRef.value?.scrollDown();
+    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, {
       messages: newChat.prompt
@@ -271,6 +279,19 @@ const sendMessage = async () => {
     answerStatus.value = ChatBotAnswerStatus.Error;
   }
 };
+
+watchEffect(() => {
+  if (showPopover.value) {
+    try {
+      window.gtag("event", "open_chatbox", {
+        event_category: "chatbox",
+        event_label: "open_chatbox",
+      });
+    } catch (e) {
+      //
+    }
+  }
+});
 </script>
 
 <style lang="scss">

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>

docs/.vuepress/window.d.ts

@@ -0,0 +1,6 @@
+declare interface Window {
+  config: {
+    apiUrl: string;
+  };
+  gtag: (event: string, type: string, options?: object) => void;
+}