feat(copilot): integrate Copilot UI and controller, enhance editor in global display #1511
Conversation
…loading animation component
…nt duplicate executions
|
This PR has been deployed to the preview environment. You can explore it using the preview URL. Warning Please note that deployments in the preview environment are temporary and will be automatically cleaned up after a certain period. Make sure to explore it before it is removed. For any questions, contact the Go+ Builder team. |
|
|
||
| const { t } = useI18n() | ||
| import { Copilot } from '@/components/copilot/copilot' |
There was a problem hiding this comment.
这里的事情（构造 Copilot、CopilotController 实例，provide controller、跟 isCopilotActive 交互等），甚至包括 MCP 相关（因为 MCP 完全是为 Copilot 服务的），是不是都可以挪进 Copilot 模块里边去，而不需要做在 App 里？
| // Close the debugger panel | ||
| function closeMcpDebugger() { | ||
| isMcpDebuggerVisible.value = false // Update the state | ||
| } | ||
|
|
||
| function closeCopilot() { | ||
| console.log("closeCopilot") |
| @@ -0,0 +1,37 @@ | |||
| <!-- eslint-disable vue/no-v-html --> | |||
| <template> | |||
| <UITooltip placement="bottom"> | |||
| @@ -33,6 +33,10 @@ export function useSpxVersion(): ShallowRef<'v1' | 'v2'> { | |||
| return localStorageRef<'v1' | 'v2'>('spx-gui-runner', 'v1') | |||
| } | |||
|
|
|||
| export function useCopilotStore() { | |||
| return localStorageRef('global-copilot', false) | |||
There was a problem hiding this comment.
这个不需要持久化到 localStorage 中？似乎只需要作为内存中的状态管理就好了
| import { client } from '@/mcp/client' | ||
| import type { CopilotController } from '@/components/copilot' | ||
|
|
||
| const copilotController = inject('copilotController', null) as CopilotController | null |
There was a problem hiding this comment.
可以参考 src/components/editor/EditorContextProvider.vue 中 editorCtxKey 的定义方式，来定义类型安全的、无命名冲突的 injection key
| @@ -2,7 +2,7 @@ | |||
| export type CodeEditorUICtx = { | |||
| ui: CodeEditorUI | |||
| } | |||
| const codeEditorUICtxInjectionKey: InjectionKey<CodeEditorUICtx> = Symbol('code-editor-ui-ctx') | |||
| export const codeEditorUICtxInjectionKey: InjectionKey<CodeEditorUICtx> = Symbol('code-editor-ui-ctx') | |||
There was a problem hiding this comment.
既然 copilot 的内容拷出来了，code-editor/ 下的改动应该都可以干掉了？
There was a problem hiding this comment.
嗯，准备还原，原来准备在这个上面改，但后面放弃了
| @@ -6,9 +6,11 @@ import type { MarkdownStringFlag } from '../../common' | |||
| import DefinitionItem from '../definition/DefinitionItem.vue' | |||
| import CodeLink from './CodeLink' | |||
| import CodeBlock from './CodeBlock.vue' | |||
| import CodeBlockEx from './CodeBlockEx.vue' | |||
There was a problem hiding this comment.
这个 MarkdownView 是在 components/common/markdown-vue/MarkdownView 的基础上增加了这俩逻辑：
basicComponents&advancedComponents- 适用于 code editor 环境的 markdown 渲染样式
理论上这俩你这次的 copilot 都不需要，所以建议在 components/common/markdown-vue/MarkdownView 基础上类似地封装另一个 MarkdownView 组件用于你这次的 copilot，把
- mcp components
- markdown 渲染样式（可以直接从这里拷，视具体需求调整）
做进去就好
| @@ -0,0 +1,323 @@ | |||
| <!-- filepath: /home/wuxinyi/go/src/github.com/goplus/builder/spx-gui/src/components/editor/code-editor/ui/markdown/UseMcpTool.vue --> | |||
| @@ -5,6 +5,7 @@ | |||
| <NavbarLogo /> | |||
| <slot name="left"></slot> | |||
| <NavbarLang /> | |||
| <NavbarCopilot /> | |||
There was a problem hiding this comment.
如之前晨会提到的，我们需要做到：这个 feature（涉及到的 UI 元素或行为）对普通用户来说是感知不到的；这里 navbar 的入口也应当是默认隐藏的，需要通过一些非常规的方式才会启用
No description provided.