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
This commit is contained in:
thzxx
2026-05-27 20:29:23 +08:00
parent c2cdba546b
commit 5e1c89d280
59 changed files with 4674 additions and 314 deletions
+35 -12
View File
@@ -1,18 +1,44 @@
{
"name": "marklite",
"version": "1.2.1",
"description": "Lightweight Markdown Reader for Windows",
"main": "main.js",
"version": "2.0.0",
"description": "Lightweight Markdown Editor for Windows",
"main": "./dist/main/index.js",
"scripts": {
"start": "electron .",
"build": "electron-builder --win",
"build:portable": "electron-builder --win portable"
"dev": "electron-vite dev",
"build": "electron-vite build && electron-builder --win",
"build:portable": "electron-vite build && electron-builder --win portable",
"lint": "eslint src --ext .ts,.tsx",
"typecheck": "tsc --noEmit"
},
"author": "MarkLite",
"license": "MIT",
"dependencies": {
"dexie": "^4.0.11",
"nanoid": "^5.1.5",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"rehype-highlight": "^7.0.2",
"rehype-raw": "^7.0.0",
"rehype-sanitize": "^6.0.0",
"rehype-stringify": "^10.0.0",
"remark-gfm": "^4.0.1",
"remark-parse": "^11.0.0",
"remark-rehype": "^11.1.2",
"unified": "^11.0.5",
"zustand": "^5.0.6"
},
"devDependencies": {
"electron": "^28.0.0",
"electron-builder": "^24.9.1"
"@types/react": "^18.3.18",
"@types/react-dom": "^18.3.5",
"@typescript-eslint/eslint-plugin": "^8.26.1",
"@vitejs/plugin-react": "^4.3.4",
"electron": "^28.3.3",
"electron-builder": "^25.1.8",
"electron-vite": "^3.0.0",
"eslint": "^9.22.0",
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.19",
"typescript": "^5.6.3"
},
"build": {
"appId": "com.marklite.app",
@@ -21,10 +47,7 @@
"output": "dist"
},
"files": [
"main.js",
"preload.js",
"renderer/**/*",
"lib/**/*",
"dist/**/*",
"assets/**/*"
],
"win": {