feat(status): show bots in plugin details, fix koishijs#238

plugins/status/client/bots/index.vue

@@ -2,7 +2,13 @@
   <k-status v-if="store.status">
     <template #tooltip>
       <span v-if="!Object.values(store.status.bots).length" class="el-popper__empty"></span>
-      <bot-preview v-for="(bot, key) in store.status.bots" :key="key" :data="bot"></bot-preview>
+      <template v-for="(bot, key) in store.status.bots" :key="key">
+        <bot-preview
+          :data="bot"
+          :class="{ 'has-link': bot.paths?.length }"
+          @click="router.push('/plugins/' + bot.paths[0].replace(/\./, '/'))"
+        ></bot-preview>
+      </template>
     </template>
     <status-light v-for="(bot, key) in store.status.bots" :key="key" :class="getStatus(bot.status)"></status-light>
     <k-icon name="arrow-up"/>
@@ -15,7 +21,7 @@
 <script setup lang="ts">
 
 import { computed } from 'vue'
-import { store } from '@koishijs/client'
+import { store, router } from '@koishijs/client'
 import { getStatus } from './utils'
 import BotPreview from './preview.vue'
 import StatusLight from './light.vue'

plugins/status/client/bots/preview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bot">
+  <section class="bot-view">
     <div class="avatar" :style="{ backgroundImage: `url(${withProxy(data.user.avatar)})` }" @click="$emit('avatar-click')">
       <el-tooltip :content="statusNames[data.status]" placement="right">
         <status-light :class="getStatus(data.status)"></status-light>
@@ -19,7 +19,7 @@
         </span>
       </div>
     </div>
-  </div>
+  </section>
 </template>
 
 <script lang="ts" setup>
@@ -45,7 +45,7 @@ defineProps<{
 
 <style scoped lang="scss">
 
-div.bot {
+.bot-view {
   width: 15rem;
   padding: 0.75rem 1rem;
   font-size: 14px;
@@ -108,6 +108,13 @@ div.bot {
       overflow: hidden;
     }
   }
+
+  &.has-link {
+    cursor: pointer;
+    &:hover {
+      background-color: var(--bg1);
+    }
+  }
 }
 
 </style>

plugins/status/client/config.vue

@@ -0,0 +1,41 @@
+<template>
+  <template v-if="bots?.length">
+    <h2 class="k-schema-header">
+      机器人
+    </h2>
+    <div class="bots-container">
+      <bot-preview v-for="(bot, sid) in bots" :key="sid" :data="bot"/>
+    </div>
+  </template>
+</template>
+
+<script setup lang="ts">
+
+import { store } from '@koishijs/client'
+import { inject, computed } from 'vue'
+import BotPreview from './bots/preview.vue'
+
+const current: any = inject('manager.settings.current')
+
+const bots = computed(() => {
+  return Object.values(store.status?.bots || {}).filter(bot => {
+    return bot.paths?.includes(current.value.path)
+  })
+})
+
+</script>
+
+<style scoped lang="scss">
+
+.bots-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+
+  .bot-view {
+    background-color: var(--bg0);
+    border-radius: 0.5rem;
+  }
+}
+
+</style>

plugins/status/client/index.ts

@@ -3,6 +3,7 @@ import {} from '@koishijs/plugin-status/src'
 import Bots from './bots'
 import Load from './load'
 import Analytics from './analytics.vue'
+import Config from './config.vue'
 import EnvInfo from './envinfo.vue'
 import './icons'
 
@@ -19,4 +20,10 @@ export default defineExtension((ctx) => {
     type: 'analytic-number',
     component: Analytics,
   })
+
+  ctx.slot({
+    type: 'plugin-details',
+    component: Config,
+    order: -500,
+  })
 })

plugins/status/src/envinfo.ts

@@ -1,5 +1,6 @@
 import { Context, Dict, Schema, version } from 'koishi'
 import { DataService } from '@koishijs/console'
+import { readFile } from 'fs/promises'
 import { helpers } from 'envinfo'
 import which from 'which-pm-runs'
 
@@ -26,9 +27,12 @@ class EnvInfoProvider extends DataService<Dict<Dict<string>>> {
       }
       binaries[agent.name] = agent.version
     }
+    // do not use `require` directly to avoid caching
+    const metapath = require.resolve('@koishijs/console/package.json')
+    const meta = await readFile(metapath, 'utf8').then(JSON.parse)
     const koishi = {
       Core: version,
-      Console: require('@koishijs/console/package.json').version,
+      Console: meta.version,
     }
     if (process.env.KOISHI_AGENT) {
       const [name, version] = process.env.KOISHI_AGENT.split('/')

plugins/status/src/profile.ts

@@ -141,6 +141,7 @@ class ProfileProvider extends DataService<ProfileProvider.Payload> {
       if (bot.hidden) continue
       bots[bot.sid] = {
         ...bot.toJSON(),
+        paths: this.ctx.loader?.paths(bot.ctx.scope),
         error: bot.error?.message,
         messageSent: bot._messageSent.get(),
         messageReceived: bot._messageReceived.get(),
@@ -161,6 +162,7 @@ namespace ProfileProvider {
 
   export interface BotData extends Universal.Login {
     error?: string
+    paths?: string[]
     messageSent: number
     messageReceived: number
   }