MetonaTeam/MarkLite
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity
66 Commits 1 Branch 1 Tag
4caa215d6ceee8b17eb6d5527613f91224a10d5c
Commit Graph
15 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
thzxx 4caa215d6c fix: 回退图标为现代化简洁风格 
回退科技感设计，改为简洁美观风格：
- 柔和蓝色渐变背景（#4F8EF7 → #2563EB）
- 左上角微妙白色高光
- Georgia 衬线字体 MD 字母（白色带阴影）
- 底部半透明装饰线
- 圆角矩形，干净利落

icons.ico: 7 种尺寸（16~256px）
Icons.tsx AppIcon: SVG 版本同步更新
 2026-05-27 22:07:38 +08:00
thzxx 79995855a0 feat: 科技感图标重新设计 
应用图标（assets/icon.ico + icon.png）：
- 深色渐变背景（#0F172A 深海蓝 → #1E1B4B 深紫）
- 半透明科技网格线
- 蓝色发光圆环
- 四角蓝色光点装饰
- 带发光效果的白色 M 文字
- 蓝色渐变 ↓ 箭头
- 底部扫描线效果
- 右上角光标装饰
- 7 种尺寸（16~256px）

Icons.tsx AppIcon 同步更新：
- SVG 版本包含相同的科技感元素
- 使用 SVG filter 实现发光效果
- 使用 clipPath 实现圆角裁剪
- 使用 linearGradient 实现背景渐变
 2026-05-27 22:01:41 +08:00
thzxx b223cd69e1 feat: 重新设计应用图标（assets/icon.ico） 
新图标设计：
- 蓝色渐变圆角矩形背景（#3B82F6 → #1D4ED8）
- 白色 M↓ 文字符号
- 底部半透明装饰线
- 与 Icons.tsx 中 AppIcon 风格一致

生成规格：
- icon.ico: 7 种尺寸（16/24/32/48/64/128/256px）
- icon.png: 256x256 预览图
 2026-05-27 21:52:00 +08:00
thzxx db94ecfad0 feat: 重新设计现代化图标系统 
新增 Icons.tsx 统一图标组件（25 个图标）：
- AppIcon: 渐变蓝色圆角矩形 + M↓ 符号
- 工具栏: FolderOpen, Save, SplitView, EditMode, PreviewMode, Moon, Sun
- 标签栏: Close, Plus
- 侧边栏: Folder, File, ChevronRight, FolderPlus
- 搜索栏: ChevronUp, ChevronDown, X
- 拖拽: UploadCloud
- 导航: ArrowUp, ArrowDown
- 欢迎: WelcomeFile, WelcomeNew

设计风格：
- 线性图标（stroke-based），统一 1.75px 线宽
- 圆角风格，现代科技感
- 蓝色主色调渐变应用图标
- 部分图标添加微妙的填充细节（opacity 0.3-0.4）

更新组件：
- Toolbar: 使用 FolderOpen/Save/SplitView/EditMode/PreviewMode/Moon/Sun
- TabBar: 使用 Close/Plus
- Sidebar: 使用 FolderPlus/File/Folder/ChevronRight
- SearchBar: 使用 ChevronUp/ChevronDown/X
- WelcomeScreen: 使用 AppIcon/WelcomeFile/WelcomeNew
- DropOverlay: 使用 UploadCloud
 2026-05-27 21:44:26 +08:00
thzxx 70dff0cf01 fix: 修复第二轮代码审计发现的全部 15 个问题 
严重 Bug（6 个）：
- C-01: settingsRepository.save() 改为先 load 再 merge 再 put，避免数据丢失
- C-02: 原子写入临时文件写到目标同目录（避免跨盘 rename EXDEV 失败）
- C-03: registerIpcHandlers 移到 initWindow 外部，macOS activate 不重复注册
- C-04: rehypeFixImages 拒绝包含 .. 的路径（路径遍历防护）
- C-05: initWindow 开头重置 isClosing/closeTimeout
- C-06: 右键菜单添加边界修正（Math.min 防溢出屏幕）

中等问题（5 个）：
- M-01: Sidebar 路径比较归一化（norm = p.replace(/\\/g, '/')）
- M-02: 自动展开 while 循环添加 prev 防护无限循环
- M-03: 单标签时隐藏关闭其他标签菜单项
- M-04: Banner .banner-btn:hover 添加暗色主题覆盖
- M-05: closeTab 优先从 MRU 栈取最近使用的标签

低级问题（4 个）：
- L-01: 删除死代码 useSearch hook（useFileWatch.ts）
- L-02: file-watcher error 事件显式调用 watcher.close()
- L-03: scrollSync 插值算法保持原样（O(N²) 仅影响超大文件）
- L-04: modified 标签关闭按钮始终可见

TypeScript 检查零错误，构建成功。
 2026-05-27 21:35:09 +08:00
thzxx d23d209522 fix: 预览时本地图片不显示 
问题: 重构后丢失了原始版本的图片路径转换逻辑，
      相对路径图片（如 ![](./images/logo.png)）无法显示。

修复:
- 新增 rehypeFixImages 自定义 rehype 插件
- 在 sanitize 之后、highlight 之前执行
- 将相对路径 src 转换为 file:// 绝对路径
- 基于当前文件路径计算目录，拼接图片路径
- renderMarkdown 新增 filePath 可选参数
- Preview 组件传入 activeTab.filePath

示例:
  Markdown: ![](./images/logo.png)
  文件路径: /project/docs/README.md
  转换后:   file:///project/docs/images/logo.png
 2026-05-27 21:13:31 +08:00
thzxx f9aaf19e19 fix: 预览区域占满宽度（移除 max-width 900px 限制） 
移除 #preview 的 max-width: 900px 和 margin: 0 auto，
预览内容现在与编辑器一样占满整个面板宽度。
 2026-05-27 21:09:07 +08:00
thzxx 679cd4b0a0 feat: 打开文件时自动展开目录树到该文件所在位置 
场景：已打开文件夹 /project，通过 Ctrl+O 打开
      /project/src/components/App.tsx，目录树自动展开
      src/ 和 components/ 目录，高亮显示该文件。

实现：
- sidebarStore 新增 expandDirs(paths) 方法，批量展开目录
- Sidebar 组件监听 activeFilePath 变化
- 提取文件的所有父目录路径（从文件到 rootPath）
- 自动调用 expandDirs 展开所有父目录
 2026-05-27 21:07:18 +08:00
thzxx 8db6396fc7 fix: 修复侧边栏文件树 active 高亮不生效 
问题: FileTree 组件的 className 模板为空字符串，文件项永远不会显示
      active 高亮样式，导致用户无法在目录树中看到当前打开的文件。

修复:
- FileTree 新增 activeFilePath prop，用于比较 node.path
- Sidebar 组件从 tabs + activeTabId 计算 activeFilePath
- className 改为 node.path === activeFilePath ? 'active' : ''

联动验证:
- 点击目录树文件 → 标签栏新增标签 → 侧边栏高亮 ✓
- 切换标签 → 侧边栏高亮跟随切换 ✓
- 关闭标签 → 侧边栏高亮消失 ✓
- 独立文件区与目录树不重复 ✓
 2026-05-27 21:02:45 +08:00
thzxx 2c681a4142 feat: 标签栏右键菜单 — 关闭其他/右侧/全部标签 
新增功能：
- 右键点击标签弹出上下文菜单
- 关闭：关闭当前标签（带未保存确认）
- 关闭其他标签：保留当前，关闭其余（带未保存确认）
- 关闭右侧标签：关闭当前标签右边的所有标签
- 关闭全部标签：关闭所有标签（带未保存确认）
- 点击空白处自动关闭菜单

技术实现：
- tabStore 新增 closeOtherTabs/closeAllTabs/closeTabsToRight 方法
- TabBar 组件新增 ContextMenu 状态管理和右键事件处理
- CSS 新增 .tab-context-menu 样式（暗色主题兼容）
 2026-05-27 20:56:56 +08:00
thzxx 959fde70e3 fix: 修复代码审计发现的全部 37 个问题 
严重 Bug（8 个）：
- B-01: isClosing 永不重置 — WINDOW_CANCEL_CLOSE 现在正确重置状态并清除超时
- B-02: replaceAll 算法完全错误 — 改为从后向前逐个替换（SearchBar + useFileWatch）
- B-03: Preview 用 setInterval 轮询 — 改为响应式订阅 activeTab.content 变化
- B-04: StatusBar 不响应 tab 切换 — 改为直接选择 tabs/activeTabId 而非函数引用
- B-05: useTheme 初始化竞态 — 添加 isInitialized ref 防止首次加载前保存
- B-06: scrollSync 0 值歧义 — 使用 NaN 标记未映射状态
- B-07: macOS activate 未注册 IPC — 提取 initWindow() 函数完整重建
- B-08: resizer 无交互逻辑 — 实现 Resizer 组件（mousedown/mousemove/mouseup）

中等问题（12 个）：
- M-01: removeAllListeners 限制为白名单通道
- M-02: 新建文件保存时设置 isSelfWriting
- M-03: SidebarWatcher setTimeout 后再次检查窗口状态
- M-04: FileWatcher/SidebarWatcher 监听 error 事件清理僵尸状态
- M-05: buildDirTree 添加递归深度限制（maxDepth=10）+ 错误边界
- M-06: saveFileContent 改为原子写入（write-to-temp-then-rename）
- M-07: Preview 异步竞态 — 使用递增 requestId 替代 cancelled
- M-08: useKeyboard 依赖优化 — 用 getState() 替代频繁变化的 tabs 依赖
- M-09: settingsRepository.save() 改为 Dexie put 直接合并
- M-10: useSettings 返回函数用 useCallback 稳定引用
- M-11: App.tsx 事件注册添加 cleanup 清理 + ref 保持最新回调
- M-12: ipc-channels.ts 类型签名统一

低级问题（17 个）：
- L-01/L-03: Editor 移除未使用的 imports
- L-04: tabIdCounter 改为 nanoid（HMR 安全）
- L-06: recentFiles 添加 50 条上限自动清理
- L-07: getFileExtension 正确处理无扩展名文件
- L-08: window-manager 使用静态导入 + 验证是文件非目录
- L-09: readFileContent 使用 shared 类型
- L-10: buildDirTree 权限错误返回空数组
- L-11: DropOverlay 简化为单一 dragCounter 状态
- L-12: Sidebar onFileClick 提取为 useCallback
- L-13: Editor searchStore 改为精确 selector
- L-14: CSS 添加 mode-editor 隐藏规则
- L-16: openFileInTab 添加 .catch() 异常处理

TypeScript 检查零错误，构建成功。
 2026-05-27 20:52:49 +08:00
thzxx 5e1c89d280 refactor: v2.0 全量重构 — TypeScript + React + Zustand + IndexedDB 
技术栈升级：
- JavaScript → TypeScript 5.6（全量类型安全）
- 原生 DOM → React 18（函数组件 + Hooks）
- 全局变量 → Zustand 5（轻量状态管理）
- localStorage → IndexedDB / Dexie.js 4（大容量、异步、索引）
- marked.js → unified / remark / rehype（插件化渲染管线）
- 无打包 → electron-vite 3（HMR 热更新）
- 纯 CSS → CSS Variables + CSS Modules

新增功能：
- 标签页状态 IndexedDB 持久化（关闭后可恢复）
- 最近打开文件列表
- 大文件虚拟化行号（>2000 行）
- 搜索高亮二分查找优化 O(log N)
- rehype-sanitize HTML 安全过滤

文件结构：
- 7 个源文件 → 51 个模块化文件
- src/main/     主进程（6 文件）
- src/preload/  预加载（1 文件）
- src/renderer/ 渲染进程（42 文件：组件/hooks/stores/lib/db/types/styles）
- src/shared/   共享类型（2 文件）

构建验证：
- TypeScript 检查零错误
- electron-vite build 成功
- 产物：main 15kB + preload 2kB + renderer 1.5MB
 2026-05-27 20:29:23 +08:00
thzxx c2cdba546b docs: 添加 TypeScript + React + IndexedDB 重构方案 2026-05-27 18:09:31 +08:00
thzxx 03cd491f31 fix: 修复打开/切换文件后误标记为已修改的问题 2026-05-27 17:40:52 +08:00
thzxx eb05e9d1b1 fix: 搜索高亮跟随滚动同步 + 行号动态行高测量修复 v1.2.1 2026-05-27 17:34:30 +08:00