feat: decouple management panel delivery

Author: ikechan8370

.github/workflows/release.yaml

@@ -1,49 +1,47 @@
 name: Release and Publish
+
 on:
   push:
-    # 监听 main 分支的 push 事件
     branches:
       - main
-# 赋予 release-please-action 权限
+    # Frontend source is delivered by chatgpt-plugin, not the npm package.
+    # A frontend-only commit therefore must not create a release PR or publish.
+    paths-ignore:
+      - "frontend/**"
+
 permissions:
   contents: write
   pull-requests: write
+
 jobs:
-  # 设置 release-please 任务
   release-please:
-    # 设置任务运行环境为 ubuntu-latest
     runs-on: ubuntu-latest
     steps:
-      # 使用 release-please-action 动作来自动创建发布 PR
       - uses: googleapis/release-please-action@v4
         id: release
         with:
-          # 设置发布类型为 node
           release-type: node
-      # 检出代码
+
       - uses: actions/checkout@v4
         if: ${{ steps.release.outputs.release_created }}
-      # 设置 Node.js 环境
+
       - uses: actions/setup-node@v4
+        if: ${{ steps.release.outputs.release_created }}
         with:
-          # 设置 Node.js 版本
           node-version: 20
-          # 设置 npm 源
           registry-url: "https://registry.npmjs.org"
-      # 安装 pnpm
+
       - uses: pnpm/action-setup@v4
+        if: ${{ steps.release.outputs.release_created }}
         with:
           version: 9
-      # 安装依赖
+
       - run: pnpm install
         if: ${{ steps.release.outputs.release_created }}
-      # 安装前端依赖并构建
-      - run: cd frontend && pnpm install && pnpm build
-        if: ${{ steps.release.outputs.release_created }}
-      # 构建后端
+
       - run: pnpm run prepublishOnly
         if: ${{ steps.release.outputs.release_created }}
-      # 发布到 npm
+
       - run: pnpm publish --access public --no-git-checks --//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

frontend/src/views/config/index.vue

@@ -99,6 +99,8 @@ const config = reactive({
    *   enable: boolean,
    *   hit: string[],
    *   probability: number,
+   *   speakingMode: 'reply' | 'contextual',
+   *   contextualPrompt: string,
    *   defaultPreset: string,
    *   presetPrefix?: string,
    *   presetMap: Array<{
@@ -117,6 +119,8 @@ const config = reactive({
     enable: false,
     hit: ['bym'],
     probability: 0.02,
+    speakingMode: 'reply',
+    contextualPrompt: '你现在不是在回复某一条特定消息，而是作为这个群里的一名普通群友自然参与当前聊天。请阅读前面的群聊上下文，选择一个自然的切入点发言，可以接续话题、补充信息、吐槽、提问或表达态度。不要解释任务，不要提及“上下文”“指令”“AI”或“机器人”，不要强行引用、@或逐句回答触发你的那条消息。直接输出一段适合发到群里的自然发言。',
     defaultPreset: '',
     presetPrefix: '',
     presetMap: [],
@@ -127,6 +131,8 @@ const config = reactive({
     enable: boolean
     hit: string[]
     probability: number
+    speakingMode: 'reply' | 'contextual'
+    contextualPrompt: string
     defaultPreset: string
     presetPrefix?: string
     presetMap: Array<{
@@ -320,10 +326,14 @@ async function getConfig(): Promise<CustomConfig> {
   else {
     message.error('配置加载失败')
   }
-  // Keep defaults introduced by newer plugin versions when loading an older
-  // persisted vision object that does not yet contain them.
+  // Keep defaults introduced by newer plugin versions when loading older
+  // persisted nested config objects that do not yet contain them.
   Object.assign(config, {
     ...data.data,
+    bym: {
+      ...config.bym,
+      ...(data.data?.bym || {}),
+    },
     llm: {
       ...config.llm,
       ...(data.data?.llm || {}),
@@ -647,6 +657,31 @@ onMounted(async () => {
                       <NSwitch v-model:value="config.bym.enable" />
                     </NFormItemGridItem>
 
+                    <NFormItemGridItem span="24 s:24 m:12" label="发言策略" path="speakingMode" :span-feedback="24">
+                      <NSelect
+                        v-model:value="config.bym.speakingMode"
+                        :options="[
+                          { label: '回复触发消息（原有模式）', value: 'reply' },
+                          { label: '自主融入群聊（结合上下文）', value: 'contextual' },
+                        ]"
+                      />
+                      <template #feedback>
+                        <span class="form-hint">自主模式仅在群聊上下文开启时生效，否则自动使用原有模式</span>
+                      </template>
+                    </NFormItemGridItem>
+
+                    <NFormItemGridItem v-if="config.bym.speakingMode === 'contextual'" span="24" label="自主发言指令" path="contextualPrompt" :span-feedback="24">
+                      <NInput
+                        v-model:value="config.bym.contextualPrompt"
+                        type="textarea"
+                        :autosize="{ minRows: 4, maxRows: 10 }"
+                        placeholder="告诉模型如何作为普通群友结合上下文自然发言"
+                      />
+                      <template #feedback>
+                        <span class="form-hint">该指令会替代触发者本轮消息作为 user prompt；群聊上下文仍在其前方</span>
+                      </template>
+                    </NFormItemGridItem>
+
                     <!-- 伪人必定触发词 -->
                     <NFormItemGridItem span="24" label="伪人触发词" path="hit" :span-feedback="24">
                       <NDynamicTags v-model:value="config.bym.hit" placeholder="输入触发词并按回车添加" />

package.json

@@ -15,13 +15,13 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "frontend/build",
     "LICENSE",
     "README.md",
     "package.json"
   ],
   "scripts": {
     "build": "tsc --noEmit && tsdown",
+    "build:plugin-frontend": "node scripts/build-plugin-frontend.mjs",
     "dev": "nodemon --exec ts-node src/index.ts",
     "lint": "eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
@@ -73,4 +73,4 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0"
   }
-}
+}

scripts/build-plugin-frontend.mjs

@@ -0,0 +1,36 @@
+import { spawnSync } from 'node:child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const projectDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..')
+const pluginDir = path.resolve(
+  process.argv[2] ||
+  process.env.CHAITE_PLUGIN_DIR ||
+  path.join(projectDir, '..', 'Yunzai', 'plugins', 'chatgpt-plugin'),
+)
+const manifestPath = path.join(pluginDir, 'package.json')
+if (!fs.existsSync(manifestPath) || JSON.parse(fs.readFileSync(manifestPath, 'utf8')).name !== 'chatgpt-plugin') {
+  console.error(`chatgpt-plugin not found at ${pluginDir}. Pass its path as the first argument or set CHAITE_PLUGIN_DIR.`)
+  process.exit(1)
+}
+
+const frontendDir = path.join(projectDir, 'frontend')
+const outDir = path.join(pluginDir, 'resources', 'admin')
+const pnpmArgs = [
+  '--dir', frontendDir,
+  'exec', 'vite', 'build',
+  '--mode', 'prod',
+  '--outDir', outDir,
+  '--emptyOutDir',
+]
+const pnpmCli = process.env.npm_execpath
+const command = pnpmCli ? process.execPath : 'pnpm'
+const args = pnpmCli ? [pnpmCli, ...pnpmArgs] : pnpmArgs
+const result = spawnSync(command, args, { stdio: 'inherit' })
+
+if (result.error) {
+  console.error(result.error)
+  process.exit(1)
+}
+process.exit(result.status ?? 1)

src/controllers/index.ts

@@ -16,10 +16,16 @@ import cors from 'cors'
 import { authenticateToken } from './middlewares'
 import { getLogger } from '../utils'
 import path from 'path'
+import fs from 'node:fs'
 import type { Server } from 'node:http'
 import { __dirname } from '../__dirname'
 
-export function createApp (configure?: (app: Application) => void): Application {
+export interface ApiServerOptions {
+  /** Directory containing the built management panel (index.html + assets). */
+  frontendDir?: string
+}
+
+export function createApp (configure?: (app: Application) => void, options: ApiServerOptions = {}): Application {
   const app = express()
   app.use(express.json())
   app.use(cors())
@@ -37,15 +43,27 @@ export function createApp (configure?: (app: Application) => void): Application
   app.use('/api/logs', authenticateToken, LogsRouter)
   app.use('/v1', authenticateToken, OpenAIRouter)
   configure?.(app)
-  app.use(express.static(path.join(__dirname, '../frontend/build')))
-  app.get('*', (_req, res) => {
-    res.sendFile(path.join(__dirname, '../frontend/build/index.html'))
-  })
+  const frontendDir = options.frontendDir
+    ? path.resolve(options.frontendDir)
+    : path.join(__dirname, '../frontend/build')
+  const frontendEntry = path.join(frontendDir, 'index.html')
+  if (fs.existsSync(frontendEntry)) {
+    app.use(express.static(frontendDir))
+    app.get('*', (_req, res) => {
+      res.sendFile(frontendEntry)
+    })
+  }
+  else {
+    getLogger().warn(`Chaite management panel not found at ${frontendDir}`)
+    app.get('*', (_req, res) => {
+      res.status(404).json({ code: -1, data: null, message: 'Management panel is not installed' })
+    })
+  }
   return app
 }
 
-export function runServer (host: string, port: number, configure?: (app: Application) => void): { app: Application, server: Server } {
-  const app = createApp(configure)
+export function runServer (host: string, port: number, configure?: (app: Application) => void, options: ApiServerOptions = {}): { app: Application, server: Server } {
+  const app = createApp(configure, options)
   const server = app.listen(port, host, () => {
     getLogger().info(`Chaite server is running at http://${host}:${port}`)
   })

src/core/chaite.ts

@@ -24,7 +24,7 @@ import {
 import { Channel, ChatPreset } from '../channels'
 import { RAGManager } from '../rag'
 import EventEmitter from 'node:events'
-import { runServer } from '../controllers'
+import { ApiServerOptions, runServer } from '../controllers'
 import { ToolsGroupManager } from '../share'
 import { TriggerManager } from '../share'
 import type { Application } from 'express'
@@ -610,11 +610,12 @@ export class Chaite extends EventEmitter {
     return this.expressApp
   }
 
-  runApiServer(configureApp?: (app: Application) => void): Application {
+  runApiServer(configureApp?: (app: Application) => void, options: ApiServerOptions = {}): Application {
     const { app } = runServer(
       this.globalConfig?.getHost() || DEFAULT_HOST,
       this.globalConfig?.getPort() || DEFAULT_PORT,
       configureApp,
+      options,
     )
     this.expressApp = app
     return app