diff --git a/.prettierrc.json b/.prettierrc.json index 908da1a..2ce1d5b 100644 --- a/.prettierrc.json +++ b/.prettierrc.json @@ -1,11 +1,9 @@ { - "printWidth": 100, - "tabWidth": 2, - "useTabs": false, - "semi": true, + "$schema": "https://json.schemastore.org/prettierrc", + "semi": false, "singleQuote": true, - "trailingComma": "es5", - "bracketSpacing": true, - "arrowParens": "always", - "endOfLine": "lf" + "printWidth": 160, + "objectWrap": "preserve", + "bracketSameLine": true, + "trailingComma": "all" } \ No newline at end of file diff --git a/eslint.config.js b/eslint.config.js new file mode 100644 index 0000000..3f5b6d5 --- /dev/null +++ b/eslint.config.js @@ -0,0 +1,106 @@ +import { defineConfig, globalIgnores } from 'eslint/config' +import vitest from 'eslint-plugin-vitest' +import globals from 'globals' +import js from '@eslint/js' +import pluginVue from 'eslint-plugin-vue' +import skipFormatting from '@vue/eslint-config-prettier/skip-formatting' + +export default defineConfig([ + { + name: 'app/files-to-lint', + files: ['**/*.{js,mjs,jsx,vue}'], + }, + + globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**', '**/cypress/**', '**/public/**']), + + { + languageOptions: { + globals: { + ...globals.browser, + ...globals.node, + // Electron globals + process: 'readonly', + __dirname: 'readonly', + // Vite globals + MAIN_WINDOW_VITE_DEV_SERVER_URL: 'readonly', + MAIN_WINDOW_VITE_NAME: 'readonly', + // Allow using Vue Composition API and diff --git a/src/renderer/main.js b/src/renderer/main.js index b5d67c6..85b48b9 100644 --- a/src/renderer/main.js +++ b/src/renderer/main.js @@ -1,21 +1,21 @@ -import { createApp } from 'vue'; -import { createPinia } from 'pinia'; -import ElementPlus from 'element-plus'; -import * as ElementPlusIconsVue from '@element-plus/icons-vue'; -import 'element-plus/dist/index.css'; -import router from './router'; -import App from './App.vue'; -import './style.css'; +import { createApp } from 'vue' +import { createPinia } from 'pinia' +import ElementPlus from 'element-plus' +import * as ElementPlusIconsVue from '@element-plus/icons-vue' +import 'element-plus/dist/index.css' +import router from './router' +import App from './App.vue' +import './style.css' -const app = createApp(App); +const app = createApp(App) // 注册所有 Element Plus 图标 for (const [key, component] of Object.entries(ElementPlusIconsVue)) { - app.component(key, component); + app.component(key, component) } -app.use(createPinia()); -app.use(router); -app.use(ElementPlus); +app.use(createPinia()) +app.use(router) +app.use(ElementPlus) -app.mount('#app'); +app.mount('#app') diff --git a/src/renderer/router/index.js b/src/renderer/router/index.js index c4639ff..9c09f78 100644 --- a/src/renderer/router/index.js +++ b/src/renderer/router/index.js @@ -1,4 +1,4 @@ -import { createRouter, createWebHashHistory } from 'vue-router'; +import { createRouter, createWebHashHistory } from 'vue-router' const routes = [ { @@ -19,12 +19,12 @@ const routes = [ }, ], }, -]; +] const router = createRouter({ // Electron 中使用 hash 模式 history: createWebHashHistory(), routes, -}); +}) -export default router; +export default router diff --git a/src/renderer/stores/app.js b/src/renderer/stores/app.js index 215c6a5..674d44c 100644 --- a/src/renderer/stores/app.js +++ b/src/renderer/stores/app.js @@ -1,13 +1,13 @@ -import { defineStore } from 'pinia'; -import { ref } from 'vue'; +import { defineStore } from 'pinia' +import { ref } from 'vue' export const useAppStore = defineStore('app', () => { - const title = ref('My App'); - const collapsed = ref(false); + const title = ref('My App') + const collapsed = ref(false) function toggleSidebar() { - collapsed.value = !collapsed.value; + collapsed.value = !collapsed.value } - return { title, collapsed, toggleSidebar }; -}); + return { title, collapsed, toggleSidebar } +}) diff --git a/src/renderer/style.css b/src/renderer/style.css index 4ec9a6f..240cc18 100644 --- a/src/renderer/style.css +++ b/src/renderer/style.css @@ -1,4 +1,4 @@ -@import "tailwindcss"; +@import 'tailwindcss'; /* ===================== shadcn CSS 变量 (light) diff --git a/src/renderer/views/chat/ChatView.vue b/src/renderer/views/chat/ChatView.vue index d04d1c2..7a4cd95 100644 --- a/src/renderer/views/chat/ChatView.vue +++ b/src/renderer/views/chat/ChatView.vue @@ -7,12 +7,8 @@ {{ statusText }}
- - 启动服务 - - - 停止服务 - + 启动服务 + 停止服务
@@ -22,12 +18,7 @@

启动服务后开始对话

-
+ 
{{ msg.text }}
@@ -43,16 +34,8 @@ placeholder="输入消息，Ctrl+Enter 发送" :disabled="!isRunning || isSending" resize="none" - @keydown.ctrl.enter.prevent="send" - /> - - 发送 - + @keydown.ctrl.enter.prevent="send" /> + 发送
@@ -91,7 +74,7 @@ function scrollToBottom() { } function upsertAssistantBubble(msgId, text) { - const existing = messages.value.find(m => m.id === msgId) + const existing = messages.value.find((m) => m.id === msgId) if (existing) { existing.text = text } else { @@ -119,7 +102,10 @@ function connectSSE() { if (data.type === 'message.completed') { isSending.value = false } - } catch (_) {} + } catch (_) { + console.error('解析 SSE 消息失败', _) + return + } } eventSource.onerror = () => { @@ -148,7 +134,10 @@ async function stopService() { isRunning.value = false currentSessionId.value = null messages.value = [] - if (eventSource) { eventSource.close(); eventSource = null } + if (eventSource) { + eventSource.close() + eventSource = null + } ElMessage.info('服务已停止') } @@ -181,13 +170,16 @@ async function send() { } // 初始化时同步服务状态 -window.opencode?.info().then((info) => { - isRunning.value = info.running - if (info.running) { - if (info.url) window.__opencodeBaseUrl = info.url - connectSSE() - } -}).catch(() => {}) +window.opencode + ?.info() + .then((info) => { + isRunning.value = info.running + if (info.running) { + if (info.url) window.__opencodeBaseUrl = info.url + connectSSE() + } + }) + .catch(() => {}) onUnmounted(() => { if (eventSource) eventSource.close() @@ -228,13 +220,25 @@ onUnmounted(() => { flex-shrink: 0; } -.dot.stopped { background: #c0c4cc; } -.dot.starting { background: #e6a23c; animation: pulse 1s infinite; } -.dot.running { background: #67c23a; } +.dot.stopped { + background: #c0c4cc; +} +.dot.starting { + background: #e6a23c; + animation: pulse 1s infinite; +} +.dot.running { + background: #67c23a; +} @keyframes pulse { - 0%, 100% { opacity: 1; } - 50% { opacity: 0.3; } + 0%, + 100% { + opacity: 1; + } + 50% { + opacity: 0.3; + } } .messages { @@ -263,8 +267,12 @@ onUnmounted(() => { display: flex; } -.bubble-wrap.user { justify-content: flex-end; } -.bubble-wrap.assistant { justify-content: flex-start; } +.bubble-wrap.user { + justify-content: flex-end; +} +.bubble-wrap.assistant { + justify-content: flex-start; +} .bubble { max-width: 75%; diff --git a/src/renderer/views/home/HomeView.vue b/src/renderer/views/home/HomeView.vue index 4b0d639..21ab4b7 100644 --- a/src/renderer/views/home/HomeView.vue +++ b/src/renderer/views/home/HomeView.vue @@ -46,12 +46,7 @@
-
+
@@ -74,12 +69,7 @@
-
+
@@ -99,70 +89,58 @@