 OpsXShell Dev
|
e9a0d21758
|
feat(theme): 专业主题系统重构 — Warp/Linear 设计参考，深色/浅色完整适配
参考设计系统:
- Warp: 温暖暗色调、自然层次、克制配色
- Linear: 亮度阶梯层次、半透明边框、精确排版
核心改进:
- app-theme.ts: 完整重写深色/浅色调色板 (+surface-hover/active, border-subtle/focus, feedback-bg, placeholder)
- useTheme.ts: 修复硬编码 return 'dark'，支持 dark/light/system 完整切换
- index.css: 消除硬编码颜色，全部使用 CSS 变量
- tailwind.config.js: 新增 txt/content/surface/border/ph/feedback 语义 token
- 44 文件批量迁移: 292 处 text-gray/bg-gray/text-white/placeholder-gray → 主题感知语义 token
| 44 files +611/-482 | tsc零错误 | 96/96 tests passing
|
2026-04-25 19:31:51 +08:00 |
|
|
Logan.Li
|
514d62644e
|
v2.0.0: 主题系统+SSH私钥解析修复+会话持久化+连接池优化+UI打磨
核心修复:
- ssh-service.ts: 新增 resolvePrivateKey()，将私钥文件路径(~/.ssh/id_rsa)解析为内容后传给 ssh2，
解决 'Cannot parse privateKey: Unsupported key format' 错误
- useTerminalConnection.ts + sessionHelper.ts: 根据 authType 过滤字段，password/agent 认证不再传 privateKey
- sessionStore.ts: addSession() 现在先调用 sessionCreate() 持久化到 SQLite，解决恢复标签'无可用连接信息'问题
- database-service.ts: updateSession() 补充 private_key_path 字段持久化
- SessionDialog.tsx: 默认 username='root'、privateKey='~/.ssh/id_rsa'
UI/UX:
- 语义化主题系统(app-theme.ts)，强制深色模式，全局无边框设计
- macOS 标题栏支持双击最大化(window:toggleMaximize IPC)
- macOS 菜单栏('OpsXShell' 应用菜单 + Settings Cmd+,)
- WelcomeView 4卡片布局，移除 Settings 按钮
- TabBar/TabItem 背景色统一(bg-dark-800/900)，消除白色边框线
架构优化:
- SFTP 生命周期修复(useSFTP.ts useRef + autoConnectAttempted guard)
- 连接池竞态修复，支持快速多标签连接
- IPC 接口规范化，安全错误处理
- Vite 代码分割优化
质量: lint零错误 | tsc零错误 | build成功 | 49 tests pass
|
2026-04-22 11:15:41 +08:00 |
|
|
OpsXShell Dev
|
caba5f4c0d
|
feat(v1.2): 体验升级 — 快捷键系统 + 标签拖拽 + SFTP拖拽上传 + 组件拆分 + 响应式
任务1: 全局快捷键管理器 — useKeyboardShortcuts hook
Ctrl+Tab/Shift+Tab标签切换, Ctrl+1~9跳转, F11全屏, Ctrl+Shift+N新建标签
任务2: 标签拖拽排序 — tabStore.moveTab + TabBar HTML5 DnD
不可变更新, 拖拽视觉反馈(opacity+指示线), 活跃标签底部accent-blue指示线
任务3: SFTP拖拽上传 + useSFTP调试清理
FileListPanel拖拽覆盖层(Upload图标+虚线边框), 5个调试函数→createLogger,
disconnect()正确调用IPC, 删除mock data
任务4: SFTP右键菜单完善 — 重命名/复制路径/属性/权限
FilePropertiesDialog+ChmodDialog, sftpStat/sftpChmod IPC全栈实现
任务5-6: 侧边栏分组折叠动画 + 宽度可拖拽调整
Grid 0fr→1fr折叠动画, ChevronRight旋转, resize handle 180~400px, settings记忆
任务7: 响应式布局 + 视觉优化V1~V5
useMediaQuery hook, <800px侧边栏overlay模式, SFTP垂直堆叠, WelcomeView响应式grid
任务8: Loading/Skeleton骨架屏
Skeleton/SkeletonLine/SkeletonCircle/SkeletonBlock + FileListSkeleton/SessionTreeSkeleton/TabContentSkeleton
任务9: 空状态设计
EmptyState通用组件, SessionTree/FileListPanel/WelcomeView/SFTPView空状态引导
任务10: TerminalView组件拆分重构 711行→285行
useTerminalConnection(300行) + useTerminalSearch(123行)
+ TerminalOverlay(98行) + TerminalSearchBar(74行)
33 files changed, 2682 insertions(+), 872 deletions(-)
|
2026-04-18 18:35:49 +08:00 |
|
|
OpsXShell Dev
|
53274e2291
|
v1.1.0: better-sqlite3→sql.js迁移 + 6项UI/代码修复
迁移:
- better-sqlite3(原生C++) → sql.js(WASM纯JS), 兼容Node 24
- database-service.ts: PreparedStatement包装器保持API兼容
- main.ts: initialize()改为async/await
- 移除@electron/rebuild和@types/better-sqlite3依赖
- 新增.npmrc阿里云镜像加速
UI/代码修复(任务1-6):
1. TerminalView: 清理111行调试日志(645→534行)
2. 设计系统: cyan/slate→accent-blue/dark-*颜色统一(FileRow/TransferItem/Breadcrumb/ContextMenu)
3. StatusBar: 重写接入实时连接状态,三区布局
4. SessionDialog: 私钥浏览按钮添加onClick处理
5. WelcomeView: 真实session数据替换硬编码假数据
6. SFTPView: emoji→Lucide图标(FolderOpen/Upload/Download/Trash2)
构建验证: tsc零错误 + vite build成功(Node 24.14.0)
|
2026-04-18 15:40:19 +08:00 |
|