feat: 功能迭代
This commit is contained in:
15
.editorconfig
Normal file
15
.editorconfig
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[*.{yml,yaml}]
|
||||||
|
indent_size = 2
|
||||||
4
.prettierignore
Normal file
4
.prettierignore
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
dist
|
||||||
|
out
|
||||||
|
node_modules
|
||||||
|
*.md
|
||||||
13
.prettierrc
Normal file
13
.prettierrc
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"semi": false,
|
||||||
|
"singleQuote": true,
|
||||||
|
"tabWidth": 2,
|
||||||
|
"useTabs": false,
|
||||||
|
"trailingComma": "all",
|
||||||
|
"printWidth": 160,
|
||||||
|
"endOfLine": "lf",
|
||||||
|
"bracketSpacing": true,
|
||||||
|
"arrowParens": "always",
|
||||||
|
"vueIndentScriptAndStyle": false,
|
||||||
|
"singleAttributePerLine": false
|
||||||
|
}
|
||||||
40
CLAUDE.md
Normal file
40
CLAUDE.md
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
o# CLAUDE.md
|
||||||
|
|
||||||
|
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
||||||
|
|
||||||
|
## Project Overview
|
||||||
|
|
||||||
|
Tunji is a Markdown editor desktop app inspired by Typora, built with Electron + Vue 3. The UI is in Chinese (Simplified). The app is in early development — all data is mock/hardcoded with no persistence layer yet.
|
||||||
|
|
||||||
|
## Commands
|
||||||
|
|
||||||
|
- `npm run dev` — Start development with hot reload (electron-vite dev)
|
||||||
|
- `npm run build` — Production build to `out/`
|
||||||
|
- `npm run preview` — Preview production build
|
||||||
|
- `npm run package` — Package with electron-builder
|
||||||
|
|
||||||
|
No test framework is installed.
|
||||||
|
|
||||||
|
## Architecture
|
||||||
|
|
||||||
|
This is an **electron-vite** project with three build targets configured in `electron.vite.config.mjs`:
|
||||||
|
|
||||||
|
- **Main process** (`src/main/index.js`) — BrowserWindow creation, IPC for theme sync, titleBarOverlay color management
|
||||||
|
- **Preload** (`src/main/indexpreload.js`) — Exposes `window.electronAPI` (platform, setTheme) via contextBridge
|
||||||
|
- **Renderer** (`src/renderer/`) — Vue 3 SPA, path alias `@` → `src/renderer/src`
|
||||||
|
|
||||||
|
### Key Tech Decisions
|
||||||
|
|
||||||
|
- **Tailwind CSS v4** — uses `@tailwindcss/vite` plugin and `@theme` directive syntax (not `tailwind.config.js`)
|
||||||
|
- **PrimeVue** — component library with Aura theme preset; dark mode selector is `.dark`
|
||||||
|
- **Icons** — use `@lucide/vue` for all icons, not PrimeVue's built-in icon components
|
||||||
|
- **Theme system** — `composables/useTheme.js` manages light/dark/system modes, persisted to localStorage (`tunji-theme`), synced to Electron main process via IPC for titleBarOverlay colors. Dark palette is Catppuccin Mocha-inspired.
|
||||||
|
- **Markdown rendering** — unified/remark-parse/remark-gfm/remark-rehype/rehype-stringify pipeline in EditorPanel.vue
|
||||||
|
|
||||||
|
### Component Layout
|
||||||
|
|
||||||
|
`App.vue` orchestrates three panels: `SideBar` (navigation, search, notebooks, tags, theme toggle) → `NotesOverview` (card/list grid of notes) → `EditorPanel` (markdown editor with edit/preview/split modes, formatting toolbar, auto-generated outline from headings). `ButtonIcon.vue` is a shared icon button component.
|
||||||
|
|
||||||
|
### Styling
|
||||||
|
|
||||||
|
Custom CSS properties are defined in `src/renderer/src/assets/styles/main.css` using Tailwind v4's `@theme` syntax for primary (indigo), neutral, semantic, and app-level colors. Light and dark mode palettes are both defined there.
|
||||||
363
README.md
Normal file
363
README.md
Normal file
@@ -0,0 +1,363 @@
|
|||||||
|
# Tunji - Markdown 编辑器
|
||||||
|
|
||||||
|
一个受 Typora 启发的 Markdown 编辑器桌面应用，使用 Electron + Vue 3 构建。
|
||||||
|
|
||||||
|
## 功能特性
|
||||||
|
|
||||||
|
### 核心功能
|
||||||
|
- **Markdown 编辑**：支持实时预览、分屏编辑、源码模式
|
||||||
|
- **笔记本管理**：支持多级笔记本结构
|
||||||
|
- **标签系统**：灵活的标签管理
|
||||||
|
- **主题切换**：浅色、深色、跟随系统
|
||||||
|
- **工作区管理**：支持自定义工作区路径
|
||||||
|
|
||||||
|
### 最新功能：笔记本树形结构
|
||||||
|
|
||||||
|
#### 功能概述
|
||||||
|
使用 PrimeVue Tree 组件实现笔记本的树形结构显示，支持：
|
||||||
|
|
||||||
|
1. **树形结构展示**：笔记本和文档以树形结构展示
|
||||||
|
2. **层级关系**：支持父子笔记本关系
|
||||||
|
3. **展开/折叠**：可以展开或折叠笔记本节点
|
||||||
|
4. **节点选择**：点击笔记本或文档节点可进行选择
|
||||||
|
5. **自定义图标**：笔记本使用书本图标，文档使用文件图标
|
||||||
|
|
||||||
|
#### 使用方式
|
||||||
|
|
||||||
|
##### 基本使用
|
||||||
|
```vue
|
||||||
|
<script setup>
|
||||||
|
import { useNotebookTree } from '@/composables/useNotebookTree'
|
||||||
|
|
||||||
|
const { notebookTree, expandedKeys, loadNotebooks, loadNotes } = useNotebookTree()
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
await loadNotebooks()
|
||||||
|
await loadNotes()
|
||||||
|
})
|
||||||
|
|
||||||
|
function onNodeSelect(event) {
|
||||||
|
console.log('Selected node:', event.node)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Tree
|
||||||
|
:value="notebookTree"
|
||||||
|
:expandedKeys="expandedKeys"
|
||||||
|
selectionMode="single"
|
||||||
|
@node-select="onNodeSelect"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
```
|
||||||
|
|
||||||
|
##### 高级功能
|
||||||
|
```javascript
|
||||||
|
import { useFilteredNotebookTree } from '@/composables/useNotebookTreeExample'
|
||||||
|
|
||||||
|
const filterText = ref('')
|
||||||
|
const { filteredTree } = useFilteredNotebookTree(filterText)
|
||||||
|
```
|
||||||
|
|
||||||
|
#### 技术实现
|
||||||
|
|
||||||
|
##### 数据结构
|
||||||
|
```javascript
|
||||||
|
// 树节点格式
|
||||||
|
{
|
||||||
|
key: 'notebook-{id}',
|
||||||
|
label: '节点名称',
|
||||||
|
data: {
|
||||||
|
type: 'notebook' | 'note',
|
||||||
|
id: '节点ID',
|
||||||
|
name: '笔记本名称',
|
||||||
|
title: '文档标题',
|
||||||
|
notebook_id: '所属笔记本ID'
|
||||||
|
},
|
||||||
|
icon: 'pi pi-book' | 'pi pi-file',
|
||||||
|
children: [],
|
||||||
|
selectable: true
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
##### 核心逻辑
|
||||||
|
- **树形结构构建**：将扁平的笔记本列表转换为树形结构
|
||||||
|
- **展开状态管理**：默认展开所有笔记本节点
|
||||||
|
- **节点选择处理**：支持笔记本和文档节点的选择
|
||||||
|
|
||||||
|
##### 样式定制
|
||||||
|
```css
|
||||||
|
.notebook-tree :deep(.p-tree-node-content) {
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notebook-tree :deep(.p-tree-node-selected) {
|
||||||
|
background-color: var(--emerald-50);
|
||||||
|
color: var(--emerald-700);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## 项目结构
|
||||||
|
|
||||||
|
```
|
||||||
|
src/
|
||||||
|
├── main/ # Electron 主进程
|
||||||
|
│ ├── index.js # 主窗口创建
|
||||||
|
│ ├── indexpreload.js # 预加载脚本
|
||||||
|
│ └── services/ # 服务层
|
||||||
|
│ ├── StorageService.js # 统一存储服务
|
||||||
|
│ ├── MetaStore.js # SQLite 元数据存储
|
||||||
|
│ └── FileStorage.js # 文件存储
|
||||||
|
├── renderer/ # Vue 渲染进程
|
||||||
|
│ ├── src/
|
||||||
|
│ │ ├── components/ # Vue 组件
|
||||||
|
│ │ │ ├── SideBar.vue # 侧边栏组件
|
||||||
|
│ │ │ ├── NotesOverview.vue # 笔记概览
|
||||||
|
│ │ │ └── EditorPanel.vue # 编辑器面板
|
||||||
|
│ │ ├── composables/ # Vue 组合式函数
|
||||||
|
│ │ │ ├── useNotebookTree.js # 笔记本树形结构
|
||||||
|
│ │ │ ├── useNotebookTreeExample.js # 使用示例
|
||||||
|
│ │ │ ├── useNotebooks.js # 笔记本管理
|
||||||
|
│ │ │ ├── useNotes.js # 笔记管理
|
||||||
|
│ │ │ └── useTheme.js # 主题管理
|
||||||
|
│ │ ├── stores/ # Pinia 状态管理
|
||||||
|
│ │ │ ├── notebooks.js # 笔记本状态
|
||||||
|
│ │ │ ├── notes.js # 笔记状态
|
||||||
|
│ │ │ ├── tags.js # 标签状态
|
||||||
|
│ │ │ └── theme.js # 主题状态
|
||||||
|
│ │ └── assets/ # 静态资源
|
||||||
|
│ └── index.html # 入口 HTML
|
||||||
|
└── electron.vite.config.mjs # Electron Vite 配置
|
||||||
|
```
|
||||||
|
|
||||||
|
## 开发指南
|
||||||
|
|
||||||
|
### 环境要求
|
||||||
|
- Node.js >= 16
|
||||||
|
- npm >= 8
|
||||||
|
|
||||||
|
### 安装依赖
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### 开发模式
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### 构建生产版本
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
### 打包应用
|
||||||
|
```bash
|
||||||
|
npm run package
|
||||||
|
```
|
||||||
|
|
||||||
|
## 技术栈
|
||||||
|
|
||||||
|
### 前端框架
|
||||||
|
- **Vue 3**：渐进式 JavaScript 框架
|
||||||
|
- **Pinia**：Vue 状态管理库
|
||||||
|
- **PrimeVue**：Vue UI 组件库
|
||||||
|
- **Tailwind CSS v4**：实用优先的 CSS 框架
|
||||||
|
|
||||||
|
### 桌面框架
|
||||||
|
- **Electron**：跨平台桌面应用框架
|
||||||
|
- **electron-vite**：Electron 构建工具
|
||||||
|
|
||||||
|
### 数据存储
|
||||||
|
- **SQLite (sql.js)**：轻量级数据库
|
||||||
|
- **文件系统**：Markdown 文件存储
|
||||||
|
|
||||||
|
### 开发工具
|
||||||
|
- **Vite**：前端构建工具
|
||||||
|
- **ESLint**：代码检查工具
|
||||||
|
- **Prettier**：代码格式化工具
|
||||||
|
|
||||||
|
## 功能模块
|
||||||
|
|
||||||
|
### 1. 笔记本管理
|
||||||
|
- 创建、重命名、删除笔记本
|
||||||
|
- 支持多级笔记本结构
|
||||||
|
- 树形结构展示
|
||||||
|
|
||||||
|
### 2. 笔记管理
|
||||||
|
- 创建、编辑、删除笔记
|
||||||
|
- Markdown 实时预览
|
||||||
|
- 支持多种编辑模式
|
||||||
|
|
||||||
|
### 3. 标签系统
|
||||||
|
- 创建、删除标签
|
||||||
|
- 为笔记添加标签
|
||||||
|
- 按标签筛选笔记
|
||||||
|
|
||||||
|
### 4. 主题系统
|
||||||
|
- 浅色主题
|
||||||
|
- 深色主题
|
||||||
|
- 跟随系统主题
|
||||||
|
|
||||||
|
### 5. 工作区管理
|
||||||
|
- 自定义工作区路径
|
||||||
|
- 工作区初始化
|
||||||
|
- 数据导入导出
|
||||||
|
|
||||||
|
## 组件说明
|
||||||
|
|
||||||
|
### SideBar.vue
|
||||||
|
侧边栏组件，包含：
|
||||||
|
- 搜索功能
|
||||||
|
- 导航菜单
|
||||||
|
- 笔记本树形结构
|
||||||
|
- 标签列表
|
||||||
|
- 主题切换
|
||||||
|
- 设置入口
|
||||||
|
|
||||||
|
### NotesOverview.vue
|
||||||
|
笔记概览组件，显示：
|
||||||
|
- 笔记列表
|
||||||
|
- 笔记预览
|
||||||
|
- 筛选和排序功能
|
||||||
|
|
||||||
|
### EditorPanel.vue
|
||||||
|
编辑器面板，提供：
|
||||||
|
- Markdown 编辑
|
||||||
|
- 实时预览
|
||||||
|
- 分屏模式
|
||||||
|
- 工具栏
|
||||||
|
|
||||||
|
## 状态管理
|
||||||
|
|
||||||
|
### notebooks.js
|
||||||
|
笔记本状态管理：
|
||||||
|
- 笔记本列表
|
||||||
|
- 创建、重命名、删除操作
|
||||||
|
- 笔记本查询
|
||||||
|
|
||||||
|
### notes.js
|
||||||
|
笔记状态管理：
|
||||||
|
- 笔记列表
|
||||||
|
- 创建、编辑、删除操作
|
||||||
|
- 笔记搜索
|
||||||
|
|
||||||
|
### tags.js
|
||||||
|
标签状态管理：
|
||||||
|
- 标签列表
|
||||||
|
- 创建、删除操作
|
||||||
|
- 标签关联
|
||||||
|
|
||||||
|
### theme.js
|
||||||
|
主题状态管理：
|
||||||
|
- 主题切换
|
||||||
|
- 主题持久化
|
||||||
|
- 系统主题同步
|
||||||
|
|
||||||
|
## 组合式函数
|
||||||
|
|
||||||
|
### useNotebookTree.js
|
||||||
|
笔记本树形结构：
|
||||||
|
- 树形数据构建
|
||||||
|
- 展开状态管理
|
||||||
|
- 节点查找功能
|
||||||
|
|
||||||
|
### useNotebooks.js
|
||||||
|
笔记本管理：
|
||||||
|
- 笔记本 CRUD 操作
|
||||||
|
- 笔记本查询
|
||||||
|
- 笔记本排序
|
||||||
|
|
||||||
|
### useNotes.js
|
||||||
|
笔记管理：
|
||||||
|
- 笔记 CRUD 操作
|
||||||
|
- 笔记搜索
|
||||||
|
- 笔记筛选
|
||||||
|
|
||||||
|
### useTheme.js
|
||||||
|
主题管理：
|
||||||
|
- 主题切换
|
||||||
|
- 主题持久化
|
||||||
|
- 系统主题检测
|
||||||
|
|
||||||
|
## 存储架构
|
||||||
|
|
||||||
|
### MetaStore.js
|
||||||
|
SQLite 元数据存储：
|
||||||
|
- 笔记本元数据
|
||||||
|
- 笔记元数据
|
||||||
|
- 标签元数据
|
||||||
|
- 关联关系
|
||||||
|
|
||||||
|
### FileStorage.js
|
||||||
|
文件存储：
|
||||||
|
- Markdown 文件读写
|
||||||
|
- 文件目录管理
|
||||||
|
- 文件同步
|
||||||
|
|
||||||
|
### StorageService.js
|
||||||
|
统一存储服务：
|
||||||
|
- 协调 MetaStore 和 FileStorage
|
||||||
|
- 提供统一 API
|
||||||
|
- 数据一致性保证
|
||||||
|
|
||||||
|
## 构建配置
|
||||||
|
|
||||||
|
### electron.vite.config.mjs
|
||||||
|
Electron Vite 配置：
|
||||||
|
- 主进程构建
|
||||||
|
- 预加载脚本构建
|
||||||
|
- 渲染进程构建
|
||||||
|
|
||||||
|
### package.json
|
||||||
|
项目配置：
|
||||||
|
- 依赖管理
|
||||||
|
- 脚本命令
|
||||||
|
- 构建配置
|
||||||
|
|
||||||
|
## 部署说明
|
||||||
|
|
||||||
|
### 开发环境
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### 生产环境
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
npm run package
|
||||||
|
```
|
||||||
|
|
||||||
|
### 平台支持
|
||||||
|
- Windows
|
||||||
|
- macOS
|
||||||
|
- Linux
|
||||||
|
|
||||||
|
## 贡献指南
|
||||||
|
|
||||||
|
### 开发规范
|
||||||
|
- 使用 Vue 3 Composition API
|
||||||
|
- 遵循 ESLint 规则
|
||||||
|
- 使用 Prettier 格式化代码
|
||||||
|
|
||||||
|
### 提交规范
|
||||||
|
- 使用 Conventional Commits
|
||||||
|
- 每个提交解决一个问题
|
||||||
|
- 提交前运行测试
|
||||||
|
|
||||||
|
### 代码审查
|
||||||
|
- 至少一人审查
|
||||||
|
- 通过所有测试
|
||||||
|
- 无代码异味
|
||||||
|
|
||||||
|
## 许可证
|
||||||
|
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
## 联系方式
|
||||||
|
- 项目地址：[GitHub Repository]
|
||||||
|
- 问题反馈：[Issues]
|
||||||
|
- 文档：[Documentation]
|
||||||
17
package-lock.json
generated
17
package-lock.json
generated
@@ -35,6 +35,7 @@
|
|||||||
"autoprefixer": "^10.5.0",
|
"autoprefixer": "^10.5.0",
|
||||||
"electron-builder": "^26.8.1",
|
"electron-builder": "^26.8.1",
|
||||||
"postcss": "^8.5.15",
|
"postcss": "^8.5.15",
|
||||||
|
"prettier": "^3.8.3",
|
||||||
"vite": "^7.3.3"
|
"vite": "^7.3.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -6816,6 +6817,22 @@
|
|||||||
"node": "^12.20.0 || >=14"
|
"node": "^12.20.0 || >=14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/prettier": {
|
||||||
|
"version": "3.8.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
|
||||||
|
"integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"bin": {
|
||||||
|
"prettier": "bin/prettier.cjs"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://github.com/prettier/prettier?sponsor=1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/primeicons": {
|
"node_modules/primeicons": {
|
||||||
"version": "7.0.0",
|
"version": "7.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
|
||||||
|
|||||||
@@ -7,7 +7,8 @@
|
|||||||
"dev": "electron-vite dev",
|
"dev": "electron-vite dev",
|
||||||
"build": "electron-vite build",
|
"build": "electron-vite build",
|
||||||
"preview": "electron-vite preview",
|
"preview": "electron-vite preview",
|
||||||
"package": "electron-builder"
|
"package": "electron-builder",
|
||||||
|
"format": "prettier --write ."
|
||||||
},
|
},
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"markdown",
|
"markdown",
|
||||||
@@ -43,6 +44,7 @@
|
|||||||
"autoprefixer": "^10.5.0",
|
"autoprefixer": "^10.5.0",
|
||||||
"electron-builder": "^26.8.1",
|
"electron-builder": "^26.8.1",
|
||||||
"postcss": "^8.5.15",
|
"postcss": "^8.5.15",
|
||||||
|
"prettier": "^3.8.3",
|
||||||
"vite": "^7.3.3"
|
"vite": "^7.3.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
198
src/main/services/FileStorage.js
Normal file
198
src/main/services/FileStorage.js
Normal file
@@ -0,0 +1,198 @@
|
|||||||
|
import { readFileSync, writeFileSync, existsSync, unlinkSync, renameSync, readdirSync } from 'fs'
|
||||||
|
import { join, dirname, extname, relative } from 'path'
|
||||||
|
import { mkdirSync } from 'fs'
|
||||||
|
import matter from 'gray-matter'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* FileStorage - Manages .md files on the file system
|
||||||
|
* Each note is stored as a .md file with YAML frontmatter for metadata.
|
||||||
|
*/
|
||||||
|
export class FileStorage {
|
||||||
|
constructor(workspacePath) {
|
||||||
|
this.workspacePath = workspacePath
|
||||||
|
this.notebooksDir = join(workspacePath, 'notebooks')
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
if (!existsSync(this.notebooksDir)) {
|
||||||
|
mkdirSync(this.notebooksDir, { recursive: true })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new .md file for a note
|
||||||
|
* @param {Object} options
|
||||||
|
* @param {string} options.id - Note UUID
|
||||||
|
* @param {string} options.title - Note title
|
||||||
|
* @param {string} options.content - Markdown content (without frontmatter)
|
||||||
|
* @param {string} options.notebookName - Notebook folder name
|
||||||
|
* @param {string[]} options.tags - Tag names
|
||||||
|
* @returns {{ filePath: string, absolutePath: string }}
|
||||||
|
*/
|
||||||
|
createFile({ id, title, content = '', notebookName = '默认笔记本', tags = [] }) {
|
||||||
|
const dir = this._ensureNotebookDir(notebookName)
|
||||||
|
const fileName = this._sanitizeFileName(title) || '无标题'
|
||||||
|
const filePath = this._getUniqueFilePath(dir, fileName)
|
||||||
|
const absolutePath = join(dir, filePath)
|
||||||
|
const relativePath = join('notebooks', notebookName, filePath)
|
||||||
|
|
||||||
|
const frontmatter = {
|
||||||
|
id,
|
||||||
|
created: new Date().toISOString(),
|
||||||
|
updated: new Date().toISOString(),
|
||||||
|
tags
|
||||||
|
}
|
||||||
|
|
||||||
|
const fileContent = matter.stringify(content, frontmatter)
|
||||||
|
writeFileSync(absolutePath, fileContent, 'utf-8')
|
||||||
|
|
||||||
|
return { filePath: relativePath, absolutePath }
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Read a .md file and parse its frontmatter
|
||||||
|
* @param {string} relativePath - Path relative to workspace
|
||||||
|
* @returns {{ meta: Object, content: string } | null}
|
||||||
|
*/
|
||||||
|
readFile(relativePath) {
|
||||||
|
const absolutePath = join(this.workspacePath, relativePath)
|
||||||
|
if (!existsSync(absolutePath)) return null
|
||||||
|
|
||||||
|
const raw = readFileSync(absolutePath, 'utf-8')
|
||||||
|
const parsed = matter(raw)
|
||||||
|
|
||||||
|
return {
|
||||||
|
meta: parsed.data,
|
||||||
|
content: parsed.content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Update a .md file's content and/or frontmatter
|
||||||
|
* @param {string} relativePath - Path relative to workspace
|
||||||
|
* @param {Object} options
|
||||||
|
* @param {string} options.content - New markdown content
|
||||||
|
* @param {Object} options.meta - Frontmatter updates
|
||||||
|
*/
|
||||||
|
updateFile(relativePath, { content, meta }) {
|
||||||
|
const absolutePath = join(this.workspacePath, relativePath)
|
||||||
|
if (!existsSync(absolutePath)) return false
|
||||||
|
|
||||||
|
const existing = this.readFile(relativePath)
|
||||||
|
if (!existing) return false
|
||||||
|
|
||||||
|
const newMeta = { ...existing.meta, ...meta, updated: new Date().toISOString() }
|
||||||
|
const newContent = content !== undefined ? content : existing.content
|
||||||
|
|
||||||
|
const fileContent = matter.stringify(newContent, newMeta)
|
||||||
|
writeFileSync(absolutePath, fileContent, 'utf-8')
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Delete a .md file
|
||||||
|
* @param {string} relativePath - Path relative to workspace
|
||||||
|
*/
|
||||||
|
deleteFile(relativePath) {
|
||||||
|
const absolutePath = join(this.workspacePath, relativePath)
|
||||||
|
if (existsSync(absolutePath)) {
|
||||||
|
unlinkSync(absolutePath)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Rename/move a note file
|
||||||
|
* @param {string} oldPath - Current relative path
|
||||||
|
* @param {string} newTitle - New title (used for filename)
|
||||||
|
* @returns {string} New relative path
|
||||||
|
*/
|
||||||
|
renameFile(oldPath, newTitle) {
|
||||||
|
const absoluteOld = join(this.workspacePath, oldPath)
|
||||||
|
if (!existsSync(absoluteOld)) return oldPath
|
||||||
|
|
||||||
|
const dir = dirname(absoluteOld)
|
||||||
|
const fileName = this._sanitizeFileName(newTitle) || '无标题'
|
||||||
|
const newFileName = this._getUniqueFilePath(dir, fileName, absoluteOld)
|
||||||
|
const absoluteNew = join(dir, newFileName)
|
||||||
|
|
||||||
|
renameSync(absoluteOld, absoluteNew)
|
||||||
|
const relativePath = relative(this.workspacePath, absoluteNew)
|
||||||
|
return relativePath
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List all .md files in a notebook directory (recursively)
|
||||||
|
* @param {string} notebookName - Notebook folder name
|
||||||
|
* @returns {string[]} Array of relative paths
|
||||||
|
*/
|
||||||
|
listFiles(notebookName) {
|
||||||
|
const dir = join(this.notebooksDir, notebookName)
|
||||||
|
if (!existsSync(dir)) return []
|
||||||
|
return this._listMdFilesRecursive(dir)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List all .md files in the workspace
|
||||||
|
* @returns {string[]} Array of relative paths
|
||||||
|
*/
|
||||||
|
listAllFiles() {
|
||||||
|
if (!existsSync(this.notebooksDir)) return []
|
||||||
|
return this._listMdFilesRecursive(this.notebooksDir)
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Internal Helpers ====================
|
||||||
|
|
||||||
|
_ensureNotebookDir(notebookName) {
|
||||||
|
const dir = join(this.notebooksDir, notebookName)
|
||||||
|
if (!existsSync(dir)) {
|
||||||
|
mkdirSync(dir, { recursive: true })
|
||||||
|
}
|
||||||
|
return dir
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sanitize a title into a valid filename
|
||||||
|
* Removes characters not allowed in file names
|
||||||
|
*/
|
||||||
|
_sanitizeFileName(title) {
|
||||||
|
if (!title) return ''
|
||||||
|
return title
|
||||||
|
.replace(/[<>:"/\\|?*\x00-\x1f]/g, '') // Remove invalid chars
|
||||||
|
.replace(/\s+/g, ' ') // Normalize spaces
|
||||||
|
.trim()
|
||||||
|
.substring(0, 200) // Limit length
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a unique filename, appending (1), (2), etc. if needed
|
||||||
|
*/
|
||||||
|
_getUniqueFilePath(dir, baseName, excludePath = null) {
|
||||||
|
const ext = '.md'
|
||||||
|
let candidate = `${baseName}${ext}`
|
||||||
|
let counter = 1
|
||||||
|
const fullPath = join(dir, candidate)
|
||||||
|
|
||||||
|
while (existsSync(fullPath) && fullPath !== excludePath) {
|
||||||
|
candidate = `${baseName} (${counter})${ext}`
|
||||||
|
counter++
|
||||||
|
}
|
||||||
|
|
||||||
|
return candidate
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Recursively list all .md files
|
||||||
|
*/
|
||||||
|
_listMdFilesRecursive(dir, results = []) {
|
||||||
|
const entries = readdirSync(dir, { withFileTypes: true })
|
||||||
|
for (const entry of entries) {
|
||||||
|
const fullPath = join(dir, entry.name)
|
||||||
|
if (entry.isDirectory()) {
|
||||||
|
this._listMdFilesRecursive(fullPath, results)
|
||||||
|
} else if (extname(entry.name) === '.md') {
|
||||||
|
results.push(relative(this.workspacePath, fullPath))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return results
|
||||||
|
}
|
||||||
|
}
|
||||||
354
src/main/services/MetaStore.js
Normal file
354
src/main/services/MetaStore.js
Normal file
@@ -0,0 +1,354 @@
|
|||||||
|
import initSqlJs from 'sql.js'
|
||||||
|
import { readFileSync, writeFileSync, existsSync } from 'fs'
|
||||||
|
import { dirname } from 'path'
|
||||||
|
import { mkdirSync } from 'fs'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MetaStore - SQLite-based metadata storage for notes
|
||||||
|
* Uses sql.js (WASM) to avoid native compilation requirements.
|
||||||
|
* Database is loaded into memory and persisted to disk on changes.
|
||||||
|
*/
|
||||||
|
export class MetaStore {
|
||||||
|
constructor(dbPath) {
|
||||||
|
this.dbPath = dbPath
|
||||||
|
this.db = null
|
||||||
|
this._dirty = false
|
||||||
|
this._saveTimer = null
|
||||||
|
}
|
||||||
|
|
||||||
|
async init() {
|
||||||
|
const SQL = await initSqlJs()
|
||||||
|
|
||||||
|
if (existsSync(this.dbPath)) {
|
||||||
|
const buffer = readFileSync(this.dbPath)
|
||||||
|
this.db = new SQL.Database(buffer)
|
||||||
|
this._migrate()
|
||||||
|
} else {
|
||||||
|
this.db = new SQL.Database()
|
||||||
|
this._createTables()
|
||||||
|
this._seedDefaults()
|
||||||
|
this._save()
|
||||||
|
}
|
||||||
|
|
||||||
|
// Enable WAL-like behavior for better concurrency
|
||||||
|
this.db.run('PRAGMA journal_mode=DELETE')
|
||||||
|
this.db.run('PRAGMA foreign_keys=ON')
|
||||||
|
}
|
||||||
|
|
||||||
|
_createTables() {
|
||||||
|
this.db.run(`
|
||||||
|
CREATE TABLE IF NOT EXISTS notebooks (
|
||||||
|
id TEXT PRIMARY KEY,
|
||||||
|
name TEXT NOT NULL,
|
||||||
|
parent_id TEXT,
|
||||||
|
sort_order INTEGER DEFAULT 0,
|
||||||
|
created_at TEXT NOT NULL,
|
||||||
|
FOREIGN KEY (parent_id) REFERENCES notebooks(id) ON DELETE SET NULL
|
||||||
|
)
|
||||||
|
`)
|
||||||
|
|
||||||
|
this.db.run(`
|
||||||
|
CREATE TABLE IF NOT EXISTS notes (
|
||||||
|
id TEXT PRIMARY KEY,
|
||||||
|
title TEXT NOT NULL DEFAULT '',
|
||||||
|
file_path TEXT NOT NULL UNIQUE,
|
||||||
|
notebook_id TEXT NOT NULL,
|
||||||
|
word_count INTEGER DEFAULT 0,
|
||||||
|
is_pinned INTEGER DEFAULT 0,
|
||||||
|
is_favorited INTEGER DEFAULT 0,
|
||||||
|
is_trashed INTEGER DEFAULT 0,
|
||||||
|
created_at TEXT NOT NULL,
|
||||||
|
updated_at TEXT NOT NULL,
|
||||||
|
FOREIGN KEY (notebook_id) REFERENCES notebooks(id) ON DELETE CASCADE
|
||||||
|
)
|
||||||
|
`)
|
||||||
|
|
||||||
|
this.db.run(`
|
||||||
|
CREATE TABLE IF NOT EXISTS tags (
|
||||||
|
id TEXT PRIMARY KEY,
|
||||||
|
name TEXT NOT NULL UNIQUE
|
||||||
|
)
|
||||||
|
`)
|
||||||
|
|
||||||
|
this.db.run(`
|
||||||
|
CREATE TABLE IF NOT EXISTS note_tags (
|
||||||
|
note_id TEXT NOT NULL,
|
||||||
|
tag_id TEXT NOT NULL,
|
||||||
|
PRIMARY KEY (note_id, tag_id),
|
||||||
|
FOREIGN KEY (note_id) REFERENCES notes(id) ON DELETE CASCADE,
|
||||||
|
FOREIGN KEY (tag_id) REFERENCES tags(id) ON DELETE CASCADE
|
||||||
|
)
|
||||||
|
`)
|
||||||
|
|
||||||
|
this.db.run(`
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_notes_notebook ON notes(notebook_id)
|
||||||
|
`)
|
||||||
|
this.db.run(`
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_notes_trashed ON notes(is_trashed)
|
||||||
|
`)
|
||||||
|
this.db.run(`
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_notes_updated ON notes(updated_at)
|
||||||
|
`)
|
||||||
|
}
|
||||||
|
|
||||||
|
_migrate() {
|
||||||
|
// Add is_favorited column if it doesn't exist (for existing databases)
|
||||||
|
try {
|
||||||
|
const columns = this._all("PRAGMA table_info(notes)")
|
||||||
|
const hasFavorited = columns.some(c => c.name === 'is_favorited')
|
||||||
|
if (!hasFavorited) {
|
||||||
|
this.db.run('ALTER TABLE notes ADD COLUMN is_favorited INTEGER DEFAULT 0')
|
||||||
|
this._markDirty()
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
// Table might not exist yet, ignore
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_seedDefaults() {
|
||||||
|
const now = new Date().toISOString()
|
||||||
|
// Create a default notebook
|
||||||
|
this.db.run(
|
||||||
|
'INSERT INTO notebooks (id, name, parent_id, sort_order, created_at) VALUES (?, ?, ?, ?, ?)',
|
||||||
|
['default', '默认笔记本', null, 0, now]
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
_save() {
|
||||||
|
if (this._saveTimer) clearTimeout(this._saveTimer)
|
||||||
|
this._saveTimer = setTimeout(() => {
|
||||||
|
const data = this.db.export()
|
||||||
|
const dir = dirname(this.dbPath)
|
||||||
|
if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
|
||||||
|
writeFileSync(this.dbPath, Buffer.from(data))
|
||||||
|
this._dirty = false
|
||||||
|
}, 100) // debounce 100ms
|
||||||
|
}
|
||||||
|
|
||||||
|
_markDirty() {
|
||||||
|
this._dirty = true
|
||||||
|
this._save()
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Helper: run a write query and auto-save ---
|
||||||
|
_run(sql, params = []) {
|
||||||
|
this.db.run(sql, params)
|
||||||
|
this._markDirty()
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Helper: get all rows ---
|
||||||
|
_all(sql, params = []) {
|
||||||
|
const stmt = this.db.prepare(sql)
|
||||||
|
if (params.length) stmt.bind(params)
|
||||||
|
const rows = []
|
||||||
|
while (stmt.step()) {
|
||||||
|
rows.push(stmt.getAsObject())
|
||||||
|
}
|
||||||
|
stmt.free()
|
||||||
|
return rows
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Helper: get one row ---
|
||||||
|
_get(sql, params = []) {
|
||||||
|
const rows = this._all(sql, params)
|
||||||
|
return rows.length > 0 ? rows[0] : null
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Notes ====================
|
||||||
|
|
||||||
|
createNote({ id, title, filePath, notebookId, wordCount = 0 }) {
|
||||||
|
const now = new Date().toISOString()
|
||||||
|
this._run(
|
||||||
|
'INSERT INTO notes (id, title, file_path, notebook_id, word_count, created_at, updated_at) VALUES (?, ?, ?, ?, ?, ?, ?)',
|
||||||
|
[id, title, filePath, notebookId, wordCount, now, now]
|
||||||
|
)
|
||||||
|
return this.getNote(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
getNote(id) {
|
||||||
|
const note = this._get('SELECT * FROM notes WHERE id = ?', [id])
|
||||||
|
if (!note) return null
|
||||||
|
note.tags = this._getNoteTags(id)
|
||||||
|
return note
|
||||||
|
}
|
||||||
|
|
||||||
|
getNoteByPath(filePath) {
|
||||||
|
const note = this._get('SELECT * FROM notes WHERE file_path = ?', [filePath])
|
||||||
|
if (!note) return null
|
||||||
|
note.tags = this._getNoteTags(note.id)
|
||||||
|
return note
|
||||||
|
}
|
||||||
|
|
||||||
|
updateNote(id, { title, notebookId, wordCount, isPinned, isFavorited, isTrashed, filePath }) {
|
||||||
|
const fields = []
|
||||||
|
const params = []
|
||||||
|
|
||||||
|
if (title !== undefined) { fields.push('title = ?'); params.push(title) }
|
||||||
|
if (filePath !== undefined) { fields.push('file_path = ?'); params.push(filePath) }
|
||||||
|
if (notebookId !== undefined) { fields.push('notebook_id = ?'); params.push(notebookId) }
|
||||||
|
if (wordCount !== undefined) { fields.push('word_count = ?'); params.push(wordCount) }
|
||||||
|
if (isPinned !== undefined) { fields.push('is_pinned = ?'); params.push(isPinned ? 1 : 0) }
|
||||||
|
if (isFavorited !== undefined) { fields.push('is_favorited = ?'); params.push(isFavorited ? 1 : 0) }
|
||||||
|
if (isTrashed !== undefined) { fields.push('is_trashed = ?'); params.push(isTrashed ? 1 : 0) }
|
||||||
|
|
||||||
|
if (fields.length === 0) return
|
||||||
|
|
||||||
|
fields.push('updated_at = ?')
|
||||||
|
params.push(new Date().toISOString())
|
||||||
|
params.push(id)
|
||||||
|
|
||||||
|
this._run(`UPDATE notes SET ${fields.join(', ')} WHERE id = ?`, params)
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteNote(id) {
|
||||||
|
this._run('DELETE FROM notes WHERE id = ?', [id])
|
||||||
|
}
|
||||||
|
|
||||||
|
listNotes({ notebookId, tagId, isTrashed = 0, isFavorited, search, sort = 'updated_at' } = {}) {
|
||||||
|
let sql = 'SELECT n.* FROM notes n'
|
||||||
|
const params = []
|
||||||
|
const conditions = ['n.is_trashed = ?']
|
||||||
|
params.push(isTrashed ? 1 : 0)
|
||||||
|
|
||||||
|
if (isFavorited !== undefined) {
|
||||||
|
conditions.push('n.is_favorited = ?')
|
||||||
|
params.push(isFavorited ? 1 : 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (tagId) {
|
||||||
|
sql += ' INNER JOIN note_tags nt ON n.id = nt.note_id'
|
||||||
|
conditions.push('nt.tag_id = ?')
|
||||||
|
params.push(tagId)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (notebookId) {
|
||||||
|
conditions.push('n.notebook_id = ?')
|
||||||
|
params.push(notebookId)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (search) {
|
||||||
|
conditions.push('(n.title LIKE ?)')
|
||||||
|
params.push(`%${search}%`)
|
||||||
|
}
|
||||||
|
|
||||||
|
sql += ` WHERE ${conditions.join(' AND ')}`
|
||||||
|
|
||||||
|
const validSorts = ['updated_at', 'created_at', 'title', 'word_count']
|
||||||
|
const sortCol = validSorts.includes(sort) ? sort : 'updated_at'
|
||||||
|
sql += ` GROUP BY n.id ORDER BY n.is_pinned DESC, n.${sortCol} DESC`
|
||||||
|
|
||||||
|
const notes = this._all(sql, params)
|
||||||
|
// Attach tags to each note
|
||||||
|
for (const note of notes) {
|
||||||
|
note.tags = this._getNoteTags(note.id)
|
||||||
|
}
|
||||||
|
return notes
|
||||||
|
}
|
||||||
|
|
||||||
|
_getNoteTags(noteId) {
|
||||||
|
return this._all(
|
||||||
|
`SELECT t.id, t.name FROM tags t
|
||||||
|
INNER JOIN note_tags nt ON t.id = nt.tag_id
|
||||||
|
WHERE nt.note_id = ?`,
|
||||||
|
[noteId]
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Notebooks ====================
|
||||||
|
|
||||||
|
createNotebook({ id, name, parentId = null, sortOrder = 0 }) {
|
||||||
|
const now = new Date().toISOString()
|
||||||
|
this._run(
|
||||||
|
'INSERT INTO notebooks (id, name, parent_id, sort_order, created_at) VALUES (?, ?, ?, ?, ?)',
|
||||||
|
[id, name, parentId, sortOrder, now]
|
||||||
|
)
|
||||||
|
return this.getNotebook(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
getNotebook(id) {
|
||||||
|
return this._get('SELECT * FROM notebooks WHERE id = ?', [id])
|
||||||
|
}
|
||||||
|
|
||||||
|
listNotebooks() {
|
||||||
|
return this._all('SELECT * FROM notebooks ORDER BY sort_order, name')
|
||||||
|
}
|
||||||
|
|
||||||
|
renameNotebook(id, name) {
|
||||||
|
this._run('UPDATE notebooks SET name = ? WHERE id = ?', [name, id])
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteNotebook(id) {
|
||||||
|
// Move notes to default notebook before deleting
|
||||||
|
this._run("UPDATE notes SET notebook_id = 'default' WHERE notebook_id = ?", [id])
|
||||||
|
this._run('DELETE FROM notebooks WHERE id = ?', [id])
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Tags ====================
|
||||||
|
|
||||||
|
createTag({ id, name }) {
|
||||||
|
this._run('INSERT INTO tags (id, name) VALUES (?, ?)', [id, name])
|
||||||
|
return { id, name }
|
||||||
|
}
|
||||||
|
|
||||||
|
getTag(id) {
|
||||||
|
return this._get('SELECT * FROM tags WHERE id = ?', [id])
|
||||||
|
}
|
||||||
|
|
||||||
|
listTags() {
|
||||||
|
return this._all('SELECT t.*, COUNT(nt.note_id) as note_count FROM tags t LEFT JOIN note_tags nt ON t.id = nt.tag_id GROUP BY t.id ORDER BY t.name')
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteTag(id) {
|
||||||
|
this._run('DELETE FROM tags WHERE id = ?', [id])
|
||||||
|
}
|
||||||
|
|
||||||
|
addTagToNote(noteId, tagId) {
|
||||||
|
this._run('INSERT OR IGNORE INTO note_tags (note_id, tag_id) VALUES (?, ?)', [noteId, tagId])
|
||||||
|
}
|
||||||
|
|
||||||
|
removeTagFromNote(noteId, tagId) {
|
||||||
|
this._run('DELETE FROM note_tags WHERE note_id = ? AND tag_id = ?', [noteId, tagId])
|
||||||
|
}
|
||||||
|
|
||||||
|
setNoteTags(noteId, tagIds) {
|
||||||
|
this._run('DELETE FROM note_tags WHERE note_id = ?', [noteId])
|
||||||
|
for (const tagId of tagIds) {
|
||||||
|
this._run('INSERT INTO note_tags (note_id, tag_id) VALUES (?, ?)', [noteId, tagId])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Search ====================
|
||||||
|
|
||||||
|
search(query) {
|
||||||
|
return this._all(
|
||||||
|
"SELECT * FROM notes WHERE title LIKE ? AND is_trashed = 0 ORDER BY updated_at DESC",
|
||||||
|
[`%${query}%`]
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Stats ====================
|
||||||
|
|
||||||
|
getStats() {
|
||||||
|
const noteCount = this._get('SELECT COUNT(*) as count FROM notes WHERE is_trashed = 0')
|
||||||
|
const notebookCount = this._get('SELECT COUNT(*) as count FROM notebooks')
|
||||||
|
const tagCount = this._get('SELECT COUNT(*) as count FROM tags')
|
||||||
|
return {
|
||||||
|
notes: noteCount?.count || 0,
|
||||||
|
notebooks: notebookCount?.count || 0,
|
||||||
|
tags: tagCount?.count || 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Lifecycle ====================
|
||||||
|
|
||||||
|
close() {
|
||||||
|
if (this._saveTimer) clearTimeout(this._saveTimer)
|
||||||
|
// Final save
|
||||||
|
if (this.db) {
|
||||||
|
const data = this.db.export()
|
||||||
|
writeFileSync(this.dbPath, Buffer.from(data))
|
||||||
|
this.db.close()
|
||||||
|
this.db = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
425
src/main/services/StorageService.js
Normal file
425
src/main/services/StorageService.js
Normal file
@@ -0,0 +1,425 @@
|
|||||||
|
import { join, dirname } from 'path'
|
||||||
|
import { existsSync, mkdirSync, renameSync } from 'fs'
|
||||||
|
import { app } from 'electron'
|
||||||
|
import { nanoid } from 'nanoid'
|
||||||
|
import { MetaStore } from './MetaStore'
|
||||||
|
import { FileStorage } from './FileStorage'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* StorageService - Unified storage layer combining FileStorage + MetaStore
|
||||||
|
* Coordinates between .md files (content) and SQLite (metadata).
|
||||||
|
*/
|
||||||
|
export class StorageService {
|
||||||
|
constructor() {
|
||||||
|
this.metaStore = null
|
||||||
|
this.fileStorage = null
|
||||||
|
this.workspacePath = null
|
||||||
|
this._listeners = new Set()
|
||||||
|
}
|
||||||
|
|
||||||
|
async init(workspacePath) {
|
||||||
|
this.workspacePath = workspacePath
|
||||||
|
|
||||||
|
// Ensure .tunji directory exists
|
||||||
|
const tunjiDir = join(workspacePath, '.tunji')
|
||||||
|
if (!existsSync(tunjiDir)) {
|
||||||
|
mkdirSync(tunjiDir, { recursive: true })
|
||||||
|
}
|
||||||
|
|
||||||
|
// Initialize sub-services
|
||||||
|
this.metaStore = new MetaStore(join(tunjiDir, 'tunji.db'))
|
||||||
|
await this.metaStore.init()
|
||||||
|
|
||||||
|
this.fileStorage = new FileStorage(workspacePath)
|
||||||
|
this.fileStorage.init()
|
||||||
|
|
||||||
|
// Sync file system with database on startup
|
||||||
|
await this._syncFileSystem()
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Notes ====================
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a new note
|
||||||
|
*/
|
||||||
|
async createNote({ title = '无标题', content = '', notebookId = 'default', tags = [] } = {}) {
|
||||||
|
const id = nanoid(12)
|
||||||
|
const notebook = this.metaStore.getNotebook(notebookId)
|
||||||
|
const notebookName = notebook ? notebook.name : '默认笔记本'
|
||||||
|
|
||||||
|
// Create .md file
|
||||||
|
const { filePath } = this.fileStorage.createFile({
|
||||||
|
id,
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
notebookName,
|
||||||
|
tags
|
||||||
|
})
|
||||||
|
|
||||||
|
// Create database record
|
||||||
|
const note = this.metaStore.createNote({
|
||||||
|
id,
|
||||||
|
title,
|
||||||
|
filePath,
|
||||||
|
notebookId,
|
||||||
|
wordCount: this._countWords(content)
|
||||||
|
})
|
||||||
|
|
||||||
|
// Set tags in junction table
|
||||||
|
if (tags.length > 0) {
|
||||||
|
this._ensureTags(tags)
|
||||||
|
const tagRecords = tags.map(name => {
|
||||||
|
const t = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [name])
|
||||||
|
return t?.id
|
||||||
|
}).filter(Boolean)
|
||||||
|
this.metaStore.setNoteTags(id, tagRecords)
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.getNote(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a single note with full content
|
||||||
|
*/
|
||||||
|
async getNote(id) {
|
||||||
|
const note = this.metaStore.getNote(id)
|
||||||
|
if (!note) return null
|
||||||
|
|
||||||
|
// Read content from file
|
||||||
|
const fileData = this.fileStorage.readFile(note.file_path)
|
||||||
|
if (fileData) {
|
||||||
|
note.content = fileData.content
|
||||||
|
// Sync title from frontmatter if different
|
||||||
|
if (fileData.meta.tags && fileData.meta.tags.length > 0) {
|
||||||
|
note.tags = fileData.meta.tags.map(name => ({ id: name, name }))
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
note.content = ''
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get notebook name
|
||||||
|
const notebook = this.metaStore.getNotebook(note.notebook_id)
|
||||||
|
note.notebook_name = notebook ? notebook.name : '未知'
|
||||||
|
|
||||||
|
return note
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Update a note's content and/or metadata
|
||||||
|
*/
|
||||||
|
async updateNote(id, { title, content, notebookId, tags, isPinned, isFavorited, isTrashed }) {
|
||||||
|
const note = this.metaStore.getNote(id)
|
||||||
|
if (!note) return null
|
||||||
|
|
||||||
|
const updates = {}
|
||||||
|
|
||||||
|
// Update file content if provided
|
||||||
|
if (content !== undefined || title !== undefined || tags !== undefined) {
|
||||||
|
const meta = {}
|
||||||
|
if (tags !== undefined) meta.tags = tags
|
||||||
|
|
||||||
|
this.fileStorage.updateFile(note.file_path, {
|
||||||
|
content: content !== undefined ? content : undefined,
|
||||||
|
meta
|
||||||
|
})
|
||||||
|
|
||||||
|
if (content !== undefined) {
|
||||||
|
updates.wordCount = this._countWords(content)
|
||||||
|
}
|
||||||
|
|
||||||
|
// If title changed, rename the file
|
||||||
|
if (title !== undefined && title !== note.title) {
|
||||||
|
const oldPath = note.file_path
|
||||||
|
const notebook = this.metaStore.getNotebook(note.notebook_id)
|
||||||
|
const notebookName = notebook ? notebook.name : '默认笔记本'
|
||||||
|
const newRelativePath = `notebooks/${notebookName}/${this.fileStorage._sanitizeFileName(title) || '无标题'}.md`
|
||||||
|
|
||||||
|
// Only rename if the path would actually change
|
||||||
|
if (newRelativePath !== oldPath) {
|
||||||
|
const absoluteOld = join(this.workspacePath, oldPath)
|
||||||
|
const absoluteNew = join(this.workspacePath, newRelativePath)
|
||||||
|
if (existsSync(absoluteOld)) {
|
||||||
|
const dir = dirname(absoluteNew)
|
||||||
|
if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
|
||||||
|
renameSync(absoluteOld, absoluteNew)
|
||||||
|
updates.filePath = newRelativePath
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
updates.title = title !== undefined ? title : note.title
|
||||||
|
}
|
||||||
|
|
||||||
|
if (notebookId !== undefined) updates.notebookId = notebookId
|
||||||
|
if (isPinned !== undefined) updates.isPinned = isPinned
|
||||||
|
if (isFavorited !== undefined) updates.isFavorited = isFavorited
|
||||||
|
if (isTrashed !== undefined) updates.isTrashed = isTrashed
|
||||||
|
|
||||||
|
// Update database
|
||||||
|
this.metaStore.updateNote(id, updates)
|
||||||
|
|
||||||
|
// Update tags in junction table
|
||||||
|
if (tags !== undefined) {
|
||||||
|
this._ensureTags(tags)
|
||||||
|
const tagRecords = tags.map(name => {
|
||||||
|
const t = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [name])
|
||||||
|
return t?.id
|
||||||
|
}).filter(Boolean)
|
||||||
|
this.metaStore.setNoteTags(id, tagRecords)
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.getNote(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Delete a note (moves to trash, or permanently if already trashed)
|
||||||
|
*/
|
||||||
|
async deleteNote(id, permanent = false) {
|
||||||
|
const note = this.metaStore.getNote(id)
|
||||||
|
if (!note) return false
|
||||||
|
|
||||||
|
if (permanent) {
|
||||||
|
this.fileStorage.deleteFile(note.file_path)
|
||||||
|
this.metaStore.deleteNote(id)
|
||||||
|
} else {
|
||||||
|
this.metaStore.updateNote(id, { isTrashed: true })
|
||||||
|
}
|
||||||
|
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore a note from trash
|
||||||
|
*/
|
||||||
|
async restoreNote(id) {
|
||||||
|
this.metaStore.updateNote(id, { isTrashed: false })
|
||||||
|
return this.getNote(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List notes with optional filters
|
||||||
|
*/
|
||||||
|
async listNotes(filter = {}) {
|
||||||
|
return this.metaStore.listNotes(filter)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Search notes by query
|
||||||
|
*/
|
||||||
|
async searchNotes(query) {
|
||||||
|
if (!query || !query.trim()) return []
|
||||||
|
return this.metaStore.search(query.trim())
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Notebooks ====================
|
||||||
|
|
||||||
|
async createNotebook({ name, parentId = null }) {
|
||||||
|
const id = nanoid(12)
|
||||||
|
const notebook = this.metaStore.createNotebook({ id, name, parentId })
|
||||||
|
|
||||||
|
// Create the directory on disk
|
||||||
|
this.fileStorage._ensureNotebookDir(name)
|
||||||
|
|
||||||
|
return notebook
|
||||||
|
}
|
||||||
|
|
||||||
|
async listNotebooks() {
|
||||||
|
return this.metaStore.listNotebooks()
|
||||||
|
}
|
||||||
|
|
||||||
|
async renameNotebook(id, name) {
|
||||||
|
const notebook = this.metaStore.getNotebook(id)
|
||||||
|
if (!notebook) return null
|
||||||
|
|
||||||
|
// Rename directory on disk
|
||||||
|
const oldDir = join(this.workspacePath, 'notebooks', notebook.name)
|
||||||
|
const newDir = join(this.workspacePath, 'notebooks', name)
|
||||||
|
if (existsSync(oldDir) && !existsSync(newDir)) {
|
||||||
|
renameSync(oldDir, newDir)
|
||||||
|
|
||||||
|
// Update file paths in database for all notes in this notebook
|
||||||
|
const notes = this.metaStore.listNotes({ notebookId: id })
|
||||||
|
for (const note of notes) {
|
||||||
|
const oldPath = note.file_path
|
||||||
|
const newPath = oldPath.replace(`notebooks/${notebook.name}/`, `notebooks/${name}/`)
|
||||||
|
this.metaStore.updateNote(note.id, { filePath: newPath })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.metaStore.renameNotebook(id, name)
|
||||||
|
return this.metaStore.getNotebook(id)
|
||||||
|
}
|
||||||
|
|
||||||
|
async deleteNotebook(id) {
|
||||||
|
if (id === 'default') return false // Cannot delete default notebook
|
||||||
|
this.metaStore.deleteNotebook(id)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Tags ====================
|
||||||
|
|
||||||
|
async createTag(name) {
|
||||||
|
const existing = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [name])
|
||||||
|
if (existing) return { id: existing.id, name }
|
||||||
|
|
||||||
|
const id = nanoid(8)
|
||||||
|
return this.metaStore.createTag({ id, name })
|
||||||
|
}
|
||||||
|
|
||||||
|
async listTags() {
|
||||||
|
return this.metaStore.listTags()
|
||||||
|
}
|
||||||
|
|
||||||
|
async deleteTag(id) {
|
||||||
|
this.metaStore.deleteTag(id)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
async addTagToNote(noteId, tagName) {
|
||||||
|
this._ensureTags([tagName])
|
||||||
|
const tag = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [tagName])
|
||||||
|
if (!tag) return false
|
||||||
|
this.metaStore.addTagToNote(noteId, tag.id)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
async removeTagFromNote(noteId, tagName) {
|
||||||
|
const tag = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [tagName])
|
||||||
|
if (!tag) return false
|
||||||
|
this.metaStore.removeTagFromNote(noteId, tag.id)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Utilities ====================
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get workspace statistics
|
||||||
|
*/
|
||||||
|
async getStats() {
|
||||||
|
return this.metaStore.getStats()
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Force save all pending changes
|
||||||
|
*/
|
||||||
|
flush() {
|
||||||
|
if (this.metaStore) {
|
||||||
|
this.metaStore._save()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Close and cleanup
|
||||||
|
*/
|
||||||
|
close() {
|
||||||
|
if (this.metaStore) {
|
||||||
|
this.metaStore.close()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ==================== Internal ====================
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Ensure tag records exist for given tag names
|
||||||
|
*/
|
||||||
|
_ensureTags(tagNames) {
|
||||||
|
for (const name of tagNames) {
|
||||||
|
const existing = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [name])
|
||||||
|
if (!existing) {
|
||||||
|
this.metaStore.createTag({ id: nanoid(8), name })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Count words in content (Chinese + English)
|
||||||
|
*/
|
||||||
|
_countWords(text) {
|
||||||
|
if (!text) return 0
|
||||||
|
// Count Chinese characters individually, English words by spaces
|
||||||
|
const chinese = (text.match(/[一-鿿]/g) || []).length
|
||||||
|
const english = text.replace(/[一-鿿]/g, '').trim().split(/\s+/).filter(w => w.length > 0).length
|
||||||
|
return chinese + english
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* On startup: scan file system and sync with database
|
||||||
|
* - Add new files found on disk but not in DB
|
||||||
|
* - Update modified files
|
||||||
|
* - Remove DB entries for deleted files
|
||||||
|
*/
|
||||||
|
async _syncFileSystem() {
|
||||||
|
const filesOnDisk = this.fileStorage.listAllFiles()
|
||||||
|
const filesInDb = this.metaStore.listNotes().map(n => n.file_path)
|
||||||
|
const dbFileSet = new Set(filesInDb)
|
||||||
|
|
||||||
|
// Build a set of existing note IDs to avoid UNIQUE constraint violations
|
||||||
|
const existingIds = new Set(this.metaStore.listNotes().map(n => n.id))
|
||||||
|
|
||||||
|
for (const filePath of filesOnDisk) {
|
||||||
|
if (!dbFileSet.has(filePath)) {
|
||||||
|
// New file found on disk - import it
|
||||||
|
const fileData = this.fileStorage.readFile(filePath)
|
||||||
|
if (fileData) {
|
||||||
|
// Always generate a fresh ID to avoid UNIQUE constraint conflicts
|
||||||
|
// with IDs that may already exist in the database
|
||||||
|
let id = fileData.meta.id
|
||||||
|
if (!id || existingIds.has(id)) {
|
||||||
|
id = nanoid(12)
|
||||||
|
}
|
||||||
|
existingIds.add(id)
|
||||||
|
|
||||||
|
const title = fileData.meta.title || this._titleFromPath(filePath)
|
||||||
|
const tags = fileData.meta.tags || []
|
||||||
|
|
||||||
|
// Determine notebook from path
|
||||||
|
const pathParts = filePath.split('/')
|
||||||
|
const notebookName = pathParts.length > 1 ? pathParts[1] : '默认笔记本'
|
||||||
|
let notebook = this.metaStore._get('SELECT id FROM notebooks WHERE name = ?', [notebookName])
|
||||||
|
if (!notebook) {
|
||||||
|
const nbId = nanoid(12)
|
||||||
|
this.metaStore.createNotebook({ id: nbId, name: notebookName })
|
||||||
|
notebook = { id: nbId }
|
||||||
|
}
|
||||||
|
|
||||||
|
this.metaStore.createNote({
|
||||||
|
id,
|
||||||
|
title,
|
||||||
|
filePath,
|
||||||
|
notebookId: notebook.id,
|
||||||
|
wordCount: this._countWords(fileData.content)
|
||||||
|
})
|
||||||
|
|
||||||
|
if (tags.length > 0) {
|
||||||
|
this._ensureTags(tags)
|
||||||
|
const tagRecords = tags.map(name => {
|
||||||
|
const t = this.metaStore._get('SELECT id FROM tags WHERE name = ?', [name])
|
||||||
|
return t?.id
|
||||||
|
}).filter(Boolean)
|
||||||
|
this.metaStore.setNoteTags(id, tagRecords)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove DB entries for files that no longer exist on disk
|
||||||
|
for (const dbFile of filesInDb) {
|
||||||
|
const absolutePath = join(this.workspacePath, dbFile)
|
||||||
|
if (!existsSync(absolutePath)) {
|
||||||
|
const note = this.metaStore.getNoteByPath(dbFile)
|
||||||
|
if (note) {
|
||||||
|
this.metaStore.deleteNote(note.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extract a title from file path
|
||||||
|
*/
|
||||||
|
_titleFromPath(filePath) {
|
||||||
|
const parts = filePath.split('/')
|
||||||
|
const fileName = parts[parts.length - 1]
|
||||||
|
return fileName.replace(/\.md$/, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
10
src/main/services/utils.js
Normal file
10
src/main/services/utils.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
/**
|
||||||
|
* Debounce a function call
|
||||||
|
*/
|
||||||
|
export function debounce(fn, delay) {
|
||||||
|
let timer = null
|
||||||
|
return function (...args) {
|
||||||
|
if (timer) clearTimeout(timer)
|
||||||
|
timer = setTimeout(() => fn.apply(this, args), delay)
|
||||||
|
}
|
||||||
|
}
|
||||||
154
src/renderer/src/composables/useNotebookTree.js
Normal file
154
src/renderer/src/composables/useNotebookTree.js
Normal file
@@ -0,0 +1,154 @@
|
|||||||
|
import { computed } from 'vue'
|
||||||
|
import { useNotebooksStore } from '../stores/notebooks'
|
||||||
|
import { useNotesStore } from '../stores/notes'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Composable for building a tree structure of notebooks and notes
|
||||||
|
* for use with PrimeVue Tree component
|
||||||
|
*/
|
||||||
|
export function useNotebookTree() {
|
||||||
|
const notebooksStore = useNotebooksStore()
|
||||||
|
const notesStore = useNotesStore()
|
||||||
|
|
||||||
|
const notebooks = computed(() => notebooksStore.notebooks)
|
||||||
|
const notes = computed(() => notesStore.notes)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build tree structure from flat notebooks and notes lists
|
||||||
|
*/
|
||||||
|
const notebookTree = computed(() => {
|
||||||
|
// Create a map for quick lookup
|
||||||
|
const notebookMap = new Map()
|
||||||
|
notebooks.value.forEach(nb => {
|
||||||
|
notebookMap.set(nb.id, {
|
||||||
|
key: `notebook-${nb.id}`,
|
||||||
|
label: nb.name,
|
||||||
|
data: { type: 'notebook', id: nb.id, name: nb.name },
|
||||||
|
icon: 'pi pi-book',
|
||||||
|
children: [],
|
||||||
|
selectable: true
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
// Build tree structure
|
||||||
|
const rootNodes = []
|
||||||
|
notebooks.value.forEach(nb => {
|
||||||
|
const node = notebookMap.get(nb.id)
|
||||||
|
if (nb.parent_id && notebookMap.has(nb.parent_id)) {
|
||||||
|
// Add as child to parent
|
||||||
|
notebookMap.get(nb.parent_id).children.push(node)
|
||||||
|
} else {
|
||||||
|
// Add as root node
|
||||||
|
rootNodes.push(node)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// Add notes to their respective notebooks
|
||||||
|
notes.value.forEach(note => {
|
||||||
|
if (note.is_trashed) return // Skip trashed notes
|
||||||
|
|
||||||
|
const noteNode = {
|
||||||
|
key: `note-${note.id}`,
|
||||||
|
label: note.title || '无标题',
|
||||||
|
data: { type: 'note', id: note.id, title: note.title, notebook_id: note.notebook_id },
|
||||||
|
icon: 'pi pi-file',
|
||||||
|
selectable: true
|
||||||
|
}
|
||||||
|
|
||||||
|
const parentNode = notebookMap.get(note.notebook_id)
|
||||||
|
if (parentNode) {
|
||||||
|
parentNode.children.push(noteNode)
|
||||||
|
} else {
|
||||||
|
// If notebook not found, add to root (shouldn't happen normally)
|
||||||
|
rootNodes.push(noteNode)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// Sort children: notebooks first, then notes
|
||||||
|
const sortChildren = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
node.children.sort((a, b) => {
|
||||||
|
// Notebooks first, then notes
|
||||||
|
if (a.data.type === 'notebook' && b.data.type !== 'notebook') return -1
|
||||||
|
if (a.data.type !== 'notebook' && b.data.type === 'notebook') return 1
|
||||||
|
// Within same type, sort alphabetically
|
||||||
|
return a.label.localeCompare(b.label)
|
||||||
|
})
|
||||||
|
// Recursively sort children
|
||||||
|
sortChildren(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
sortChildren(rootNodes)
|
||||||
|
|
||||||
|
return rootNodes
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Flatten tree for searching or other purposes
|
||||||
|
*/
|
||||||
|
const flatNotebooks = computed(() => {
|
||||||
|
const result = []
|
||||||
|
const flatten = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
result.push(node.data)
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
flatten(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
flatten(notebookTree.value)
|
||||||
|
return result
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Find a notebook node by ID
|
||||||
|
*/
|
||||||
|
function findNotebookNode(notebookId) {
|
||||||
|
const find = (nodes) => {
|
||||||
|
for (const node of nodes) {
|
||||||
|
if (node.data.type === 'notebook' && node.data.id === notebookId) {
|
||||||
|
return node
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
const found = find(node.children)
|
||||||
|
if (found) return found
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
return find(notebookTree.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all notebook IDs for expansion
|
||||||
|
*/
|
||||||
|
const expandedKeys = computed(() => {
|
||||||
|
const keys = {}
|
||||||
|
const collectKeys = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
keys[node.key] = true
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
collectKeys(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
collectKeys(notebookTree.value)
|
||||||
|
return keys
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
notebookTree,
|
||||||
|
flatNotebooks,
|
||||||
|
findNotebookNode,
|
||||||
|
expandedKeys,
|
||||||
|
loadNotebooks: notebooksStore.loadNotebooks,
|
||||||
|
loadNotes: notesStore.loadNotes
|
||||||
|
}
|
||||||
|
}
|
||||||
245
src/renderer/src/composables/useNotebookTreeExample.js
Normal file
245
src/renderer/src/composables/useNotebookTreeExample.js
Normal file
@@ -0,0 +1,245 @@
|
|||||||
|
/**
|
||||||
|
* Example usage of useNotebookTree composable
|
||||||
|
* This file shows how to use the notebook tree in other components
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { useNotebookTree } from './useNotebookTree'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Example 1: Basic usage in a component
|
||||||
|
*/
|
||||||
|
export function useNotebookTreeExample() {
|
||||||
|
const {
|
||||||
|
notebookTree,
|
||||||
|
flatNotebooks,
|
||||||
|
findNotebookNode,
|
||||||
|
expandedKeys,
|
||||||
|
loadNotebooks,
|
||||||
|
loadNotes
|
||||||
|
} = useNotebookTree()
|
||||||
|
|
||||||
|
// Load data on component mount
|
||||||
|
async function initialize() {
|
||||||
|
await Promise.all([
|
||||||
|
loadNotebooks(),
|
||||||
|
loadNotes()
|
||||||
|
])
|
||||||
|
}
|
||||||
|
|
||||||
|
// Find a specific notebook
|
||||||
|
function findNotebook(notebookId) {
|
||||||
|
return findNotebookNode(notebookId)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get all notebook IDs for expansion
|
||||||
|
function getAllNotebookKeys() {
|
||||||
|
return Object.keys(expandedKeys.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get flat list of all notebooks
|
||||||
|
function getAllNotebooks() {
|
||||||
|
return flatNotebooks.value
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
notebookTree,
|
||||||
|
flatNotebooks,
|
||||||
|
expandedKeys,
|
||||||
|
initialize,
|
||||||
|
findNotebook,
|
||||||
|
getAllNotebookKeys,
|
||||||
|
getAllNotebooks
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Example 2: Custom tree filtering
|
||||||
|
*/
|
||||||
|
export function useFilteredNotebookTree(filterText) {
|
||||||
|
const { notebookTree, flatNotebooks } = useNotebookTree()
|
||||||
|
|
||||||
|
const filteredTree = computed(() => {
|
||||||
|
if (!filterText.value) {
|
||||||
|
return notebookTree.value
|
||||||
|
}
|
||||||
|
|
||||||
|
const filter = filterText.value.toLowerCase()
|
||||||
|
|
||||||
|
const filterNodes = (nodes) => {
|
||||||
|
return nodes.filter(node => {
|
||||||
|
// Check if node label matches filter
|
||||||
|
const labelMatch = node.label.toLowerCase().includes(filter)
|
||||||
|
|
||||||
|
// Check if any children match
|
||||||
|
const childrenMatch = node.children && filterNodes(node.children).length > 0
|
||||||
|
|
||||||
|
// Include node if label matches or has matching children
|
||||||
|
return labelMatch || childrenMatch
|
||||||
|
}).map(node => {
|
||||||
|
// If node has children, filter them recursively
|
||||||
|
if (node.children) {
|
||||||
|
return {
|
||||||
|
...node,
|
||||||
|
children: filterNodes(node.children)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return node
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return filterNodes(notebookTree.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
filteredTree,
|
||||||
|
flatNotebooks
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Example 3: Tree statistics
|
||||||
|
*/
|
||||||
|
export function useNotebookTreeStats() {
|
||||||
|
const { notebookTree, flatNotebooks } = useNotebookTree()
|
||||||
|
|
||||||
|
const stats = computed(() => {
|
||||||
|
let notebookCount = 0
|
||||||
|
let noteCount = 0
|
||||||
|
|
||||||
|
const countNodes = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
notebookCount++
|
||||||
|
} else if (node.data.type === 'note') {
|
||||||
|
noteCount++
|
||||||
|
}
|
||||||
|
|
||||||
|
if (node.children) {
|
||||||
|
countNodes(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
countNodes(notebookTree.value)
|
||||||
|
|
||||||
|
return {
|
||||||
|
notebooks: notebookCount,
|
||||||
|
notes: noteCount,
|
||||||
|
total: notebookCount + noteCount
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
stats,
|
||||||
|
flatNotebooks
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Example 4: Tree navigation helpers
|
||||||
|
*/
|
||||||
|
export function useNotebookTreeNavigation() {
|
||||||
|
const { notebookTree, findNotebookNode } = useNotebookTree()
|
||||||
|
|
||||||
|
// Get parent notebook of a note
|
||||||
|
function getParentNotebook(noteId) {
|
||||||
|
const findParent = (nodes) => {
|
||||||
|
for (const node of nodes) {
|
||||||
|
if (node.children) {
|
||||||
|
for (const child of node.children) {
|
||||||
|
if (child.data.type === 'note' && child.data.id === noteId) {
|
||||||
|
return node.data
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const found = findParent(node.children)
|
||||||
|
if (found) return found
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
|
return findParent(notebookTree.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get all notes in a notebook
|
||||||
|
function getNotesInNotebook(notebookId) {
|
||||||
|
const node = findNotebookNode(notebookId)
|
||||||
|
if (!node || !node.children) return []
|
||||||
|
|
||||||
|
return node.children
|
||||||
|
.filter(child => child.data.type === 'note')
|
||||||
|
.map(child => child.data)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get all child notebooks
|
||||||
|
function getChildNotebooks(notebookId) {
|
||||||
|
const node = findNotebookNode(notebookId)
|
||||||
|
if (!node || !node.children) return []
|
||||||
|
|
||||||
|
return node.children
|
||||||
|
.filter(child => child.data.type === 'notebook')
|
||||||
|
.map(child => child.data)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get notebook path (breadcrumb)
|
||||||
|
function getNotebookPath(notebookId) {
|
||||||
|
const path = []
|
||||||
|
|
||||||
|
const findPath = (nodes, targetId) => {
|
||||||
|
for (const node of nodes) {
|
||||||
|
if (node.data.type === 'notebook' && node.data.id === targetId) {
|
||||||
|
path.push(node.data)
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
if (node.children && findPath(node.children, targetId)) {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
path.push(node.data)
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
findPath(notebookTree.value, notebookId)
|
||||||
|
return path.reverse()
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
getParentNotebook,
|
||||||
|
getNotesInNotebook,
|
||||||
|
getChildNotebooks,
|
||||||
|
getNotebookPath
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Example component usage:
|
||||||
|
*
|
||||||
|
* <script setup>
|
||||||
|
* import { useNotebookTreeExample } from '@/composables/useNotebookTreeExample'
|
||||||
|
*
|
||||||
|
* const {
|
||||||
|
* notebookTree,
|
||||||
|
* flatNotebooks,
|
||||||
|
* expandedKeys,
|
||||||
|
* initialize,
|
||||||
|
* findNotebook,
|
||||||
|
* getAllNotebooks
|
||||||
|
* } = useNotebookTreeExample()
|
||||||
|
*
|
||||||
|
* onMounted(() => {
|
||||||
|
* initialize()
|
||||||
|
* })
|
||||||
|
* </script>
|
||||||
|
*
|
||||||
|
* <template>
|
||||||
|
* <Tree
|
||||||
|
* :value="notebookTree"
|
||||||
|
* :expandedKeys="expandedKeys"
|
||||||
|
* selectionMode="single"
|
||||||
|
* @node-select="onNodeSelect"
|
||||||
|
* />
|
||||||
|
* </template>
|
||||||
|
*/
|
||||||
72
src/renderer/src/composables/useNotebooks.js
Normal file
72
src/renderer/src/composables/useNotebooks.js
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
const notebooks = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Composable for notebook management
|
||||||
|
* Wraps IPC calls to the main process StorageService
|
||||||
|
*/
|
||||||
|
export function useNotebooks() {
|
||||||
|
|
||||||
|
async function loadNotebooks() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
notebooks.value = await window.electronAPI.notebooks.list()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load notebooks:', err)
|
||||||
|
notebooks.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createNotebook(name) {
|
||||||
|
try {
|
||||||
|
const notebook = await window.electronAPI.notebooks.create({ name })
|
||||||
|
if (notebook) {
|
||||||
|
notebooks.value.push(notebook)
|
||||||
|
}
|
||||||
|
return notebook
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create notebook:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function renameNotebook(id, name) {
|
||||||
|
try {
|
||||||
|
const notebook = await window.electronAPI.notebooks.rename(id, name)
|
||||||
|
if (notebook) {
|
||||||
|
const idx = notebooks.value.findIndex(nb => nb.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notebooks.value[idx] = notebook
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return notebook
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to rename notebook:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteNotebook(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notebooks.delete(id)
|
||||||
|
notebooks.value = notebooks.value.filter(nb => nb.id !== id)
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete notebook:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
notebooks,
|
||||||
|
loading,
|
||||||
|
loadNotebooks,
|
||||||
|
createNotebook,
|
||||||
|
renameNotebook,
|
||||||
|
deleteNotebook
|
||||||
|
}
|
||||||
|
}
|
||||||
137
src/renderer/src/composables/useNotes.js
Normal file
137
src/renderer/src/composables/useNotes.js
Normal file
@@ -0,0 +1,137 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
const notes = ref([])
|
||||||
|
const currentNote = ref(null)
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Composable for note CRUD operations
|
||||||
|
* Wraps IPC calls to the main process StorageService
|
||||||
|
*/
|
||||||
|
export function useNotes() {
|
||||||
|
|
||||||
|
async function loadNotes(filter = {}) {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
notes.value = await window.electronAPI.notes.list(filter)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load notes:', err)
|
||||||
|
notes.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createNote(data = {}) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.create(data)
|
||||||
|
if (note) {
|
||||||
|
notes.value.unshift(note)
|
||||||
|
}
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getNote(id) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.get(id)
|
||||||
|
currentNote.value = note
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to get note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function updateNote(id, data) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.update(id, data)
|
||||||
|
if (note) {
|
||||||
|
// Update in local list
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx] = { ...notes.value[idx], ...note }
|
||||||
|
}
|
||||||
|
// Update current note if it's the one being edited
|
||||||
|
if (currentNote.value?.id === id) {
|
||||||
|
currentNote.value = note
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to update note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteNote(id, permanent = false) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notes.delete(id, permanent)
|
||||||
|
if (permanent) {
|
||||||
|
notes.value = notes.value.filter(n => n.id !== id)
|
||||||
|
} else {
|
||||||
|
// Move to trash - update local state
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx].is_trashed = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (currentNote.value?.id === id) {
|
||||||
|
currentNote.value = null
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function restoreNote(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notes.restore(id)
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx].is_trashed = 0
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to restore note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function searchNotes(query) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.notes.search(query)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to search notes:', err)
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setCurrentNote(note) {
|
||||||
|
currentNote.value = note
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearCurrentNote() {
|
||||||
|
currentNote.value = null
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
notes,
|
||||||
|
currentNote,
|
||||||
|
loading,
|
||||||
|
loadNotes,
|
||||||
|
createNote,
|
||||||
|
getNote,
|
||||||
|
updateNote,
|
||||||
|
deleteNote,
|
||||||
|
restoreNote,
|
||||||
|
searchNotes,
|
||||||
|
setCurrentNote,
|
||||||
|
clearCurrentNote
|
||||||
|
}
|
||||||
|
}
|
||||||
258
src/renderer/src/composables/useSidebarTree.js
Normal file
258
src/renderer/src/composables/useSidebarTree.js
Normal file
@@ -0,0 +1,258 @@
|
|||||||
|
import { computed, ref, watch } from 'vue'
|
||||||
|
import { useNotebooksStore } from '../stores/notebooks'
|
||||||
|
import { useNotesStore } from '../stores/notes'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Composable for building a unified tree structure
|
||||||
|
* combining notes navigation, notebooks, and tags
|
||||||
|
* for use with PrimeVue Tree component
|
||||||
|
*/
|
||||||
|
export function useSidebarTree(tagsRef) {
|
||||||
|
const notebooksStore = useNotebooksStore()
|
||||||
|
const notesStore = useNotesStore()
|
||||||
|
|
||||||
|
const notebooks = computed(() => notebooksStore.notebooks)
|
||||||
|
const notes = computed(() => notesStore.notes)
|
||||||
|
const tags = computed(() => tagsRef?.value || [])
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build notes navigation nodes (static items)
|
||||||
|
*/
|
||||||
|
function buildNotesNavNodes() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
key: 'nav-all',
|
||||||
|
label: '所有笔记',
|
||||||
|
data: { type: 'nav', id: 'all' },
|
||||||
|
selectable: true,
|
||||||
|
leaf: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'nav-favorites',
|
||||||
|
label: '收藏夹',
|
||||||
|
data: { type: 'nav', id: 'favorites' },
|
||||||
|
selectable: true,
|
||||||
|
leaf: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'nav-trash',
|
||||||
|
label: '回收站',
|
||||||
|
data: { type: 'nav', id: 'trash' },
|
||||||
|
selectable: true,
|
||||||
|
leaf: true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build notebook tree nodes with nested notes
|
||||||
|
*/
|
||||||
|
function buildNotebookNodes() {
|
||||||
|
// Create a map for quick lookup
|
||||||
|
const notebookMap = new Map()
|
||||||
|
notebooks.value.forEach(nb => {
|
||||||
|
notebookMap.set(nb.id, {
|
||||||
|
key: `notebook-${nb.id}`,
|
||||||
|
label: nb.name,
|
||||||
|
data: { type: 'notebook', id: nb.id, name: nb.name },
|
||||||
|
children: [],
|
||||||
|
selectable: true
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
// Build tree structure
|
||||||
|
const rootNodes = []
|
||||||
|
notebooks.value.forEach(nb => {
|
||||||
|
const node = notebookMap.get(nb.id)
|
||||||
|
if (nb.parent_id && notebookMap.has(nb.parent_id)) {
|
||||||
|
// Add as child to parent
|
||||||
|
notebookMap.get(nb.parent_id).children.push(node)
|
||||||
|
} else {
|
||||||
|
// Add as root node
|
||||||
|
rootNodes.push(node)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// Add notes to their respective notebooks
|
||||||
|
notes.value.forEach(note => {
|
||||||
|
if (note.is_trashed) return // Skip trashed notes
|
||||||
|
|
||||||
|
const noteNode = {
|
||||||
|
key: `note-${note.id}`,
|
||||||
|
label: note.title || '无标题',
|
||||||
|
data: { type: 'note', id: note.id, title: note.title, notebook_id: note.notebook_id },
|
||||||
|
selectable: true
|
||||||
|
}
|
||||||
|
|
||||||
|
const parentNode = notebookMap.get(note.notebook_id)
|
||||||
|
if (parentNode) {
|
||||||
|
parentNode.children.push(noteNode)
|
||||||
|
} else {
|
||||||
|
// If notebook not found, add to root (shouldn't happen normally)
|
||||||
|
rootNodes.push(noteNode)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// Sort children: notebooks first, then notes
|
||||||
|
const sortChildren = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
node.children.sort((a, b) => {
|
||||||
|
// Notebooks first, then notes
|
||||||
|
if (a.data.type === 'notebook' && b.data.type !== 'notebook') return -1
|
||||||
|
if (a.data.type !== 'notebook' && b.data.type === 'notebook') return 1
|
||||||
|
// Within same type, sort alphabetically
|
||||||
|
return a.label.localeCompare(b.label)
|
||||||
|
})
|
||||||
|
// Recursively sort children
|
||||||
|
sortChildren(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
sortChildren(rootNodes)
|
||||||
|
|
||||||
|
return rootNodes
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build tag nodes
|
||||||
|
*/
|
||||||
|
function buildTagNodes() {
|
||||||
|
return tags.value.map(tag => ({
|
||||||
|
key: `tag-${tag.id}`,
|
||||||
|
label: tag.name,
|
||||||
|
data: { type: 'tag', id: tag.id, name: tag.name, note_count: tag.note_count || 0 },
|
||||||
|
selectable: true,
|
||||||
|
leaf: true
|
||||||
|
}))
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build complete unified tree structure
|
||||||
|
*/
|
||||||
|
const sidebarTree = computed(() => {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
key: 'group-notes',
|
||||||
|
label: '笔记',
|
||||||
|
data: { type: 'group', id: 'notes' },
|
||||||
|
selectable: false,
|
||||||
|
children: buildNotesNavNodes()
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'group-notebooks',
|
||||||
|
label: '笔记本',
|
||||||
|
data: { type: 'group', id: 'notebooks' },
|
||||||
|
selectable: false,
|
||||||
|
children: buildNotebookNodes()
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'group-tags',
|
||||||
|
label: '标签',
|
||||||
|
data: { type: 'group', id: 'tags' },
|
||||||
|
selectable: false,
|
||||||
|
children: buildTagNodes()
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Flatten notebooks for searching or other purposes
|
||||||
|
*/
|
||||||
|
const flatNotebooks = computed(() => {
|
||||||
|
const result = []
|
||||||
|
const flatten = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
result.push(node.data)
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
flatten(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// Only flatten the notebooks group
|
||||||
|
const notebooksGroup = sidebarTree.value.find(g => g.data.id === 'notebooks')
|
||||||
|
if (notebooksGroup) {
|
||||||
|
flatten(notebooksGroup.children)
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Find a notebook node by ID
|
||||||
|
*/
|
||||||
|
function findNotebookNode(notebookId) {
|
||||||
|
const find = (nodes) => {
|
||||||
|
for (const node of nodes) {
|
||||||
|
if (node.data.type === 'notebook' && node.data.id === notebookId) {
|
||||||
|
return node
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
const found = find(node.children)
|
||||||
|
if (found) return found
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
const notebooksGroup = sidebarTree.value.find(g => g.data.id === 'notebooks')
|
||||||
|
return notebooksGroup ? find(notebooksGroup.children) : null
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all expandable node keys for expansion state
|
||||||
|
*/
|
||||||
|
const expandedKeys = ref({})
|
||||||
|
|
||||||
|
// Initialize expanded keys when sidebarTree changes
|
||||||
|
watch(sidebarTree, (newTree) => {
|
||||||
|
const keys = {}
|
||||||
|
|
||||||
|
// Expand all group nodes by default
|
||||||
|
keys['group-notes'] = true
|
||||||
|
keys['group-notebooks'] = true
|
||||||
|
keys['group-tags'] = true
|
||||||
|
|
||||||
|
// Expand all notebook nodes by default
|
||||||
|
const collectNotebookKeys = (nodes) => {
|
||||||
|
nodes.forEach(node => {
|
||||||
|
if (node.data.type === 'notebook') {
|
||||||
|
keys[node.key] = true
|
||||||
|
}
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
collectNotebookKeys(node.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const notebooksGroup = newTree.find(g => g.data.id === 'notebooks')
|
||||||
|
if (notebooksGroup) {
|
||||||
|
collectNotebookKeys(notebooksGroup.children)
|
||||||
|
}
|
||||||
|
|
||||||
|
expandedKeys.value = keys
|
||||||
|
}, { immediate: true })
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Toggle expanded state of a node
|
||||||
|
*/
|
||||||
|
function toggleNodeExpanded(nodeKey) {
|
||||||
|
const newKeys = { ...expandedKeys.value }
|
||||||
|
if (newKeys[nodeKey]) {
|
||||||
|
delete newKeys[nodeKey]
|
||||||
|
} else {
|
||||||
|
newKeys[nodeKey] = true
|
||||||
|
}
|
||||||
|
expandedKeys.value = newKeys
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
sidebarTree,
|
||||||
|
flatNotebooks,
|
||||||
|
findNotebookNode,
|
||||||
|
expandedKeys,
|
||||||
|
toggleNodeExpanded,
|
||||||
|
loadNotebooks: notebooksStore.loadNotebooks,
|
||||||
|
loadNotes: notesStore.loadNotes
|
||||||
|
}
|
||||||
|
}
|
||||||
75
src/renderer/src/composables/useTags.js
Normal file
75
src/renderer/src/composables/useTags.js
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
const tags = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Composable for tag management
|
||||||
|
* Wraps IPC calls to the main process StorageService
|
||||||
|
*/
|
||||||
|
export function useTags() {
|
||||||
|
|
||||||
|
async function loadTags() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
tags.value = await window.electronAPI.tags.list()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load tags:', err)
|
||||||
|
tags.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createTag(name) {
|
||||||
|
try {
|
||||||
|
const tag = await window.electronAPI.tags.create(name)
|
||||||
|
if (tag && !tags.value.find(t => t.id === tag.id)) {
|
||||||
|
tags.value.push(tag)
|
||||||
|
}
|
||||||
|
return tag
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create tag:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteTag(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.tags.delete(id)
|
||||||
|
tags.value = tags.value.filter(t => t.id !== id)
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete tag:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function addTagToNote(noteId, tagName) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.tags.addToNote(noteId, tagName)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to add tag to note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function removeTagFromNote(noteId, tagName) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.tags.removeFromNote(noteId, tagName)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to remove tag from note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
tags,
|
||||||
|
loading,
|
||||||
|
loadTags,
|
||||||
|
createTag,
|
||||||
|
deleteTag,
|
||||||
|
addTagToNote,
|
||||||
|
removeTagFromNote
|
||||||
|
}
|
||||||
|
}
|
||||||
91
src/renderer/src/composables/useWorkspace.js
Normal file
91
src/renderer/src/composables/useWorkspace.js
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
import { ref } from 'vue'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Workspace 管理 composable
|
||||||
|
* 处理首次使用引导和存储文件夹选择
|
||||||
|
*/
|
||||||
|
|
||||||
|
// 全局状态（所有组件共享）
|
||||||
|
const isReady = ref(false)
|
||||||
|
const workspacePath = ref(null)
|
||||||
|
const loading = ref(false)
|
||||||
|
let listenerRegistered = false
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 检查 workspace 状态（通过 IPC 查询主进程）
|
||||||
|
*/
|
||||||
|
async function checkStatus() {
|
||||||
|
try {
|
||||||
|
const status = await window.electronAPI.workspace.getStatus()
|
||||||
|
isReady.value = status.ready
|
||||||
|
workspacePath.value = status.path
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to check workspace status:', err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 打开系统文件夹选择对话框
|
||||||
|
* @returns {object|null} { canceled, path } 或 null
|
||||||
|
*/
|
||||||
|
async function selectFolder() {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.workspace.selectFolder()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to select folder:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 设置 workspace 路径并初始化存储服务
|
||||||
|
* @param {string} path - 要设置的文件夹路径
|
||||||
|
* @returns {boolean} 是否成功
|
||||||
|
*/
|
||||||
|
async function initWorkspace(path) {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const result = await window.electronAPI.workspace.setPath(path)
|
||||||
|
if (result && result.success) {
|
||||||
|
isReady.value = true
|
||||||
|
workspacePath.value = result.path
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
console.error('Failed to init workspace:', result?.error || 'unknown error')
|
||||||
|
return false
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to init workspace:', err)
|
||||||
|
return false
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 监听主进程推送的 workspace 状态变更
|
||||||
|
*/
|
||||||
|
function listenStatusChanges() {
|
||||||
|
if (listenerRegistered) return
|
||||||
|
listenerRegistered = true
|
||||||
|
|
||||||
|
window.electronAPI.workspace.onStatusChange((status) => {
|
||||||
|
isReady.value = status.ready
|
||||||
|
workspacePath.value = status.path
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useWorkspace() {
|
||||||
|
// 注册状态变更监听
|
||||||
|
listenStatusChanges()
|
||||||
|
// 主动查询一次当前状态（防止 did-finish-load 事件在监听注册前触发）
|
||||||
|
checkStatus()
|
||||||
|
|
||||||
|
return {
|
||||||
|
isReady,
|
||||||
|
workspacePath,
|
||||||
|
loading,
|
||||||
|
checkStatus,
|
||||||
|
selectFolder,
|
||||||
|
initWorkspace
|
||||||
|
}
|
||||||
|
}
|
||||||
174
src/renderer/src/stores/README.md
Normal file
174
src/renderer/src/stores/README.md
Normal file
@@ -0,0 +1,174 @@
|
|||||||
|
# Pinia Stores 使用指南
|
||||||
|
|
||||||
|
本项目使用 Pinia 作为全局状态管理解决方案，替代了之前的 composables 模式。
|
||||||
|
|
||||||
|
## 可用的 Stores
|
||||||
|
|
||||||
|
### 1. useNotesStore - 笔记管理
|
||||||
|
```javascript
|
||||||
|
import { useNotesStore } from '@/stores/notes'
|
||||||
|
|
||||||
|
const notesStore = useNotesStore()
|
||||||
|
|
||||||
|
// 状态
|
||||||
|
notesStore.notes // 所有笔记列表
|
||||||
|
notesStore.currentNote // 当前选中的笔记
|
||||||
|
notesStore.loading // 加载状态
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
notesStore.activeNotes // 未删除的笔记
|
||||||
|
notesStore.trashedNotes // 已删除的笔记
|
||||||
|
notesStore.hasCurrentNote // 是否有选中的笔记
|
||||||
|
|
||||||
|
// 方法
|
||||||
|
await notesStore.loadNotes({ isTrashed: 0 }) // 加载笔记
|
||||||
|
await notesStore.createNote({ title, content, notebookId }) // 创建笔记
|
||||||
|
await notesStore.getNote(id) // 获取笔记详情
|
||||||
|
await notesStore.updateNote(id, { title, content }) // 更新笔记
|
||||||
|
await notesStore.deleteNote(id, permanent) // 删除笔记
|
||||||
|
await notesStore.restoreNote(id) // 恢复已删除笔记
|
||||||
|
await notesStore.searchNotes(query) // 搜索笔记
|
||||||
|
notesStore.setCurrentNote(note) // 设置当前笔记
|
||||||
|
notesStore.clearCurrentNote() // 清空当前笔记
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. useNotebooksStore - 笔记本管理
|
||||||
|
```javascript
|
||||||
|
import { useNotebooksStore } from '@/stores/notebooks'
|
||||||
|
|
||||||
|
const notebooksStore = useNotebooksStore()
|
||||||
|
|
||||||
|
// 状态
|
||||||
|
notebooksStore.notebooks // 所有笔记本列表
|
||||||
|
notebooksStore.loading // 加载状态
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
notebooksStore.notebookCount // 笔记本数量
|
||||||
|
notebooksStore.defaultNotebook // 默认笔记本
|
||||||
|
|
||||||
|
// 方法
|
||||||
|
await notebooksStore.loadNotebooks() // 加载笔记本
|
||||||
|
await notebooksStore.createNotebook(name) // 创建笔记本
|
||||||
|
await notebooksStore.renameNotebook(id, name) // 重命名笔记本
|
||||||
|
await notebooksStore.deleteNotebook(id) // 删除笔记本
|
||||||
|
notebooksStore.getNotebookById(id) // 根据 ID 获取笔记本
|
||||||
|
```
|
||||||
|
|
||||||
|
### 3. useTagsStore - 标签管理
|
||||||
|
```javascript
|
||||||
|
import { useTagsStore } from '@/stores/tags'
|
||||||
|
|
||||||
|
const tagsStore = useTagsStore()
|
||||||
|
|
||||||
|
// 状态
|
||||||
|
tagsStore.tags // 所有标签列表
|
||||||
|
tagsStore.loading // 加载状态
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
tagsStore.tagCount // 标签数量
|
||||||
|
tagsStore.tagNames // 所有标签名称数组
|
||||||
|
|
||||||
|
// 方法
|
||||||
|
await tagsStore.loadTags() // 加载标签
|
||||||
|
await tagsStore.createTag(name) // 创建标签
|
||||||
|
await tagsStore.deleteTag(id) // 删除标签
|
||||||
|
await tagsStore.addTagToNote(noteId, tagName) // 为笔记添加标签
|
||||||
|
await tagsStore.removeTagFromNote(noteId, tagName) // 从笔记移除标签
|
||||||
|
tagsStore.getTagById(id) // 根据 ID 获取标签
|
||||||
|
tagsStore.getTagByName(name) // 根据名称获取标签
|
||||||
|
```
|
||||||
|
|
||||||
|
### 4. useWorkspaceStore - 工作区管理
|
||||||
|
```javascript
|
||||||
|
import { useWorkspaceStore } from '@/stores/workspace'
|
||||||
|
|
||||||
|
const workspaceStore = useWorkspaceStore()
|
||||||
|
|
||||||
|
// 状态
|
||||||
|
workspaceStore.isReady // 工作区是否就绪
|
||||||
|
workspaceStore.workspacePath // 工作区路径
|
||||||
|
workspaceStore.loading // 加载状态
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
workspaceStore.hasWorkspace // 是否有工作区
|
||||||
|
|
||||||
|
// 方法
|
||||||
|
workspaceStore.initialize() // 初始化（自动调用）
|
||||||
|
await workspaceStore.checkStatus() // 检查状态
|
||||||
|
await workspaceStore.selectFolder() // 选择文件夹
|
||||||
|
await workspaceStore.initWorkspace(path) // 初始化工作区
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5. useThemeStore - 主题管理
|
||||||
|
```javascript
|
||||||
|
import { useThemeStore } from '@/stores/theme'
|
||||||
|
|
||||||
|
const themeStore = useThemeStore()
|
||||||
|
|
||||||
|
// 状态
|
||||||
|
themeStore.theme // 当前主题 ('light' | 'dark' | 'system')
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
themeStore.resolvedTheme // 解析后的主题 ('light' | 'dark')
|
||||||
|
themeStore.isDark // 是否为暗色模式
|
||||||
|
themeStore.themeLabel // 主题显示名称
|
||||||
|
|
||||||
|
// 方法
|
||||||
|
themeStore.initialize() // 初始化（需要在应用启动时调用）
|
||||||
|
themeStore.toggleTheme() // 切换主题
|
||||||
|
themeStore.setTheme('dark') // 设置指定主题
|
||||||
|
themeStore.cleanup() // 清理监听器
|
||||||
|
```
|
||||||
|
|
||||||
|
## 在组件中使用
|
||||||
|
|
||||||
|
### 选项式 API
|
||||||
|
```javascript
|
||||||
|
import { useNotesStore } from '@/stores/notes'
|
||||||
|
import { mapState, mapActions } from 'pinia'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState(useNotesStore, ['notes', 'currentNote', 'loading'])
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions(useNotesStore, ['loadNotes', 'createNote'])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
### 组合式 API (推荐)
|
||||||
|
```javascript
|
||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue'
|
||||||
|
import { useNotesStore } from '@/stores/notes'
|
||||||
|
|
||||||
|
const notesStore = useNotesStore()
|
||||||
|
|
||||||
|
// 使用计算属性保持响应性
|
||||||
|
const notes = computed(() => notesStore.notes)
|
||||||
|
const loading = computed(() => notesStore.loading)
|
||||||
|
|
||||||
|
// 直接调用 actions
|
||||||
|
async function handleCreate() {
|
||||||
|
await notesStore.createNote({ title: '新笔记', content: '' })
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
|
|
||||||
|
## 最佳实践
|
||||||
|
|
||||||
|
1. **单一数据源**: 每个 store 管理一个特定领域的状态
|
||||||
|
2. **响应式**: 使用 `computed` 包装 store 的状态以保持响应性
|
||||||
|
3. **异步操作**: 所有 API 调用都应在 actions 中进行
|
||||||
|
4. **错误处理**: 在 actions 中处理错误并记录日志
|
||||||
|
5. **初始化**: 某些 store 需要调用 `initialize()` 方法（如 themeStore、workspaceStore）
|
||||||
|
|
||||||
|
## 从 Composables 迁移
|
||||||
|
|
||||||
|
旧的 composables 仍然存在但已不推荐使用。迁移步骤：
|
||||||
|
|
||||||
|
1. 将 `import { useXxx } from '@/composables/xxx'` 改为 `import { useXxxStore } from '@/stores/xxx'`
|
||||||
|
2. 将 `const { data, method } = useXxx()` 改为 `const store = useXxxStore()`
|
||||||
|
3. 使用 `computed(() => store.data)` 保持响应性
|
||||||
|
4. 直接调用 `store.method()` 替代解构的方法
|
||||||
6
src/renderer/src/stores/index.js
Normal file
6
src/renderer/src/stores/index.js
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
// Export all stores
|
||||||
|
export { useNotesStore } from './notes'
|
||||||
|
export { useNotebooksStore } from './notebooks'
|
||||||
|
export { useTagsStore } from './tags'
|
||||||
|
export { useWorkspaceStore } from './workspace'
|
||||||
|
export { useThemeStore } from './theme'
|
||||||
87
src/renderer/src/stores/notebooks.js
Normal file
87
src/renderer/src/stores/notebooks.js
Normal file
@@ -0,0 +1,87 @@
|
|||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
|
export const useNotebooksStore = defineStore('notebooks', () => {
|
||||||
|
// State
|
||||||
|
const notebooks = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
const notebookCount = computed(() => notebooks.value.length)
|
||||||
|
const defaultNotebook = computed(() => notebooks.value.find(nb => nb.id === 'default'))
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
async function loadNotebooks() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
notebooks.value = await window.electronAPI.notebooks.list()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load notebooks:', err)
|
||||||
|
notebooks.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createNotebook(data) {
|
||||||
|
try {
|
||||||
|
const params = typeof data === 'string' ? { name: data } : data
|
||||||
|
const notebook = await window.electronAPI.notebooks.create(params)
|
||||||
|
if (notebook) {
|
||||||
|
notebooks.value.push(notebook)
|
||||||
|
}
|
||||||
|
return notebook
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create notebook:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function renameNotebook(id, name) {
|
||||||
|
try {
|
||||||
|
const notebook = await window.electronAPI.notebooks.rename(id, name)
|
||||||
|
if (notebook) {
|
||||||
|
const idx = notebooks.value.findIndex(nb => nb.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notebooks.value[idx] = notebook
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return notebook
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to rename notebook:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteNotebook(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notebooks.delete(id)
|
||||||
|
notebooks.value = notebooks.value.filter(nb => nb.id !== id)
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete notebook:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getNotebookById(id) {
|
||||||
|
return notebooks.value.find(nb => nb.id === id)
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
notebooks,
|
||||||
|
loading,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
notebookCount,
|
||||||
|
defaultNotebook,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
loadNotebooks,
|
||||||
|
createNotebook,
|
||||||
|
renameNotebook,
|
||||||
|
deleteNotebook,
|
||||||
|
getNotebookById
|
||||||
|
}
|
||||||
|
})
|
||||||
173
src/renderer/src/stores/notes.js
Normal file
173
src/renderer/src/stores/notes.js
Normal file
@@ -0,0 +1,173 @@
|
|||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
|
export const useNotesStore = defineStore('notes', () => {
|
||||||
|
// State
|
||||||
|
const notes = ref([])
|
||||||
|
const currentNote = ref(null)
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
const activeNotes = computed(() => notes.value.filter(n => !n.is_trashed))
|
||||||
|
const trashedNotes = computed(() => notes.value.filter(n => n.is_trashed))
|
||||||
|
const favoritedNotes = computed(() => notes.value.filter(n => n.is_favorited && !n.is_trashed))
|
||||||
|
const hasCurrentNote = computed(() => currentNote.value !== null)
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
async function loadNotes(filter = {}) {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
notes.value = await window.electronAPI.notes.list(filter)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load notes:', err)
|
||||||
|
notes.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createNote(data = {}) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.create(data)
|
||||||
|
if (note) {
|
||||||
|
notes.value.unshift(note)
|
||||||
|
}
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getNote(id) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.get(id)
|
||||||
|
currentNote.value = note
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to get note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function updateNote(id, data) {
|
||||||
|
try {
|
||||||
|
const note = await window.electronAPI.notes.update(id, data)
|
||||||
|
if (note) {
|
||||||
|
// Update in local list
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx] = { ...notes.value[idx], ...note }
|
||||||
|
}
|
||||||
|
// Update current note if it's the one being edited
|
||||||
|
if (currentNote.value?.id === id) {
|
||||||
|
currentNote.value = note
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return note
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to update note:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteNote(id, permanent = false) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notes.delete(id, permanent)
|
||||||
|
if (permanent) {
|
||||||
|
notes.value = notes.value.filter(n => n.id !== id)
|
||||||
|
} else {
|
||||||
|
// Move to trash - update local state
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx].is_trashed = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (currentNote.value?.id === id) {
|
||||||
|
currentNote.value = null
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function restoreNote(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.notes.restore(id)
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx].is_trashed = 0
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to restore note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function searchNotes(query) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.notes.search(query)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to search notes:', err)
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function toggleFavorite(id) {
|
||||||
|
try {
|
||||||
|
const note = notes.value.find(n => n.id === id)
|
||||||
|
if (!note) return null
|
||||||
|
const newValue = note.is_favorited ? 0 : 1
|
||||||
|
const updated = await window.electronAPI.notes.update(id, { isFavorited: newValue })
|
||||||
|
if (updated) {
|
||||||
|
const idx = notes.value.findIndex(n => n.id === id)
|
||||||
|
if (idx !== -1) {
|
||||||
|
notes.value[idx] = { ...notes.value[idx], ...updated }
|
||||||
|
}
|
||||||
|
if (currentNote.value?.id === id) {
|
||||||
|
currentNote.value = updated
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return updated
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to toggle favorite:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setCurrentNote(note) {
|
||||||
|
currentNote.value = note
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearCurrentNote() {
|
||||||
|
currentNote.value = null
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
notes,
|
||||||
|
currentNote,
|
||||||
|
loading,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
activeNotes,
|
||||||
|
trashedNotes,
|
||||||
|
favoritedNotes,
|
||||||
|
hasCurrentNote,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
loadNotes,
|
||||||
|
createNote,
|
||||||
|
getNote,
|
||||||
|
updateNote,
|
||||||
|
deleteNote,
|
||||||
|
restoreNote,
|
||||||
|
searchNotes,
|
||||||
|
toggleFavorite,
|
||||||
|
setCurrentNote,
|
||||||
|
clearCurrentNote
|
||||||
|
}
|
||||||
|
})
|
||||||
94
src/renderer/src/stores/tags.js
Normal file
94
src/renderer/src/stores/tags.js
Normal file
@@ -0,0 +1,94 @@
|
|||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
|
export const useTagsStore = defineStore('tags', () => {
|
||||||
|
// State
|
||||||
|
const tags = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
const tagCount = computed(() => tags.value.length)
|
||||||
|
const tagNames = computed(() => tags.value.map(t => t.name))
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
async function loadTags() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
tags.value = await window.electronAPI.tags.list()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to load tags:', err)
|
||||||
|
tags.value = []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function createTag(name) {
|
||||||
|
try {
|
||||||
|
const tag = await window.electronAPI.tags.create(name)
|
||||||
|
if (tag && !tags.value.find(t => t.id === tag.id)) {
|
||||||
|
tags.value.push(tag)
|
||||||
|
}
|
||||||
|
return tag
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to create tag:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteTag(id) {
|
||||||
|
try {
|
||||||
|
await window.electronAPI.tags.delete(id)
|
||||||
|
tags.value = tags.value.filter(t => t.id !== id)
|
||||||
|
return true
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to delete tag:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function addTagToNote(noteId, tagName) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.tags.addToNote(noteId, tagName)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to add tag to note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function removeTagFromNote(noteId, tagName) {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.tags.removeFromNote(noteId, tagName)
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to remove tag from note:', err)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTagById(id) {
|
||||||
|
return tags.value.find(t => t.id === id)
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTagByName(name) {
|
||||||
|
return tags.value.find(t => t.name === name)
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
tags,
|
||||||
|
loading,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
tagCount,
|
||||||
|
tagNames,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
loadTags,
|
||||||
|
createTag,
|
||||||
|
deleteTag,
|
||||||
|
addTagToNote,
|
||||||
|
removeTagFromNote,
|
||||||
|
getTagById,
|
||||||
|
getTagByName
|
||||||
|
}
|
||||||
|
})
|
||||||
108
src/renderer/src/stores/theme.js
Normal file
108
src/renderer/src/stores/theme.js
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { ref, computed, watch } from 'vue'
|
||||||
|
|
||||||
|
const STORAGE_KEY = 'tunji-theme'
|
||||||
|
|
||||||
|
export const useThemeStore = defineStore('theme', () => {
|
||||||
|
// State
|
||||||
|
const theme = ref('system')
|
||||||
|
let mediaQuery = null
|
||||||
|
let mediaHandler = null
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
const resolvedTheme = computed(() => {
|
||||||
|
if (theme.value === 'system') {
|
||||||
|
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
|
||||||
|
}
|
||||||
|
return theme.value
|
||||||
|
})
|
||||||
|
|
||||||
|
const isDark = computed(() => resolvedTheme.value === 'dark')
|
||||||
|
|
||||||
|
const themeLabel = computed(() => {
|
||||||
|
const labels = {
|
||||||
|
light: '浅色',
|
||||||
|
dark: '深色',
|
||||||
|
system: '跟随系统'
|
||||||
|
}
|
||||||
|
return labels[theme.value] || '跟随系统'
|
||||||
|
})
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
function applyTheme(dark) {
|
||||||
|
const html = document.documentElement
|
||||||
|
if (dark) {
|
||||||
|
html.classList.add('dark')
|
||||||
|
} else {
|
||||||
|
html.classList.remove('dark')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 通知 Electron 主进程更新标题栏颜色
|
||||||
|
if (window.electronAPI?.setTheme) {
|
||||||
|
window.electronAPI.setTheme(dark ? 'dark' : 'light')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleTheme() {
|
||||||
|
const order = ['light', 'dark', 'system']
|
||||||
|
const idx = order.indexOf(theme.value)
|
||||||
|
theme.value = order[(idx + 1) % order.length]
|
||||||
|
}
|
||||||
|
|
||||||
|
function setTheme(t) {
|
||||||
|
theme.value = t
|
||||||
|
}
|
||||||
|
|
||||||
|
function initialize() {
|
||||||
|
// 从 localStorage 恢复主题
|
||||||
|
const saved = localStorage.getItem(STORAGE_KEY)
|
||||||
|
if (saved && ['light', 'dark', 'system'].includes(saved)) {
|
||||||
|
theme.value = saved
|
||||||
|
}
|
||||||
|
|
||||||
|
// 应用当前主题
|
||||||
|
applyTheme(isDark.value)
|
||||||
|
|
||||||
|
// 监听系统主题变化
|
||||||
|
mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
|
||||||
|
mediaHandler = (e) => {
|
||||||
|
if (theme.value === 'system') {
|
||||||
|
applyTheme(e.matches)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mediaQuery.addEventListener('change', mediaHandler)
|
||||||
|
|
||||||
|
// 监听 theme 变化并持久化 + 应用
|
||||||
|
watch(theme, (newTheme) => {
|
||||||
|
localStorage.setItem(STORAGE_KEY, newTheme)
|
||||||
|
applyTheme(isDark.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
// 监听 resolvedTheme 变化（system 模式下系统偏好改变时触发）
|
||||||
|
watch(resolvedTheme, (dark) => {
|
||||||
|
applyTheme(dark === 'dark')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function cleanup() {
|
||||||
|
if (mediaQuery && mediaHandler) {
|
||||||
|
mediaQuery.removeEventListener('change', mediaHandler)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
theme,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
resolvedTheme,
|
||||||
|
isDark,
|
||||||
|
themeLabel,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
toggleTheme,
|
||||||
|
setTheme,
|
||||||
|
initialize,
|
||||||
|
cleanup
|
||||||
|
}
|
||||||
|
})
|
||||||
83
src/renderer/src/stores/workspace.js
Normal file
83
src/renderer/src/stores/workspace.js
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
|
export const useWorkspaceStore = defineStore('workspace', () => {
|
||||||
|
// State
|
||||||
|
const isReady = ref(false)
|
||||||
|
const workspacePath = ref(null)
|
||||||
|
const loading = ref(false)
|
||||||
|
let listenerRegistered = false
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
const hasWorkspace = computed(() => isReady.value && workspacePath.value !== null)
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
async function checkStatus() {
|
||||||
|
try {
|
||||||
|
const status = await window.electronAPI.workspace.getStatus()
|
||||||
|
isReady.value = status.ready
|
||||||
|
workspacePath.value = status.path
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to check workspace status:', err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function selectFolder() {
|
||||||
|
try {
|
||||||
|
return await window.electronAPI.workspace.selectFolder()
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to select folder:', err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function initWorkspace(path) {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const result = await window.electronAPI.workspace.setPath(path)
|
||||||
|
if (result && result.success) {
|
||||||
|
isReady.value = true
|
||||||
|
workspacePath.value = result.path
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
console.error('Failed to init workspace:', result?.error || 'unknown error')
|
||||||
|
return false
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Failed to init workspace:', err)
|
||||||
|
return false
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function listenStatusChanges() {
|
||||||
|
if (listenerRegistered) return
|
||||||
|
listenerRegistered = true
|
||||||
|
|
||||||
|
window.electronAPI.workspace.onStatusChange((status) => {
|
||||||
|
isReady.value = status.ready
|
||||||
|
workspacePath.value = status.path
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function initialize() {
|
||||||
|
listenStatusChanges()
|
||||||
|
checkStatus()
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// State
|
||||||
|
isReady,
|
||||||
|
workspacePath,
|
||||||
|
loading,
|
||||||
|
|
||||||
|
// Getters
|
||||||
|
hasWorkspace,
|
||||||
|
|
||||||
|
// Actions
|
||||||
|
checkStatus,
|
||||||
|
selectFolder,
|
||||||
|
initWorkspace,
|
||||||
|
initialize
|
||||||
|
}
|
||||||
|
})
|
||||||
Reference in New Issue
Block a user