thzxx
d6ae9e3c8e
新增 Mermaid 图表渲染:
- npm 安装 mermaid@10 作为项目依赖
- markdown.ts 新增 rehypeMermaid 插件：将 mermaid 代码块
转换为 .me-mermaid 容器（与 MetonaEditor 内置输出一致）
- Editor.tsx 初始化 mermaid (startOnLoad: false)
- 绑定 afterRender 事件 → mermaid.run() 渲染 SVG 图表
- 首次加载 setTimeout 兜底渲染
技术实现:
- rehypeMermaid 插件在 rehypeHighlight 之后运行
- 查找 pre > code.language-mermaid 节点
- 替换为 div.me-mermaid > div.mermaid 容器
- 保持 unified 管线完整（图片路径修复 + sanitize + highlight）
- mermaid.run({ querySelector: '.me-mermaid .mermaid' })
质量保证:
- TypeScript 严格模式: 0 errors
- 单元测试: 98/98 passed (16 markdown + 82 others)
125 lines
3.2 KiB
JSON
125 lines
3.2 KiB
JSON
{
|
|
"name": "marklite",
|
|
"version": "0.4.5",
|
|
"description": "Lightweight Markdown Editor for Windows",
|
|
"main": "./dist/main/index.js",
|
|
"scripts": {
|
|
"dev": "electron-vite dev",
|
|
"build": "electron-vite build && electron-builder --win",
|
|
"build:portable": "electron-vite build && electron-builder --win portable",
|
|
"lint": "eslint src/",
|
|
"format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
"format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
"typecheck": "tsc --noEmit",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"test:coverage": "vitest run --coverage",
|
|
"prepare": "husky"
|
|
},
|
|
"lint-staged": {
|
|
"*.{ts,tsx}": [
|
|
"eslint --fix",
|
|
"bash -c 'tsc --noEmit --pretty --skipLibCheck'"
|
|
],
|
|
"*.{json,css,md}": [
|
|
"prettier --write"
|
|
]
|
|
},
|
|
"author": "MarkLite",
|
|
"license": "MIT",
|
|
"dependencies": {
|
|
"@metona-team/metona-editor": "0.2.4",
|
|
"@metona-team/metona-toast": "0.2.1",
|
|
"dexie": "^4.0.11",
|
|
"mermaid": "^10.9.6",
|
|
"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",
|
|
"unist-util-visit": "^5.1.0",
|
|
"zustand": "^5.0.6"
|
|
},
|
|
"devDependencies": {
|
|
"@testing-library/jest-dom": "^6.9.1",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@types/jsdom": "^28.0.3",
|
|
"@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",
|
|
"husky": "^9.1.7",
|
|
"jsdom": "^29.1.1",
|
|
"lint-staged": "^17.0.7",
|
|
"prettier": "^3.8.3",
|
|
"typescript": "^5.6.3",
|
|
"typescript-eslint": "^8.60.1",
|
|
"vitest": "^4.1.8"
|
|
},
|
|
"build": {
|
|
"appId": "com.marklite.app",
|
|
"productName": "MarkLite",
|
|
"directories": {
|
|
"output": "dist"
|
|
},
|
|
"files": [
|
|
"dist/**/*",
|
|
"assets/**/*"
|
|
],
|
|
"win": {
|
|
"target": [
|
|
{
|
|
"target": "nsis",
|
|
"arch": [
|
|
"x64"
|
|
]
|
|
}
|
|
],
|
|
"icon": "assets/icon.ico"
|
|
},
|
|
"nsis": {
|
|
"oneClick": false,
|
|
"allowToChangeInstallationDirectory": true,
|
|
"createDesktopShortcut": true,
|
|
"createStartMenuShortcut": true,
|
|
"shortcutName": "MarkLite"
|
|
},
|
|
"fileAssociations": [
|
|
{
|
|
"ext": "md",
|
|
"name": "Markdown",
|
|
"description": "Markdown File",
|
|
"icon": "assets/icon.ico"
|
|
},
|
|
{
|
|
"ext": "markdown",
|
|
"name": "Markdown",
|
|
"description": "Markdown File",
|
|
"icon": "assets/icon.ico"
|
|
},
|
|
{
|
|
"ext": "txt",
|
|
"name": "Text",
|
|
"description": "Text File",
|
|
"icon": "assets/icon.ico"
|
|
}
|
|
]
|
|
},
|
|
"allowScripts": {
|
|
"electron": true,
|
|
"esbuild": true
|
|
}
|
|
}
|