From d23c170af8ccc2ec5d28df18d22b024800d201a6 Mon Sep 17 00:00:00 2001
From: Shigma <1700011071@pku.edu.cn>
Date: Thu, 1 Apr 2021 13:05:09 +0800
Subject: [PATCH] feat(webui): support clear in sandbox

---
 .../plugin-webui/client/views/plugins/plugin-view.vue     | 1 +
 packages/plugin-webui/client/views/sandbox.vue            | 8 +++++++-
 packages/plugin-webui/src/adapter.ts                      | 3 +++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/plugin-webui/client/views/plugins/plugin-view.vue b/packages/plugin-webui/client/views/plugins/plugin-view.vue
index a911aa19bd..a98d4845c8 100644
--- a/packages/plugin-webui/client/views/plugins/plugin-view.vue
+++ b/packages/plugin-webui/client/views/plugins/plugin-view.vue
@@ -14,6 +14,7 @@
 
 import type { Registry } from '~/server'
 import { ref, computed, defineProps } from 'vue'
+import PluginView from './plugin-view.vue'
 
 const show = ref(false)
 
diff --git a/packages/plugin-webui/client/views/sandbox.vue b/packages/plugin-webui/client/views/sandbox.vue
index a1012f236f..d9a9f98de7 100644
--- a/packages/plugin-webui/client/views/sandbox.vue
+++ b/packages/plugin-webui/client/views/sandbox.vue
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 
-import { ref, watch, nextTick } from 'vue'
+import { ref, watch, nextTick, onMounted } from 'vue'
 import { send, receive, user, storage } from '~/client'
 
 interface Message {
@@ -33,6 +33,8 @@ function addMessage(from: 'user' | 'bot', content: string) {
   }
 }
 
+onMounted(scrollToBottom)
+
 function scrollToBottom() {
   panel.value.scrollTop = panel.value.scrollHeight - panel.value.clientHeight
 }
@@ -49,6 +51,10 @@ receive('sandbox', (data) => {
   addMessage('bot', data)
 })
 
+receive('clear', (data) => {
+  messages.value = []
+})
+
 </script>
 
 <style lang="scss">
diff --git a/packages/plugin-webui/src/adapter.ts b/packages/plugin-webui/src/adapter.ts
index 7e0b1a5b90..54280c10e0 100644
--- a/packages/plugin-webui/src/adapter.ts
+++ b/packages/plugin-webui/src/adapter.ts
@@ -113,6 +113,9 @@ export class WebAdapter extends Adapter<'web'> {
       server: ctx.app._httpServer,
     })
 
+    ctx.self('sandbox').command('clear', '清空消息列表')
+      .action(({ session }) => this.channels[session.channelId].send('clear'))
+
     ctx.all().middleware(async (session, next) => {
       if (session.subtype !== 'private') return next()
       const state = states[session.uid]