@vyr/service-chat 0.0.34

package/src/components/executor/useExecutor.ts

@@ -0,0 +1,117 @@
+import { computed, ref } from 'vue'
+import { copy } from '@vyr/design'
+import { language } from '../../locale/Language'
+import { ParamSectionType, TaskState, TaskItem } from './types'
+
+export function useExecutor(props: { tasks: TaskItem[] }) {
+  // 展开状态管理
+  const expandedTasks = ref<Record<string | number, boolean>>({})
+
+  // 计算活跃任务数
+  const activeCount = computed(() => {
+    return props.tasks.filter(task => task.state === 'running').length
+  })
+
+  // 计算已完成任务数
+  const completedCount = computed(() => {
+    return props.tasks.filter(task => ['success', 'failed'].includes(task.state)).length
+  })
+
+  // 计算总任务数
+  const totalCount = computed(() => props.tasks.length)
+
+  // 判断是否有运行中的任务
+  const hasRunningTask = computed(() => activeCount.value > 0)
+
+  // 切换任务展开状态
+  const toggleTask = (taskId: string | number) => {
+    expandedTasks.value[taskId] = !expandedTasks.value[taskId]
+  }
+
+  // 获取任务展开状态
+  const isTaskExpanded = (taskId: string | number) => {
+    return !!expandedTasks.value[taskId]
+  }
+
+  // 复制内容到剪贴板
+  const copyToClipboard = async (
+    text: string,
+    type: ParamSectionType,
+    taskId: string | number,
+    emits: any
+  ) => {
+    try {
+      await copy(text)
+      emits('copy:success', type, taskId)
+      return true
+    } catch (err) {
+      console.error(err)
+      emits('copy:error', type, taskId)
+      return false
+    }
+  }
+
+  // 格式化JSON
+  const formatJSON = (data: any): string => {
+    if (data === undefined || data === null) return 'null'
+    if (typeof data === 'string') {
+      try {
+        const parsed = JSON.parse(data)
+        return JSON.stringify(parsed, null, 2)
+      } catch {
+        return data
+      }
+    }
+    try {
+      return JSON.stringify(data, null, 2)
+    } catch {
+      return String(data)
+    }
+  }
+
+  // 获取参数预览
+  const getParamPreview = (params: any): string => {
+    if (!params) return ''
+    try {
+      const str = typeof params === 'string' ? params : JSON.stringify(params)
+      return str.length > 40 ? str.substring(0, 40) + '...' : str
+    } catch {
+      return language.get('executor.param.error.format')
+    }
+  }
+
+  // 获取状态标签文本
+  const getStateTag = (state: TaskState): string => {
+    const map = {
+      running: language.get('executor.task.state.running'),
+      success: language.get('executor.task.state.success'),
+      failed: language.get('executor.task.state.failed')
+    }
+    return map[state]
+  }
+
+  // 获取状态标签类名
+  const getStateTagClass = (state: TaskState): string => {
+    const map = {
+      running: 'running',
+      success: 'success',
+      failed: 'failed'
+    }
+    return map[state]
+  }
+
+  return {
+    expandedTasks,
+    activeCount,
+    completedCount,
+    totalCount,
+    hasRunningTask,
+    toggleTask,
+    isTaskExpanded,
+    copyToClipboard,
+    formatJSON,
+    getParamPreview,
+    getStateTag,
+    getStateTagClass
+  }
+}

package/src/components/index.ts

@@ -0,0 +1,11 @@
+import ChatProcess from './ChatProcess.vue';
+import ChatView from './ChatView.vue';
+import Input from './Input.vue';
+import Welcome from './Welcome.vue';
+
+export {
+  ChatProcess,
+  ChatView,
+  Input,
+  Welcome
+};

package/src/executor/index.ts

@@ -0,0 +1,17 @@
+import { runtime } from "@vyr/runtime"
+import { api, GatewayService } from "@vyr/service-gateway"
+import { ChatService } from "../ChatService"
+
+const connection = async () => {
+    const chatService = runtime.get<ChatService>('chat')
+    chatService.initializeTask.run()
+}
+
+const bindExecutor = (service: GatewayService) => {
+    service.listen(api.system.connection.path, connection)
+}
+
+export {
+    bindExecutor,
+    connection,
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from 'vue'
+
+const ChatView = defineAsyncComponent(() => import('./components/ChatView.vue'))
+
+export {
+    ChatView
+}
+
+export * from './locale'
+export * from './ChatService'

package/src/locale/Language.ts

@@ -0,0 +1,10 @@
+import { Locale } from "@vyr/locale";
+import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
+
+Locale.register(zhCnLanguageProvider)
+
+const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
+
+export {
+    language
+}

package/src/locale/LanguageProvider.ts

@@ -0,0 +1,49 @@
+import { LanguageProvider } from '@vyr/locale'
+
+interface ZhCNLanguageProvider extends LanguageProvider {
+    'chat.introduction.title': string
+    'chat.introduction.message': string
+    'chat.input.placeholder': string
+    'chat.input.format.content.asset': string
+    'chat.input.format.content.node': string
+    'chat.input.format.content.prefab': string
+    'chat.user.stop': string
+    'executor.header.status': string
+    'executor.param.input': string
+    'executor.param.output': string
+    'executor.param.error': string
+    'executor.param.error.format': string
+    'executor.task.state.running': string
+    'executor.task.state.success': string
+    'executor.task.state.failed': string
+    'executor.task.status.running': string
+    'executor.task.execution.record': string
+}
+
+const zhCnLanguageProvider: ZhCNLanguageProvider = {
+    id: 'zh_CN',
+    name: '@vyr/service-chat',
+
+    'chat.introduction.title': '欢迎！我是您的AI伙伴，助您轻松完成任务。',
+    'chat.introduction.message': '您只需给我一个清晰的目标，我就会自动将它分解成具体步骤，并一步步为您完成。',
+    'chat.input.placeholder': '请输入您的问题，并按Enter发送，按Shift + Enter换行',
+    'chat.input.format.content.asset': '资产URL：{{url}}；',
+    'chat.input.format.content.node': '节点UUID：{{uuid}}，所属资产：{{url}}；',
+    'chat.input.format.content.prefab': '预制体ID：{{id}}；',
+    'chat.user.stop': '[系统] 用户手动停止。',
+    'executor.header.status': '已完成 {{completed}}/{{total}}',
+    'executor.param.input': '输入参数',
+    'executor.param.output': '输出参数',
+    'executor.param.error': '错误信息',
+    'executor.param.error.format': '参数格式错误',
+    'executor.task.state.running': '执行中',
+    'executor.task.state.success': '成功',
+    'executor.task.state.failed': '失败',
+    'executor.task.status.running': '正在执行',
+    'executor.task.execution.record': '执行记录',
+}
+
+export {
+    ZhCNLanguageProvider,
+    zhCnLanguageProvider,
+}

package/src/locale/index.ts

@@ -0,0 +1,2 @@
+export * from './LanguageProvider'
+export * from './Language'

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "outDir": "build",
+    "declaration": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": false,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env",
+    ],
+    "paths": {}
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/shims-vue.d.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}