Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
70708242d5 |
@@ -1,75 +1,39 @@
|
|||||||
# HelixNotes
|
# HelixNotes
|
||||||
|
|
||||||
[](https://codeberg.org/ArkHost/HelixNotes/src/branch/main/LICENSE)
|
A local-first markdown note-taking app built with Tauri, SvelteKit, and Rust.
|
||||||
[](https://codeberg.org/ArkHost/HelixNotes/releases)
|
|
||||||
[](https://helixnotes.com)
|
|
||||||
[]()
|
|
||||||
|
|
||||||
A local markdown note-taking app built with Tauri, SvelteKit, and Rust.
|
Your notes are stored as standard Markdown files on your local filesystem. No cloud, no lock-in.
|
||||||
|
|
||||||
Your notes are stored as standard Markdown files on your local filesystem.
|
## Download
|
||||||
No cloud, no lock-in.
|
|
||||||
|
|
||||||
## Download (v1.2.4)
|
| Platform | Download |
|
||||||
|
|----------|----------|
|
||||||
|
| Linux | [HelixNotes_1.0.0_amd64.AppImage](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.0.0/HelixNotes_1.0.0_amd64.AppImage) |
|
||||||
|
| Windows | Coming soon |
|
||||||
|
| macOS | Coming soon |
|
||||||
|
|
||||||
### Linux
|
See all releases: [codeberg.org/ArkHost/HelixNotes/releases](https://codeberg.org/ArkHost/HelixNotes/releases)
|
||||||
|
|
||||||
#### Arch / Manjaro (AUR)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
yay -S helixnotes-appimage-bin
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Debian / Ubuntu / Mint (APT)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
curl -fsSL https://repo.arkhost.com/gpg.key | sudo gpg --dearmor -o /usr/share/keyrings/arkhost.gpg && echo "deb [signed-by=/usr/share/keyrings/arkhost.gpg arch=amd64] https://repo.arkhost.com stable main" | sudo tee /etc/apt/sources.list.d/helixnotes.list && sudo apt update && sudo apt install helix-notes
|
|
||||||
```
|
|
||||||
|
|
||||||
#### AppImage (Arch, Fedora 43+, openSUSE Tumbleweed)
|
|
||||||
|
|
||||||
[Download AppImage](https://download.helixnotes.com/releases/v1.2.4/HelixNotes_1.2.4_amd64.AppImage)
|
|
||||||
|
|
||||||
#### .deb (manual)
|
|
||||||
|
|
||||||
[Download .deb](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.2.4/HelixNotes_1.2.4_amd64.deb) (Ubuntu 22.04+)
|
|
||||||
|
|
||||||
### Windows
|
|
||||||
|
|
||||||
[Download Installer](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.2.4/HelixNotes_1.2.4_x64-setup.exe) (Windows 10/11)
|
|
||||||
|
|
||||||
### macOS
|
|
||||||
|
|
||||||
[Download .dmg](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.2.4/HelixNotes_1.2.4_x64.dmg) (Intel, runs on Apple Silicon via Rosetta)
|
|
||||||
|
|
||||||
### Android
|
|
||||||
|
|
||||||
[Download APK](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.2.4/HelixNotes_1.2.4_android.apk)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
All releases: [codeberg.org/ArkHost/HelixNotes/releases](https://codeberg.org/ArkHost/HelixNotes/releases)
|
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- Markdown editor with toolbar, slash commands, source mode, code highlighting
|
- **Markdown editor** with rich formatting toolbar, slash commands, and source mode
|
||||||
- `[[Wiki-links]]` and graph view
|
- **Wiki-links** — link notes with `[[Note Title]]` syntax
|
||||||
- Full-text search (Tantivy)
|
- **Graph view** — visualize connections between your notes
|
||||||
- Outline panel, daily notes, tags, drag-and-drop
|
- **Full-text search** powered by Tantivy
|
||||||
- Math (KaTeX), PDF preview, Obsidian import
|
- **AI writing tools** — improve, summarize, translate, and more (Anthropic / OpenAI)
|
||||||
- AI writing tools (Ollama / Anthropic / OpenAI)
|
- **Version history** — per-note snapshots with diff view
|
||||||
- Version history with diffs, automatic backups
|
- **Backups** — automatic zip-based vault backups
|
||||||
- Multi-window, file associations, focus mode, view mode
|
- **PDF preview** — inline rendering of embedded PDFs
|
||||||
- Themes, accent colors, fonts
|
- **Obsidian import** — convert Obsidian wiki-links to standard markdown
|
||||||
- Local files, no cloud
|
- **Themes** — light/dark mode with customizable accent colors and fonts
|
||||||
|
- **Focus mode** — distraction-free writing
|
||||||
Full documentation: [helixnotes.com/docs](https://helixnotes.com/docs.html)
|
- **Local-first** — everything stays on your machine
|
||||||
|
|
||||||
## Tech Stack
|
## Tech Stack
|
||||||
|
|
||||||
- **Frontend**: SvelteKit (Svelte 5) + TailwindCSS v4 + TipTap v3
|
- **Frontend**: SvelteKit (Svelte 5) + TailwindCSS v4 + TipTap v3
|
||||||
- **Backend**: Rust (Tauri 2.0) + Tantivy (search) + Notify (file watcher)
|
- **Backend**: Rust (Tauri 2.0) + Tantivy (search) + Notify (file watcher)
|
||||||
- **Platforms**: Linux (AppImage), Windows, macOS, Android
|
- **Platforms**: Linux (AppImage), Windows, macOS
|
||||||
|
|
||||||
## Building from Source
|
## Building from Source
|
||||||
|
|
||||||
@@ -93,13 +57,6 @@ pnpm tauri dev
|
|||||||
pnpm tauri build
|
pnpm tauri build
|
||||||
```
|
```
|
||||||
|
|
||||||
## Screenshots
|
|
||||||
|
|
||||||

|
|
||||||

|
|
||||||

|
|
||||||

|
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[AGPL-3.0](https://codeberg.org/ArkHost/HelixNotes/src/branch/main/LICENSE)
|
[AGPL-3.0](LICENSE)
|
||||||
|
|||||||
@@ -1,3 +0,0 @@
|
|||||||
- Internal note links ([[wiki-links]] open the linked note)
|
|
||||||
- Mobile UI improvements
|
|
||||||
- Window state persistence (desktop)
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
Markdown note-taking app built with Tauri and Rust. Your notes are stored as standard Markdown files on your device.
|
|
||||||
|
|
||||||
Features:
|
|
||||||
- Markdown editor with toolbar, slash commands, and code highlighting
|
|
||||||
- [[Wiki-links]] and graph view
|
|
||||||
- Full-text search
|
|
||||||
- Outline panel, daily notes, tags
|
|
||||||
- Math (KaTeX) and PDF preview
|
|
||||||
- AI writing tools (Ollama, Anthropic, OpenAI)
|
|
||||||
- Version history with diffs
|
|
||||||
- Obsidian import
|
|
||||||
- Themes, accent colors, fonts
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
Local markdown note-taking app. No cloud, no lock-in.
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
HelixNotes
|
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
"name": "helixnotes",
|
"name": "helixnotes",
|
||||||
"private": true,
|
"private": true,
|
||||||
"license": "AGPL-3.0-or-later",
|
"license": "AGPL-3.0-or-later",
|
||||||
"version": "1.2.5",
|
"version": "1.0.1",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite dev",
|
"dev": "vite dev",
|
||||||
@@ -57,9 +57,7 @@
|
|||||||
"@tiptap/extension-underline": "^3.19.0",
|
"@tiptap/extension-underline": "^3.19.0",
|
||||||
"@tiptap/pm": "^3.19.0",
|
"@tiptap/pm": "^3.19.0",
|
||||||
"@tiptap/starter-kit": "^3.19.0",
|
"@tiptap/starter-kit": "^3.19.0",
|
||||||
"@types/katex": "^0.16.8",
|
|
||||||
"@types/markdown-it": "^14.1.2",
|
"@types/markdown-it": "^14.1.2",
|
||||||
"katex": "^0.16.28",
|
|
||||||
"lowlight": "^3.3.0",
|
"lowlight": "^3.3.0",
|
||||||
"markdown-it": "^14.1.0",
|
"markdown-it": "^14.1.0",
|
||||||
"markdown-it-mark": "^4.0.0",
|
"markdown-it-mark": "^4.0.0",
|
||||||
|
|||||||
@@ -89,15 +89,9 @@ importers:
|
|||||||
'@tiptap/starter-kit':
|
'@tiptap/starter-kit':
|
||||||
specifier: ^3.19.0
|
specifier: ^3.19.0
|
||||||
version: 3.19.0
|
version: 3.19.0
|
||||||
'@types/katex':
|
|
||||||
specifier: ^0.16.8
|
|
||||||
version: 0.16.8
|
|
||||||
'@types/markdown-it':
|
'@types/markdown-it':
|
||||||
specifier: ^14.1.2
|
specifier: ^14.1.2
|
||||||
version: 14.1.2
|
version: 14.1.2
|
||||||
katex:
|
|
||||||
specifier: ^0.16.28
|
|
||||||
version: 0.16.28
|
|
||||||
lowlight:
|
lowlight:
|
||||||
specifier: ^3.3.0
|
specifier: ^3.3.0
|
||||||
version: 3.3.0
|
version: 3.3.0
|
||||||
@@ -942,9 +936,6 @@ packages:
|
|||||||
'@types/hast@3.0.4':
|
'@types/hast@3.0.4':
|
||||||
resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
|
resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
|
||||||
|
|
||||||
'@types/katex@0.16.8':
|
|
||||||
resolution: {integrity: sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==}
|
|
||||||
|
|
||||||
'@types/linkify-it@5.0.0':
|
'@types/linkify-it@5.0.0':
|
||||||
resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
|
resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
|
||||||
|
|
||||||
@@ -981,10 +972,6 @@ packages:
|
|||||||
resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
|
resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
|
||||||
engines: {node: '>=6'}
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
commander@8.3.0:
|
|
||||||
resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
|
|
||||||
engines: {node: '>= 12'}
|
|
||||||
|
|
||||||
cookie@0.6.0:
|
cookie@0.6.0:
|
||||||
resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
|
resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
|
||||||
engines: {node: '>= 0.6'}
|
engines: {node: '>= 0.6'}
|
||||||
@@ -1061,10 +1048,6 @@ packages:
|
|||||||
resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
|
resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
katex@0.16.28:
|
|
||||||
resolution: {integrity: sha512-YHzO7721WbmAL6Ov1uzN/l5mY5WWWhJBSW+jq4tkfZfsxmo1hu6frS0EOswvjBUnWE6NtjEs48SFn5CQESRLZg==}
|
|
||||||
hasBin: true
|
|
||||||
|
|
||||||
kleur@4.1.5:
|
kleur@4.1.5:
|
||||||
resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
|
resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
|
||||||
engines: {node: '>=6'}
|
engines: {node: '>=6'}
|
||||||
@@ -1989,8 +1972,6 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@types/unist': 3.0.3
|
'@types/unist': 3.0.3
|
||||||
|
|
||||||
'@types/katex@0.16.8': {}
|
|
||||||
|
|
||||||
'@types/linkify-it@5.0.0': {}
|
'@types/linkify-it@5.0.0': {}
|
||||||
|
|
||||||
'@types/markdown-it@14.1.2':
|
'@types/markdown-it@14.1.2':
|
||||||
@@ -2016,8 +1997,6 @@ snapshots:
|
|||||||
|
|
||||||
clsx@2.1.1: {}
|
clsx@2.1.1: {}
|
||||||
|
|
||||||
commander@8.3.0: {}
|
|
||||||
|
|
||||||
cookie@0.6.0: {}
|
cookie@0.6.0: {}
|
||||||
|
|
||||||
crelt@1.0.6: {}
|
crelt@1.0.6: {}
|
||||||
@@ -2095,10 +2074,6 @@ snapshots:
|
|||||||
|
|
||||||
jiti@2.6.1: {}
|
jiti@2.6.1: {}
|
||||||
|
|
||||||
katex@0.16.28:
|
|
||||||
dependencies:
|
|
||||||
commander: 8.3.0
|
|
||||||
|
|
||||||
kleur@4.1.5: {}
|
kleur@4.1.5: {}
|
||||||
|
|
||||||
lightningcss-android-arm64@1.30.2:
|
lightningcss-android-arm64@1.30.2:
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "helixnotes"
|
name = "helixnotes"
|
||||||
version = "1.2.5"
|
version = "1.0.1"
|
||||||
description = "Local markdown note-taking app"
|
description = "Local-first markdown note-taking app"
|
||||||
authors = ["HelixNotes"]
|
authors = ["HelixNotes"]
|
||||||
license = "AGPL-3.0-or-later"
|
license = "AGPL-3.0-or-later"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
@@ -20,14 +20,14 @@ tauri-plugin-log = "2"
|
|||||||
tauri-plugin-dialog = "2"
|
tauri-plugin-dialog = "2"
|
||||||
tauri-plugin-fs = "2"
|
tauri-plugin-fs = "2"
|
||||||
tauri-plugin-opener = "2"
|
tauri-plugin-opener = "2"
|
||||||
|
tauri-plugin-updater = "2"
|
||||||
serde = { version = "1", features = ["derive"] }
|
serde = { version = "1", features = ["derive"] }
|
||||||
serde_json = "1"
|
serde_json = "1"
|
||||||
serde_yaml = "0.9"
|
serde_yaml = "0.9"
|
||||||
log = "0.4"
|
log = "0.4"
|
||||||
notify = "8"
|
notify = "8"
|
||||||
walkdir = "2"
|
walkdir = "2"
|
||||||
chrono = { version = "0.4", features = ["serde", "unstable-locales"] }
|
chrono = { version = "0.4", features = ["serde"] }
|
||||||
sys-locale = "0.3"
|
|
||||||
uuid = { version = "1", features = ["v4"] }
|
uuid = { version = "1", features = ["v4"] }
|
||||||
tantivy = "0.22"
|
tantivy = "0.22"
|
||||||
gray_matter = "0.2"
|
gray_matter = "0.2"
|
||||||
@@ -35,14 +35,6 @@ tokio = { version = "1", features = ["full"] }
|
|||||||
dirs = "6"
|
dirs = "6"
|
||||||
regex = "1"
|
regex = "1"
|
||||||
zip = { version = "2", default-features = false, features = ["deflate"] }
|
zip = { version = "2", default-features = false, features = ["deflate"] }
|
||||||
reqwest = { version = "0.12", default-features = false, features = ["json", "stream", "rustls-tls", "blocking"] }
|
reqwest = { version = "0.12", features = ["json", "stream"] }
|
||||||
futures = "0.3"
|
futures = "0.3"
|
||||||
rayon = "1"
|
rayon = "1"
|
||||||
rustls = { version = "0.23", default-features = false, features = ["ring", "logging", "std", "tls12"] }
|
|
||||||
[target.'cfg(not(target_os = "android"))'.dependencies]
|
|
||||||
tauri-plugin-updater = "2"
|
|
||||||
tauri-plugin-single-instance = "2"
|
|
||||||
tauri-plugin-window-state = "2"
|
|
||||||
arboard = { version = "3", features = ["image-data", "wayland-data-control"] }
|
|
||||||
png = "0.17"
|
|
||||||
image = { version = "0.25", default-features = false, features = ["png", "jpeg", "webp", "gif"] }
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
"$schema": "../gen/schemas/desktop-schema.json",
|
"$schema": "../gen/schemas/desktop-schema.json",
|
||||||
"identifier": "default",
|
"identifier": "default",
|
||||||
"description": "HelixNotes default capabilities",
|
"description": "HelixNotes default capabilities",
|
||||||
"windows": ["main", "note-*"],
|
"windows": ["main"],
|
||||||
"permissions": [
|
"permissions": [
|
||||||
"core:default",
|
"core:default",
|
||||||
"core:window:default",
|
"core:window:default",
|
||||||
@@ -12,8 +12,6 @@
|
|||||||
"core:window:allow-close",
|
"core:window:allow-close",
|
||||||
"core:window:allow-is-maximized",
|
"core:window:allow-is-maximized",
|
||||||
"core:window:allow-set-decorations",
|
"core:window:allow-set-decorations",
|
||||||
"core:window:allow-set-title",
|
|
||||||
"core:webview:allow-create-webview-window",
|
|
||||||
"dialog:default",
|
"dialog:default",
|
||||||
"dialog:allow-open",
|
"dialog:allow-open",
|
||||||
"dialog:allow-save",
|
"dialog:allow-save",
|
||||||
@@ -46,6 +44,7 @@
|
|||||||
{ "url": "mailto:*" }
|
{ "url": "mailto:*" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"opener:allow-reveal-item-in-dir"
|
"opener:allow-reveal-item-in-dir",
|
||||||
|
"updater:default"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"$schema": "../gen/schemas/desktop-schema.json",
|
|
||||||
"identifier": "desktop",
|
|
||||||
"description": "Desktop-only capabilities",
|
|
||||||
"platforms": ["linux", "macOS", "windows"],
|
|
||||||
"windows": ["main"],
|
|
||||||
"permissions": [
|
|
||||||
"updater:default",
|
|
||||||
"window-state:default"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 953 B |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 1023 B After Width: | Height: | Size: 793 B |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 735 B |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 8.0 KiB |
@@ -6,7 +6,6 @@ use crate::types::AiStreamEvent;
|
|||||||
|
|
||||||
const ANTHROPIC_API_URL: &str = "https://api.anthropic.com/v1/messages";
|
const ANTHROPIC_API_URL: &str = "https://api.anthropic.com/v1/messages";
|
||||||
const OPENAI_API_URL: &str = "https://api.openai.com/v1/chat/completions";
|
const OPENAI_API_URL: &str = "https://api.openai.com/v1/chat/completions";
|
||||||
const OLLAMA_DEFAULT_URL: &str = "http://localhost:11434";
|
|
||||||
|
|
||||||
pub fn ai_request(
|
pub fn ai_request(
|
||||||
app: AppHandle,
|
app: AppHandle,
|
||||||
@@ -16,7 +15,6 @@ pub fn ai_request(
|
|||||||
system_prompt: String,
|
system_prompt: String,
|
||||||
user_message: String,
|
user_message: String,
|
||||||
request_id: String,
|
request_id: String,
|
||||||
base_url: Option<String>,
|
|
||||||
) {
|
) {
|
||||||
std::thread::spawn(move || {
|
std::thread::spawn(move || {
|
||||||
let rt = tokio::runtime::Runtime::new().unwrap();
|
let rt = tokio::runtime::Runtime::new().unwrap();
|
||||||
@@ -25,22 +23,7 @@ pub fn ai_request(
|
|||||||
"openai" => {
|
"openai" => {
|
||||||
stream_openai(
|
stream_openai(
|
||||||
&app,
|
&app,
|
||||||
OPENAI_API_URL,
|
&api_key,
|
||||||
Some(&api_key),
|
|
||||||
&model,
|
|
||||||
&system_prompt,
|
|
||||||
&user_message,
|
|
||||||
&request_id,
|
|
||||||
)
|
|
||||||
.await
|
|
||||||
}
|
|
||||||
"ollama" => {
|
|
||||||
let url = base_url.as_deref().unwrap_or(OLLAMA_DEFAULT_URL);
|
|
||||||
let url = format!("{}/v1/chat/completions", url.trim_end_matches('/'));
|
|
||||||
stream_openai(
|
|
||||||
&app,
|
|
||||||
&url,
|
|
||||||
None,
|
|
||||||
&model,
|
&model,
|
||||||
&system_prompt,
|
&system_prompt,
|
||||||
&user_message,
|
&user_message,
|
||||||
@@ -205,8 +188,7 @@ async fn stream_anthropic(
|
|||||||
|
|
||||||
async fn stream_openai(
|
async fn stream_openai(
|
||||||
app: &AppHandle,
|
app: &AppHandle,
|
||||||
url: &str,
|
api_key: &str,
|
||||||
api_key: Option<&str>,
|
|
||||||
model: &str,
|
model: &str,
|
||||||
system_prompt: &str,
|
system_prompt: &str,
|
||||||
user_message: &str,
|
user_message: &str,
|
||||||
@@ -242,15 +224,10 @@ async fn stream_openai(
|
|||||||
body["temperature"] = json!(0.7);
|
body["temperature"] = json!(0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
let mut req = client
|
let response = client
|
||||||
.post(url)
|
.post(OPENAI_API_URL)
|
||||||
.header("content-type", "application/json");
|
.header("Authorization", format!("Bearer {}", api_key))
|
||||||
|
.header("content-type", "application/json")
|
||||||
if let Some(key) = api_key {
|
|
||||||
req = req.header("Authorization", format!("Bearer {}", key));
|
|
||||||
}
|
|
||||||
|
|
||||||
let response = req
|
|
||||||
.json(&body)
|
.json(&body)
|
||||||
.send()
|
.send()
|
||||||
.await
|
.await
|
||||||
@@ -348,19 +325,9 @@ async fn stream_openai(
|
|||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
pub async fn test_connection(
|
pub async fn test_connection(provider: &str, api_key: &str, model: &str) -> Result<String, String> {
|
||||||
provider: &str,
|
|
||||||
api_key: &str,
|
|
||||||
model: &str,
|
|
||||||
base_url: Option<&str>,
|
|
||||||
) -> Result<String, String> {
|
|
||||||
match provider {
|
match provider {
|
||||||
"openai" => test_openai(OPENAI_API_URL, Some(api_key), model).await,
|
"openai" => test_openai(api_key, model).await,
|
||||||
"ollama" => {
|
|
||||||
let url = base_url.unwrap_or(OLLAMA_DEFAULT_URL);
|
|
||||||
let url = format!("{}/v1/chat/completions", url.trim_end_matches('/'));
|
|
||||||
test_openai(&url, None, model).await
|
|
||||||
}
|
|
||||||
_ => test_anthropic(api_key, model).await,
|
_ => test_anthropic(api_key, model).await,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -398,12 +365,19 @@ async fn test_anthropic(api_key: &str, model: &str) -> Result<String, String> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async fn test_openai(url: &str, api_key: Option<&str>, model: &str) -> Result<String, String> {
|
async fn test_openai(api_key: &str, model: &str) -> Result<String, String> {
|
||||||
let client = Client::new();
|
let client = Client::new();
|
||||||
|
|
||||||
|
let is_gpt5 = model.starts_with("gpt-5");
|
||||||
|
let token_key = if is_gpt5 {
|
||||||
|
"max_completion_tokens"
|
||||||
|
} else {
|
||||||
|
"max_tokens"
|
||||||
|
};
|
||||||
|
|
||||||
let body = json!({
|
let body = json!({
|
||||||
"model": model,
|
"model": model,
|
||||||
"max_tokens": 10,
|
token_key: 10,
|
||||||
"messages": [
|
"messages": [
|
||||||
{
|
{
|
||||||
"role": "user",
|
"role": "user",
|
||||||
@@ -412,15 +386,10 @@ async fn test_openai(url: &str, api_key: Option<&str>, model: &str) -> Result<St
|
|||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
let mut req = client
|
let response = client
|
||||||
.post(url)
|
.post(OPENAI_API_URL)
|
||||||
.header("content-type", "application/json");
|
.header("Authorization", format!("Bearer {}", api_key))
|
||||||
|
.header("content-type", "application/json")
|
||||||
if let Some(key) = api_key {
|
|
||||||
req = req.header("Authorization", format!("Bearer {}", key));
|
|
||||||
}
|
|
||||||
|
|
||||||
let response = req
|
|
||||||
.json(&body)
|
.json(&body)
|
||||||
.send()
|
.send()
|
||||||
.await
|
.await
|
||||||
|
|||||||
@@ -2,7 +2,6 @@ use crate::search::SearchIndex;
|
|||||||
use crate::state::AppState;
|
use crate::state::AppState;
|
||||||
use crate::types::*;
|
use crate::types::*;
|
||||||
use crate::vault::{operations, watcher};
|
use crate::vault::{operations, watcher};
|
||||||
use std::path::Path;
|
|
||||||
use tauri::{AppHandle, Manager, State};
|
use tauri::{AppHandle, Manager, State};
|
||||||
|
|
||||||
// ── Vault Management ──
|
// ── Vault Management ──
|
||||||
@@ -11,21 +10,9 @@ use tauri::{AppHandle, Manager, State};
|
|||||||
pub fn open_vault(app: AppHandle, state: State<'_, AppState>, path: String) -> Result<(), String> {
|
pub fn open_vault(app: AppHandle, state: State<'_, AppState>, path: String) -> Result<(), String> {
|
||||||
operations::ensure_vault_structure(&path)?;
|
operations::ensure_vault_structure(&path)?;
|
||||||
|
|
||||||
// Initialize search index — rebuild in background on Android (FUSE is slow)
|
// Initialize search index
|
||||||
let search = std::sync::Arc::new(SearchIndex::new(&path)?);
|
let search = SearchIndex::new(&path)?;
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
{
|
|
||||||
let search_bg = search.clone();
|
|
||||||
let vault = path.clone();
|
|
||||||
std::thread::spawn(move || {
|
|
||||||
let _ = search_bg.rebuild(&vault);
|
|
||||||
log::info!("Android: search index rebuild complete");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
{
|
|
||||||
search.rebuild(&path)?;
|
search.rebuild(&path)?;
|
||||||
}
|
|
||||||
*state.search_index.lock().map_err(|e| e.to_string())? = Some(search);
|
*state.search_index.lock().map_err(|e| e.to_string())? = Some(search);
|
||||||
|
|
||||||
// Start file watcher
|
// Start file watcher
|
||||||
@@ -57,12 +44,6 @@ pub fn get_app_config(state: State<'_, AppState>) -> Result<AppConfig, String> {
|
|||||||
Ok(config.clone())
|
Ok(config.clone())
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn get_pending_open_file(state: State<'_, AppState>) -> Result<Option<String>, String> {
|
|
||||||
let mut pending = state.pending_open_file.lock().map_err(|e| e.to_string())?;
|
|
||||||
Ok(pending.take())
|
|
||||||
}
|
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn set_theme(state: State<'_, AppState>, theme: String) -> Result<(), String> {
|
pub fn set_theme(state: State<'_, AppState>, theme: String) -> Result<(), String> {
|
||||||
let mut config = state.config.lock().map_err(|e| e.to_string())?;
|
let mut config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
@@ -95,14 +76,6 @@ pub fn set_font_family(state: State<'_, AppState>, family: String) -> Result<(),
|
|||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn set_line_height(state: State<'_, AppState>, height: f64) -> Result<(), String> {
|
|
||||||
let mut config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
config.line_height = Some(height);
|
|
||||||
save_app_config(&config)?;
|
|
||||||
Ok(())
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Notebooks ──
|
// ── Notebooks ──
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -129,83 +102,10 @@ pub fn rename_notebook(path: String, new_name: String) -> Result<String, String>
|
|||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn move_notebook(
|
pub fn delete_notebook(state: State<'_, AppState>, path: String) -> Result<(), String> {
|
||||||
state: State<'_, AppState>,
|
|
||||||
notebook_path: String,
|
|
||||||
dest_parent: String,
|
|
||||||
) -> Result<String, String> {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
||||||
|
operations::delete_notebook(vault_path, &path)
|
||||||
let old_relative = Path::new(¬ebook_path)
|
|
||||||
.strip_prefix(vault_path.as_str())
|
|
||||||
.map(|p| p.to_string_lossy().to_string())
|
|
||||||
.unwrap_or_default();
|
|
||||||
|
|
||||||
let new_full_path = operations::move_notebook(¬ebook_path, &dest_parent)?;
|
|
||||||
|
|
||||||
let new_relative = Path::new(&new_full_path)
|
|
||||||
.strip_prefix(vault_path.as_str())
|
|
||||||
.map(|p| p.to_string_lossy().to_string())
|
|
||||||
.unwrap_or_default();
|
|
||||||
|
|
||||||
// Update Quick Access paths for all notes inside the moved notebook
|
|
||||||
if let Ok(mut qa) = operations::load_quick_access(vault_path) {
|
|
||||||
let old_prefix = format!("{}/", old_relative);
|
|
||||||
let mut changed = false;
|
|
||||||
for path in qa.iter_mut() {
|
|
||||||
if path.starts_with(&old_prefix) {
|
|
||||||
*path = format!("{}/{}", new_relative, &path[old_prefix.len()..]);
|
|
||||||
changed = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if changed {
|
|
||||||
let _ = operations::save_quick_access(vault_path, &qa);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update notebook icon mappings
|
|
||||||
if let Ok(icons) = operations::load_notebook_icons(vault_path) {
|
|
||||||
let old_prefix = format!("{}/", old_relative);
|
|
||||||
let mut new_icons = std::collections::HashMap::new();
|
|
||||||
let mut changed = false;
|
|
||||||
for (key, value) in &icons {
|
|
||||||
if *key == old_relative {
|
|
||||||
new_icons.insert(new_relative.clone(), value.clone());
|
|
||||||
changed = true;
|
|
||||||
} else if key.starts_with(&old_prefix) {
|
|
||||||
let new_key = format!("{}/{}", new_relative, &key[old_prefix.len()..]);
|
|
||||||
new_icons.insert(new_key, value.clone());
|
|
||||||
changed = true;
|
|
||||||
} else {
|
|
||||||
new_icons.insert(key.clone(), value.clone());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if changed {
|
|
||||||
let icons_path = operations::helixnotes_dir(vault_path).join("notebook_icons.json");
|
|
||||||
if let Ok(data) = serde_json::to_string_pretty(&new_icons) {
|
|
||||||
let _ = std::fs::write(&icons_path, data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Rebuild search index (paths changed for all contained notes)
|
|
||||||
if let Ok(search_guard) = state.search_index.lock() {
|
|
||||||
if let Some(ref search) = *search_guard {
|
|
||||||
let _ = search.rebuild(vault_path);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Ok(new_full_path)
|
|
||||||
}
|
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn delete_notebook(state: State<'_, AppState>, path: String) -> Result<(), String> {
|
|
||||||
let vault_path = {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
config.active_vault.as_ref().ok_or("No active vault")?.clone()
|
|
||||||
};
|
|
||||||
operations::delete_notebook(&vault_path, &path)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Notes ──
|
// ── Notes ──
|
||||||
@@ -274,26 +174,8 @@ pub fn create_note(
|
|||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn create_daily_note(state: State<'_, AppState>, date: Option<String>) -> Result<NoteEntry, String> {
|
pub fn rename_note(path: String, new_title: String) -> Result<String, String> {
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
operations::rename_note(&path, &new_title)
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
|
||||||
let entry = operations::create_daily_note(vault_path, date.as_deref())?;
|
|
||||||
|
|
||||||
if let Ok(search_guard) = state.search_index.lock() {
|
|
||||||
if let Some(ref search) = *search_guard {
|
|
||||||
let _ = search.index_note(&entry.path);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Ok(entry)
|
|
||||||
}
|
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn rename_note(state: State<'_, AppState>, path: String, new_title: String) -> Result<String, String> {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?.clone();
|
|
||||||
drop(config);
|
|
||||||
operations::rename_note(&path, &new_title, &vault_path)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -313,39 +195,8 @@ pub fn delete_note(state: State<'_, AppState>, path: String) -> Result<(), Strin
|
|||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn move_note(
|
pub fn move_note(note_path: String, dest_notebook: String) -> Result<String, String> {
|
||||||
state: State<'_, AppState>,
|
operations::move_note(¬e_path, &dest_notebook)
|
||||||
note_path: String,
|
|
||||||
dest_notebook: String,
|
|
||||||
) -> Result<String, String> {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
|
||||||
|
|
||||||
// Compute old relative path before move
|
|
||||||
let old_relative = Path::new(¬e_path)
|
|
||||||
.strip_prefix(vault_path)
|
|
||||||
.map(|p| p.to_string_lossy().to_string())
|
|
||||||
.unwrap_or_default();
|
|
||||||
|
|
||||||
let new_full_path = operations::move_note(¬e_path, &dest_notebook)?;
|
|
||||||
|
|
||||||
// Update quick access if the moved note was in it
|
|
||||||
if !old_relative.is_empty() {
|
|
||||||
if let Ok(mut qa) = operations::load_quick_access(vault_path) {
|
|
||||||
if let Some(pos) = qa.iter().position(|p| *p == old_relative) {
|
|
||||||
let new_relative = Path::new(&new_full_path)
|
|
||||||
.strip_prefix(vault_path)
|
|
||||||
.map(|p| p.to_string_lossy().to_string())
|
|
||||||
.unwrap_or_default();
|
|
||||||
if !new_relative.is_empty() {
|
|
||||||
qa[pos] = new_relative;
|
|
||||||
let _ = operations::save_quick_access(vault_path, &qa);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Ok(new_full_path)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Tags ──
|
// ── Tags ──
|
||||||
@@ -405,128 +256,6 @@ pub fn get_all_note_titles(state: State<'_, AppState>) -> Result<Vec<NoteTitleEn
|
|||||||
Ok(entries)
|
Ok(entries)
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Graph ──
|
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn get_graph_data(state: State<'_, AppState>) -> Result<crate::types::GraphData, String> {
|
|
||||||
use std::collections::{HashMap, HashSet};
|
|
||||||
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
|
||||||
let vault = std::path::Path::new(vault_path);
|
|
||||||
|
|
||||||
// Pass 1: collect all notes with titles (fast title extraction, no YAML parsing)
|
|
||||||
let mut graph_nodes = Vec::new();
|
|
||||||
let mut title_to_idx: HashMap<String, usize> = HashMap::new();
|
|
||||||
let mut seen_paths: HashSet<String> = HashSet::new();
|
|
||||||
let mut contents: Vec<String> = Vec::new();
|
|
||||||
|
|
||||||
for entry in walkdir::WalkDir::new(vault)
|
|
||||||
.into_iter()
|
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
{
|
|
||||||
let path = entry.path();
|
|
||||||
if !path.is_file() { continue; }
|
|
||||||
let path_str = path.to_string_lossy().to_string();
|
|
||||||
if path_str.contains("/.helixnotes/") || path_str.contains("/.trash/")
|
|
||||||
|| path_str.contains("/.stversions/") || path_str.contains("/.stfolder") { continue; }
|
|
||||||
if path.extension().and_then(|e| e.to_str()) != Some("md") { continue; }
|
|
||||||
// Skip Syncthing conflict files
|
|
||||||
if let Some(name) = path.file_name().and_then(|n| n.to_str()) {
|
|
||||||
if name.contains(".sync-conflict-") { continue; }
|
|
||||||
}
|
|
||||||
// Deduplicate by canonical path (handles symlinks)
|
|
||||||
let canonical = path.canonicalize().unwrap_or_else(|_| path.to_path_buf());
|
|
||||||
let canonical_str = canonical.to_string_lossy().to_string();
|
|
||||||
if !seen_paths.insert(canonical_str) { continue; }
|
|
||||||
|
|
||||||
let raw = std::fs::read_to_string(path).unwrap_or_default();
|
|
||||||
|
|
||||||
// Fast title extraction: scan for "title: " line in frontmatter without full YAML parse
|
|
||||||
let title = extract_title_fast(&raw).unwrap_or_else(|| {
|
|
||||||
path.file_stem().unwrap_or_default().to_string_lossy().to_string()
|
|
||||||
});
|
|
||||||
|
|
||||||
// Deduplicate by title — skip if we already have a node with this title
|
|
||||||
let title_lower = title.to_lowercase();
|
|
||||||
if title_to_idx.contains_key(&title_lower) { continue; }
|
|
||||||
|
|
||||||
let idx = graph_nodes.len();
|
|
||||||
title_to_idx.insert(title_lower, idx);
|
|
||||||
graph_nodes.push(crate::types::GraphNode {
|
|
||||||
title,
|
|
||||||
path: path_str,
|
|
||||||
});
|
|
||||||
contents.push(raw);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pass 2: extract edges from wiki-links (inline scan, no regex)
|
|
||||||
let mut edges = Vec::new();
|
|
||||||
let mut edge_set: HashSet<(usize, usize)> = HashSet::new();
|
|
||||||
|
|
||||||
for (source_idx, body) in contents.iter().enumerate() {
|
|
||||||
let bytes = body.as_bytes();
|
|
||||||
let len = bytes.len();
|
|
||||||
let mut i = 0;
|
|
||||||
while i + 1 < len {
|
|
||||||
if bytes[i] == b'[' && bytes[i + 1] == b'[' {
|
|
||||||
i += 2;
|
|
||||||
let start = i;
|
|
||||||
while i + 1 < len && !(bytes[i] == b']' && bytes[i + 1] == b']') {
|
|
||||||
i += 1;
|
|
||||||
}
|
|
||||||
if i + 1 < len {
|
|
||||||
let link_raw = &body[start..i];
|
|
||||||
// Strip |alias, #heading, ^block
|
|
||||||
let link = link_raw.split('|').next().unwrap_or(link_raw);
|
|
||||||
let link = link.split('#').next().unwrap_or(link);
|
|
||||||
let link = link.split('^').next().unwrap_or(link);
|
|
||||||
let link = link.trim().to_lowercase();
|
|
||||||
|
|
||||||
if let Some(&target_idx) = title_to_idx.get(&link) {
|
|
||||||
if target_idx != source_idx {
|
|
||||||
let key = if source_idx < target_idx { (source_idx, target_idx) } else { (target_idx, source_idx) };
|
|
||||||
if edge_set.insert(key) {
|
|
||||||
edges.push(crate::types::GraphEdge { source: source_idx, target: target_idx });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
i += 2;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
i += 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Ok(crate::types::GraphData { nodes: graph_nodes, edges })
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Fast title extraction from frontmatter without full YAML parsing.
|
|
||||||
/// Scans for `title: ...` line within `---` fences.
|
|
||||||
fn extract_title_fast(raw: &str) -> Option<String> {
|
|
||||||
let trimmed = raw.trim_start();
|
|
||||||
if !trimmed.starts_with("---") { return None; }
|
|
||||||
// Find the closing ---
|
|
||||||
let after_open = &trimmed[3..];
|
|
||||||
let end = after_open.find("\n---")?;
|
|
||||||
let frontmatter = &after_open[..end];
|
|
||||||
for line in frontmatter.lines() {
|
|
||||||
let line = line.trim();
|
|
||||||
if line.starts_with("title:") {
|
|
||||||
let val = line[6..].trim();
|
|
||||||
// Strip surrounding quotes
|
|
||||||
if (val.starts_with('"') && val.ends_with('"')) || (val.starts_with('\'') && val.ends_with('\'')) {
|
|
||||||
return Some(val[1..val.len()-1].to_string());
|
|
||||||
}
|
|
||||||
if !val.is_empty() {
|
|
||||||
return Some(val.to_string());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
None
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Search ──
|
// ── Search ──
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -556,10 +285,10 @@ pub fn reindex(state: State<'_, AppState>) -> Result<(), String> {
|
|||||||
// ── Trash ──
|
// ── Trash ──
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn get_trash(state: State<'_, AppState>) -> Result<TrashContents, String> {
|
pub fn get_trash(state: State<'_, AppState>) -> Result<Vec<NoteEntry>, String> {
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
||||||
operations::get_trash_contents(vault_path)
|
operations::get_trash_notes(vault_path)
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -568,29 +297,14 @@ pub fn restore_note(
|
|||||||
trash_path: String,
|
trash_path: String,
|
||||||
dest_notebook: Option<String>,
|
dest_notebook: Option<String>,
|
||||||
) -> Result<String, String> {
|
) -> Result<String, String> {
|
||||||
let vault_path = {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
config.active_vault.as_ref().ok_or("No active vault")?.clone()
|
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
||||||
};
|
operations::restore_note(vault_path, &trash_path, dest_notebook.as_deref())
|
||||||
operations::restore_note(&vault_path, &trash_path, dest_notebook.as_deref())
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn restore_notebook(state: State<'_, AppState>, trash_path: String) -> Result<String, String> {
|
pub fn permanent_delete(path: String) -> Result<(), String> {
|
||||||
let vault_path = {
|
operations::permanent_delete(&path)
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
config.active_vault.as_ref().ok_or("No active vault")?.clone()
|
|
||||||
};
|
|
||||||
operations::restore_notebook(&vault_path, &trash_path)
|
|
||||||
}
|
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn permanent_delete(state: State<'_, AppState>, path: String) -> Result<(), String> {
|
|
||||||
let vault_path = {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
config.active_vault.as_ref().ok_or("No active vault")?.clone()
|
|
||||||
};
|
|
||||||
operations::permanent_delete(&vault_path, &path)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -616,68 +330,6 @@ pub fn save_vault_state(state: State<'_, AppState>, vault_state: VaultState) ->
|
|||||||
operations::save_vault_state(vault_path, &vault_state)
|
operations::save_vault_state(vault_path, &vault_state)
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Clipboard ──
|
|
||||||
|
|
||||||
/// Read image from system clipboard (bypasses WebKitGTK clipboard bug).
|
|
||||||
/// Returns PNG bytes as Vec<u8>, or error if no image on clipboard.
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn read_clipboard_image() -> Result<Vec<u8>, String> {
|
|
||||||
let mut clipboard =
|
|
||||||
arboard::Clipboard::new().map_err(|e| format!("Clipboard init failed: {}", e))?;
|
|
||||||
let img = clipboard
|
|
||||||
.get_image()
|
|
||||||
.map_err(|_| "No image on clipboard".to_string())?;
|
|
||||||
// Encode RGBA data to PNG
|
|
||||||
let mut buf: Vec<u8> = Vec::new();
|
|
||||||
{
|
|
||||||
let mut encoder =
|
|
||||||
png::Encoder::new(std::io::Cursor::new(&mut buf), img.width as u32, img.height as u32);
|
|
||||||
encoder.set_color(png::ColorType::Rgba);
|
|
||||||
encoder.set_depth(png::BitDepth::Eight);
|
|
||||||
let mut writer = encoder
|
|
||||||
.write_header()
|
|
||||||
.map_err(|e| format!("PNG header failed: {}", e))?;
|
|
||||||
writer
|
|
||||||
.write_image_data(&img.bytes)
|
|
||||||
.map_err(|e| format!("PNG encode failed: {}", e))?;
|
|
||||||
}
|
|
||||||
Ok(buf)
|
|
||||||
}
|
|
||||||
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn read_clipboard_image() -> Result<Vec<u8>, String> {
|
|
||||||
Err("Clipboard image reading not supported on Android".to_string())
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Copy an image file to the system clipboard.
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn copy_image_to_clipboard(path: String) -> Result<(), String> {
|
|
||||||
let data = std::fs::read(&path).map_err(|e| format!("Failed to read image: {}", e))?;
|
|
||||||
let img = image::load_from_memory(&data)
|
|
||||||
.map_err(|e| format!("Failed to decode image: {}", e))?;
|
|
||||||
let rgba = img.to_rgba8();
|
|
||||||
let (w, h) = rgba.dimensions();
|
|
||||||
let img_data = arboard::ImageData {
|
|
||||||
width: w as usize,
|
|
||||||
height: h as usize,
|
|
||||||
bytes: std::borrow::Cow::Owned(rgba.into_raw()),
|
|
||||||
};
|
|
||||||
let mut clipboard = arboard::Clipboard::new()
|
|
||||||
.map_err(|e| format!("Clipboard init failed: {}", e))?;
|
|
||||||
clipboard.set_image(img_data)
|
|
||||||
.map_err(|e| format!("Failed to set clipboard image: {}", e))?;
|
|
||||||
Ok(())
|
|
||||||
}
|
|
||||||
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn copy_image_to_clipboard(_path: String) -> Result<(), String> {
|
|
||||||
Err("Clipboard image copy not supported on Android".to_string())
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── Attachments ──
|
// ── Attachments ──
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
@@ -737,7 +389,6 @@ pub fn set_general_settings(
|
|||||||
pdf_height: u32,
|
pdf_height: u32,
|
||||||
title_mode: String,
|
title_mode: String,
|
||||||
hide_title_in_body: bool,
|
hide_title_in_body: bool,
|
||||||
show_line_numbers: bool,
|
|
||||||
default_view_mode: bool,
|
default_view_mode: bool,
|
||||||
show_tray_icon: bool,
|
show_tray_icon: bool,
|
||||||
close_to_tray: bool,
|
close_to_tray: bool,
|
||||||
@@ -752,7 +403,6 @@ pub fn set_general_settings(
|
|||||||
config.pdf_height = pdf_height;
|
config.pdf_height = pdf_height;
|
||||||
config.title_mode = title_mode;
|
config.title_mode = title_mode;
|
||||||
config.hide_title_in_body = hide_title_in_body;
|
config.hide_title_in_body = hide_title_in_body;
|
||||||
config.show_line_numbers = show_line_numbers;
|
|
||||||
config.default_view_mode = default_view_mode;
|
config.default_view_mode = default_view_mode;
|
||||||
config.show_tray_icon = show_tray_icon;
|
config.show_tray_icon = show_tray_icon;
|
||||||
config.close_to_tray = close_to_tray;
|
config.close_to_tray = close_to_tray;
|
||||||
@@ -787,13 +437,6 @@ pub fn remove_quick_access(
|
|||||||
operations::remove_quick_access(vault_path, ¬e_relative)
|
operations::remove_quick_access(vault_path, ¬e_relative)
|
||||||
}
|
}
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn reorder_quick_access(state: State<'_, AppState>, paths: Vec<String>) -> Result<(), String> {
|
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
|
||||||
let vault_path = config.active_vault.as_ref().ok_or("No active vault")?;
|
|
||||||
operations::save_quick_access(vault_path, &paths)
|
|
||||||
}
|
|
||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn get_vault_stats(state: State<'_, AppState>) -> Result<VaultStats, String> {
|
pub fn get_vault_stats(state: State<'_, AppState>) -> Result<VaultStats, String> {
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
@@ -1329,9 +972,6 @@ fn resolve_wiki_ref(
|
|||||||
reference: &str,
|
reference: &str,
|
||||||
) -> String {
|
) -> String {
|
||||||
let reference = reference.trim();
|
let reference = reference.trim();
|
||||||
// Strip Obsidian heading anchors (#) and block references (^) before lookup
|
|
||||||
let reference = reference.split('#').next().unwrap_or(reference).trim();
|
|
||||||
let reference = reference.split('^').next().unwrap_or(reference).trim();
|
|
||||||
// Direct match by filename
|
// Direct match by filename
|
||||||
if let Some(rel) = file_index.get(reference) {
|
if let Some(rel) = file_index.get(reference) {
|
||||||
return rel.clone();
|
return rel.clone();
|
||||||
@@ -1550,13 +1190,11 @@ pub fn set_ai_settings(
|
|||||||
api_key: Option<String>,
|
api_key: Option<String>,
|
||||||
model: String,
|
model: String,
|
||||||
writing_style: Option<String>,
|
writing_style: Option<String>,
|
||||||
base_url: Option<String>,
|
|
||||||
) -> Result<(), String> {
|
) -> Result<(), String> {
|
||||||
let mut config = state.config.lock().map_err(|e| e.to_string())?;
|
let mut config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
let key = api_key.filter(|k| !k.is_empty());
|
let key = api_key.filter(|k| !k.is_empty());
|
||||||
match provider.as_deref() {
|
match provider.as_deref() {
|
||||||
Some("openai") => config.openai_api_key = key,
|
Some("openai") => config.openai_api_key = key,
|
||||||
Some("ollama") => config.ollama_base_url = base_url.filter(|u| !u.trim().is_empty()),
|
|
||||||
_ => config.ai_api_key = key,
|
_ => config.ai_api_key = key,
|
||||||
}
|
}
|
||||||
config.ai_provider = provider;
|
config.ai_provider = provider;
|
||||||
@@ -1568,36 +1206,27 @@ pub fn set_ai_settings(
|
|||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn test_ai_connection(app: AppHandle) -> Result<(), String> {
|
pub fn test_ai_connection(app: AppHandle) -> Result<(), String> {
|
||||||
let (provider, api_key, model, base_url) = {
|
let (provider, api_key, model) = {
|
||||||
let state = app.state::<AppState>();
|
let state = app.state::<AppState>();
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
let provider = config
|
let provider = config
|
||||||
.ai_provider
|
.ai_provider
|
||||||
.clone()
|
.clone()
|
||||||
.unwrap_or_else(|| "anthropic".to_string());
|
.unwrap_or_else(|| "anthropic".to_string());
|
||||||
let key = if provider == "ollama" {
|
let key = if provider == "openai" {
|
||||||
// Ollama doesn't require an API key
|
|
||||||
Some(String::new())
|
|
||||||
} else if provider == "openai" {
|
|
||||||
config.openai_api_key.clone()
|
config.openai_api_key.clone()
|
||||||
} else {
|
} else {
|
||||||
config.ai_api_key.clone()
|
config.ai_api_key.clone()
|
||||||
}
|
}
|
||||||
.ok_or("No API key configured")?;
|
.ok_or("No API key configured")?;
|
||||||
let model = config.ai_model.clone();
|
let model = config.ai_model.clone();
|
||||||
let base_url = config.ollama_base_url.clone();
|
(provider, key, model)
|
||||||
(provider, key, model, base_url)
|
|
||||||
};
|
};
|
||||||
|
|
||||||
std::thread::spawn(move || {
|
std::thread::spawn(move || {
|
||||||
use tauri::Emitter;
|
use tauri::Emitter;
|
||||||
let rt = tokio::runtime::Runtime::new().unwrap();
|
let rt = tokio::runtime::Runtime::new().unwrap();
|
||||||
let result = rt.block_on(crate::ai::test_connection(
|
let result = rt.block_on(crate::ai::test_connection(&provider, &api_key, &model));
|
||||||
&provider,
|
|
||||||
&api_key,
|
|
||||||
&model,
|
|
||||||
base_url.as_deref(),
|
|
||||||
));
|
|
||||||
match result {
|
match result {
|
||||||
Ok(msg) => {
|
Ok(msg) => {
|
||||||
let _ = app.emit(
|
let _ = app.emit(
|
||||||
@@ -1624,16 +1253,14 @@ pub fn ai_ask(
|
|||||||
custom_prompt: Option<String>,
|
custom_prompt: Option<String>,
|
||||||
request_id: String,
|
request_id: String,
|
||||||
) -> Result<(), String> {
|
) -> Result<(), String> {
|
||||||
let (provider, api_key, model, writing_style, base_url) = {
|
let (provider, api_key, model, writing_style) = {
|
||||||
let state = app.state::<AppState>();
|
let state = app.state::<AppState>();
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
let provider = config
|
let provider = config
|
||||||
.ai_provider
|
.ai_provider
|
||||||
.clone()
|
.clone()
|
||||||
.unwrap_or_else(|| "anthropic".to_string());
|
.unwrap_or_else(|| "anthropic".to_string());
|
||||||
let key = if provider == "ollama" {
|
let key = if provider == "openai" {
|
||||||
Some(String::new())
|
|
||||||
} else if provider == "openai" {
|
|
||||||
config.openai_api_key.clone()
|
config.openai_api_key.clone()
|
||||||
} else {
|
} else {
|
||||||
config.ai_api_key.clone()
|
config.ai_api_key.clone()
|
||||||
@@ -1641,8 +1268,7 @@ pub fn ai_ask(
|
|||||||
.ok_or("No API key configured. Go to Settings > AI to set up your API key.")?;
|
.ok_or("No API key configured. Go to Settings > AI to set up your API key.")?;
|
||||||
let model = config.ai_model.clone();
|
let model = config.ai_model.clone();
|
||||||
let style = config.ai_writing_style.clone();
|
let style = config.ai_writing_style.clone();
|
||||||
let base_url = config.ollama_base_url.clone();
|
(provider, key, model, style)
|
||||||
(provider, key, model, style, base_url)
|
|
||||||
};
|
};
|
||||||
|
|
||||||
let mut system_prompt = "You are a helpful writing assistant inside a note-taking app called HelixNotes. \
|
let mut system_prompt = "You are a helpful writing assistant inside a note-taking app called HelixNotes. \
|
||||||
@@ -1688,27 +1314,15 @@ pub fn ai_ask(
|
|||||||
system_prompt,
|
system_prompt,
|
||||||
user_message,
|
user_message,
|
||||||
request_id,
|
request_id,
|
||||||
base_url,
|
|
||||||
);
|
);
|
||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Helpers ──
|
// ── Helpers ──
|
||||||
|
|
||||||
static ANDROID_CONFIG_DIR: std::sync::OnceLock<std::path::PathBuf> = std::sync::OnceLock::new();
|
|
||||||
|
|
||||||
pub fn set_android_config_dir(path: std::path::PathBuf) {
|
|
||||||
let _ = ANDROID_CONFIG_DIR.set(path);
|
|
||||||
}
|
|
||||||
|
|
||||||
fn app_config_path() -> Result<std::path::PathBuf, String> {
|
fn app_config_path() -> Result<std::path::PathBuf, String> {
|
||||||
let app_dir = if let Some(config_dir) = dirs::config_dir() {
|
let config_dir = dirs::config_dir().ok_or("Cannot find config directory")?;
|
||||||
config_dir.join("helixnotes")
|
let app_dir = config_dir.join("helixnotes");
|
||||||
} else if let Some(android_dir) = ANDROID_CONFIG_DIR.get() {
|
|
||||||
android_dir.join("helixnotes")
|
|
||||||
} else {
|
|
||||||
return Err("Config directory not available yet".to_string());
|
|
||||||
};
|
|
||||||
std::fs::create_dir_all(&app_dir).map_err(|e| e.to_string())?;
|
std::fs::create_dir_all(&app_dir).map_err(|e| e.to_string())?;
|
||||||
Ok(app_dir.join("config.json"))
|
Ok(app_dir.join("config.json"))
|
||||||
}
|
}
|
||||||
@@ -1727,30 +1341,3 @@ fn save_app_config(config: &AppConfig) -> Result<(), String> {
|
|||||||
std::fs::write(path, data).map_err(|e| e.to_string())?;
|
std::fs::write(path, data).map_err(|e| e.to_string())?;
|
||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Install Type Detection ──
|
|
||||||
|
|
||||||
#[tauri::command]
|
|
||||||
pub fn get_install_type() -> String {
|
|
||||||
if cfg!(target_os = "macos") {
|
|
||||||
"macos".to_string()
|
|
||||||
} else if cfg!(target_os = "windows") {
|
|
||||||
"windows".to_string()
|
|
||||||
} else if std::path::Path::new("/var/lib/dpkg/info/helix-notes.list").exists() {
|
|
||||||
"deb".to_string()
|
|
||||||
} else if std::path::Path::new("/var/lib/pacman/local").exists()
|
|
||||||
&& ["helixnotes", "helixnotes-bin", "helixnotes-appimage-bin"].iter().any(|pkg| {
|
|
||||||
std::process::Command::new("pacman")
|
|
||||||
.args(["-Q", pkg])
|
|
||||||
.output()
|
|
||||||
.map(|o| o.status.success())
|
|
||||||
.unwrap_or(false)
|
|
||||||
})
|
|
||||||
{
|
|
||||||
"aur".to_string()
|
|
||||||
} else if std::env::var("APPIMAGE").is_ok() {
|
|
||||||
"appimage".to_string()
|
|
||||||
} else {
|
|
||||||
"native".to_string()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -8,26 +8,17 @@ mod types;
|
|||||||
mod vault;
|
mod vault;
|
||||||
|
|
||||||
use state::AppState;
|
use state::AppState;
|
||||||
#[allow(unused_imports)]
|
|
||||||
use tauri::{Emitter, Manager};
|
|
||||||
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
use tauri::{
|
use tauri::{
|
||||||
image::Image,
|
image::Image,
|
||||||
menu::{MenuBuilder, MenuItemBuilder},
|
menu::{MenuBuilder, MenuItemBuilder},
|
||||||
tray::TrayIconBuilder,
|
tray::TrayIconBuilder,
|
||||||
|
Manager,
|
||||||
};
|
};
|
||||||
|
|
||||||
#[cfg_attr(mobile, tauri::mobile_entry_point)]
|
#[cfg_attr(mobile, tauri::mobile_entry_point)]
|
||||||
pub fn run() {
|
pub fn run() {
|
||||||
rustls::crypto::ring::default_provider()
|
|
||||||
.install_default()
|
|
||||||
.expect("Failed to install rustls crypto provider");
|
|
||||||
|
|
||||||
let config = commands::load_app_config();
|
let config = commands::load_app_config();
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
let show_tray = config.show_tray_icon;
|
let show_tray = config.show_tray_icon;
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
let close_to_tray = config.close_to_tray && show_tray;
|
let close_to_tray = config.close_to_tray && show_tray;
|
||||||
let app_state = AppState::new(config);
|
let app_state = AppState::new(config);
|
||||||
|
|
||||||
@@ -35,6 +26,7 @@ pub fn run() {
|
|||||||
.plugin(tauri_plugin_dialog::init())
|
.plugin(tauri_plugin_dialog::init())
|
||||||
.plugin(tauri_plugin_fs::init())
|
.plugin(tauri_plugin_fs::init())
|
||||||
.plugin(tauri_plugin_opener::init())
|
.plugin(tauri_plugin_opener::init())
|
||||||
|
.plugin(tauri_plugin_updater::Builder::new().build())
|
||||||
.setup(move |app| {
|
.setup(move |app| {
|
||||||
if cfg!(debug_assertions) {
|
if cfg!(debug_assertions) {
|
||||||
app.handle().plugin(
|
app.handle().plugin(
|
||||||
@@ -44,48 +36,10 @@ pub fn run() {
|
|||||||
)?;
|
)?;
|
||||||
}
|
}
|
||||||
|
|
||||||
// On Android, set config dir from Tauri's path resolver, then reload config
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
{
|
|
||||||
if let Ok(config_dir) = app.path().config_dir() {
|
|
||||||
commands::set_android_config_dir(config_dir);
|
|
||||||
} else if let Ok(data_dir) = app.path().data_dir() {
|
|
||||||
commands::set_android_config_dir(data_dir);
|
|
||||||
}
|
|
||||||
// Reload config now that the Android config dir is available
|
|
||||||
let reloaded = commands::load_app_config();
|
|
||||||
let _ = app.state::<AppState>().config.lock().map(|mut cfg| {
|
|
||||||
*cfg = reloaded;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
if show_tray {
|
if show_tray {
|
||||||
setup_tray(app)?;
|
setup_tray(app)?;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check CLI args for a .md file path on initial launch
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
{
|
|
||||||
let file_arg = std::env::args().skip(1).find(|a| {
|
|
||||||
let a = a.trim();
|
|
||||||
!a.starts_with('-') && a.ends_with(".md")
|
|
||||||
});
|
|
||||||
if let Some(path) = file_arg {
|
|
||||||
let resolved = if std::path::Path::new(&path).is_absolute() {
|
|
||||||
std::path::PathBuf::from(&path)
|
|
||||||
} else {
|
|
||||||
std::env::current_dir().unwrap_or_default().join(&path)
|
|
||||||
};
|
|
||||||
if let Some(resolved_str) = resolved.to_str() {
|
|
||||||
let app_state = app.state::<AppState>();
|
|
||||||
let _ = app_state.pending_open_file.lock().map(|mut p| {
|
|
||||||
*p = Some(resolved_str.to_string());
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Ok(())
|
Ok(())
|
||||||
})
|
})
|
||||||
.manage(app_state)
|
.manage(app_state)
|
||||||
@@ -96,34 +50,27 @@ pub fn run() {
|
|||||||
commands::set_accent_color,
|
commands::set_accent_color,
|
||||||
commands::set_font_size,
|
commands::set_font_size,
|
||||||
commands::set_font_family,
|
commands::set_font_family,
|
||||||
commands::set_line_height,
|
|
||||||
commands::get_notebooks,
|
commands::get_notebooks,
|
||||||
commands::create_notebook,
|
commands::create_notebook,
|
||||||
commands::rename_notebook,
|
commands::rename_notebook,
|
||||||
commands::delete_notebook,
|
commands::delete_notebook,
|
||||||
commands::move_notebook,
|
|
||||||
commands::get_notes,
|
commands::get_notes,
|
||||||
commands::read_note,
|
commands::read_note,
|
||||||
commands::save_note,
|
commands::save_note,
|
||||||
commands::create_note,
|
commands::create_note,
|
||||||
commands::create_daily_note,
|
|
||||||
commands::rename_note,
|
commands::rename_note,
|
||||||
commands::delete_note,
|
commands::delete_note,
|
||||||
commands::move_note,
|
commands::move_note,
|
||||||
commands::get_all_tags,
|
commands::get_all_tags,
|
||||||
commands::get_all_note_titles,
|
commands::get_all_note_titles,
|
||||||
commands::get_graph_data,
|
|
||||||
commands::search_notes,
|
commands::search_notes,
|
||||||
commands::reindex,
|
commands::reindex,
|
||||||
commands::get_trash,
|
commands::get_trash,
|
||||||
commands::restore_note,
|
commands::restore_note,
|
||||||
commands::restore_notebook,
|
|
||||||
commands::permanent_delete,
|
commands::permanent_delete,
|
||||||
commands::empty_trash,
|
commands::empty_trash,
|
||||||
commands::load_vault_state,
|
commands::load_vault_state,
|
||||||
commands::save_vault_state,
|
commands::save_vault_state,
|
||||||
commands::read_clipboard_image,
|
|
||||||
commands::copy_image_to_clipboard,
|
|
||||||
commands::save_image,
|
commands::save_image,
|
||||||
commands::save_attachment,
|
commands::save_attachment,
|
||||||
commands::get_notebook_icons,
|
commands::get_notebook_icons,
|
||||||
@@ -132,7 +79,6 @@ pub fn run() {
|
|||||||
commands::get_quick_access,
|
commands::get_quick_access,
|
||||||
commands::add_quick_access,
|
commands::add_quick_access,
|
||||||
commands::remove_quick_access,
|
commands::remove_quick_access,
|
||||||
commands::reorder_quick_access,
|
|
||||||
commands::get_vault_stats,
|
commands::get_vault_stats,
|
||||||
commands::import_obsidian,
|
commands::import_obsidian,
|
||||||
commands::open_file,
|
commands::open_file,
|
||||||
@@ -148,136 +94,14 @@ pub fn run() {
|
|||||||
commands::set_ai_settings,
|
commands::set_ai_settings,
|
||||||
commands::test_ai_connection,
|
commands::test_ai_connection,
|
||||||
commands::ai_ask,
|
commands::ai_ask,
|
||||||
commands::get_install_type,
|
]);
|
||||||
commands::get_pending_open_file,
|
|
||||||
])
|
|
||||||
.register_asynchronous_uri_scheme_protocol("imgproxy", |_ctx, request, responder| {
|
|
||||||
let path = request.uri().path().to_string();
|
|
||||||
std::thread::spawn(move || {
|
|
||||||
let encoded = path.strip_prefix('/').unwrap_or(&path);
|
|
||||||
let external_url = percent_decode(encoded);
|
|
||||||
|
|
||||||
if !external_url.starts_with("http://") && !external_url.starts_with("https://") {
|
if close_to_tray {
|
||||||
let _ = responder.respond(
|
builder = builder.on_window_event(|window, event| {
|
||||||
tauri::http::Response::builder()
|
if let tauri::WindowEvent::CloseRequested { api, .. } = event {
|
||||||
.status(400)
|
|
||||||
.body(Vec::new())
|
|
||||||
.unwrap(),
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let client = match reqwest::blocking::Client::builder()
|
|
||||||
.timeout(std::time::Duration::from_secs(30))
|
|
||||||
.build()
|
|
||||||
{
|
|
||||||
Ok(c) => c,
|
|
||||||
Err(_) => {
|
|
||||||
let _ = responder.respond(
|
|
||||||
tauri::http::Response::builder()
|
|
||||||
.status(502)
|
|
||||||
.body(Vec::new())
|
|
||||||
.unwrap(),
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
match client.get(&external_url).send() {
|
|
||||||
Ok(resp) => {
|
|
||||||
let content_type = resp
|
|
||||||
.headers()
|
|
||||||
.get("content-type")
|
|
||||||
.and_then(|h| h.to_str().ok())
|
|
||||||
.unwrap_or("application/octet-stream")
|
|
||||||
.to_string();
|
|
||||||
let status = resp.status().as_u16();
|
|
||||||
match resp.bytes() {
|
|
||||||
Ok(bytes) => {
|
|
||||||
let _ = responder.respond(
|
|
||||||
tauri::http::Response::builder()
|
|
||||||
.status(status)
|
|
||||||
.header("Content-Type", &content_type)
|
|
||||||
.header("Access-Control-Allow-Origin", "*")
|
|
||||||
.body(bytes.to_vec())
|
|
||||||
.unwrap(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Err(_) => {
|
|
||||||
let _ = responder.respond(
|
|
||||||
tauri::http::Response::builder()
|
|
||||||
.status(502)
|
|
||||||
.body(Vec::new())
|
|
||||||
.unwrap(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Err(_) => {
|
|
||||||
let _ = responder.respond(
|
|
||||||
tauri::http::Response::builder()
|
|
||||||
.status(502)
|
|
||||||
.body(Vec::new())
|
|
||||||
.unwrap(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
{
|
|
||||||
builder = builder.plugin(tauri_plugin_single_instance::init(|app, args, cwd| {
|
|
||||||
// Always show/focus the main window
|
|
||||||
if let Some(window) = app.get_webview_window("main") {
|
|
||||||
let _ = window.show();
|
|
||||||
let _ = window.unminimize();
|
|
||||||
let _ = window.set_focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Extract .md file path from args (args[0] is the binary)
|
|
||||||
let file_path = args.iter().skip(1).find(|arg| {
|
|
||||||
let a = arg.trim();
|
|
||||||
!a.starts_with('-') && a.ends_with(".md")
|
|
||||||
});
|
|
||||||
|
|
||||||
if let Some(path) = file_path {
|
|
||||||
let resolved = if std::path::Path::new(path.as_str()).is_absolute() {
|
|
||||||
std::path::PathBuf::from(path)
|
|
||||||
} else {
|
|
||||||
std::path::Path::new(&cwd).join(path)
|
|
||||||
};
|
|
||||||
if let Some(resolved_str) = resolved.to_str() {
|
|
||||||
let _ = app.emit("open-file", resolved_str.to_string());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
builder = builder.plugin(tauri_plugin_updater::Builder::new().build());
|
|
||||||
builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());
|
|
||||||
|
|
||||||
builder = builder.on_window_event(move |window, event| {
|
|
||||||
match event {
|
|
||||||
tauri::WindowEvent::CloseRequested { api, .. } => {
|
|
||||||
// Only hide to tray for the main window
|
|
||||||
if close_to_tray && window.label() == "main" {
|
|
||||||
api.prevent_close();
|
api.prevent_close();
|
||||||
let _ = window.hide();
|
let _ = window.hide();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
tauri::WindowEvent::Destroyed => {
|
|
||||||
// When main window is destroyed, close all note windows
|
|
||||||
if window.label() == "main" {
|
|
||||||
let app = window.app_handle();
|
|
||||||
for (label, win) in app.webview_windows() {
|
|
||||||
if label.starts_with("note-") {
|
|
||||||
let _ = win.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
_ => {}
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -286,7 +110,6 @@ pub fn run() {
|
|||||||
.expect("error while running tauri application");
|
.expect("error while running tauri application");
|
||||||
}
|
}
|
||||||
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
fn setup_tray(app: &mut tauri::App) -> Result<(), Box<dyn std::error::Error>> {
|
fn setup_tray(app: &mut tauri::App) -> Result<(), Box<dyn std::error::Error>> {
|
||||||
let show = MenuItemBuilder::with_id("show", "Show HelixNotes").build(app)?;
|
let show = MenuItemBuilder::with_id("show", "Show HelixNotes").build(app)?;
|
||||||
let quit = MenuItemBuilder::with_id("quit", "Quit").build(app)?;
|
let quit = MenuItemBuilder::with_id("quit", "Quit").build(app)?;
|
||||||
@@ -325,23 +148,3 @@ fn setup_tray(app: &mut tauri::App) -> Result<(), Box<dyn std::error::Error>> {
|
|||||||
|
|
||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
fn percent_decode(input: &str) -> String {
|
|
||||||
let mut output = Vec::with_capacity(input.len());
|
|
||||||
let bytes = input.as_bytes();
|
|
||||||
let mut i = 0;
|
|
||||||
while i < bytes.len() {
|
|
||||||
if bytes[i] == b'%' && i + 2 < bytes.len() {
|
|
||||||
if let Ok(decoded) =
|
|
||||||
u8::from_str_radix(std::str::from_utf8(&bytes[i + 1..i + 3]).unwrap_or(""), 16)
|
|
||||||
{
|
|
||||||
output.push(decoded);
|
|
||||||
i += 3;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
output.push(bytes[i]);
|
|
||||||
i += 1;
|
|
||||||
}
|
|
||||||
String::from_utf8_lossy(&output).to_string()
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -5,10 +5,7 @@ use std::fs;
|
|||||||
use std::path::Path;
|
use std::path::Path;
|
||||||
use std::sync::Mutex;
|
use std::sync::Mutex;
|
||||||
use tantivy::collector::TopDocs;
|
use tantivy::collector::TopDocs;
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
use tantivy::directory::MmapDirectory;
|
use tantivy::directory::MmapDirectory;
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
use tantivy::directory::RamDirectory;
|
|
||||||
use tantivy::query::QueryParser;
|
use tantivy::query::QueryParser;
|
||||||
use tantivy::schema::*;
|
use tantivy::schema::*;
|
||||||
use tantivy::{Index, IndexWriter, TantivyDocument};
|
use tantivy::{Index, IndexWriter, TantivyDocument};
|
||||||
@@ -27,6 +24,9 @@ pub struct SearchIndex {
|
|||||||
|
|
||||||
impl SearchIndex {
|
impl SearchIndex {
|
||||||
pub fn new(vault_path: &str) -> Result<Self, String> {
|
pub fn new(vault_path: &str) -> Result<Self, String> {
|
||||||
|
let index_dir = helixnotes_dir(vault_path).join("search_index");
|
||||||
|
fs::create_dir_all(&index_dir).map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
let mut schema_builder = Schema::builder();
|
let mut schema_builder = Schema::builder();
|
||||||
let path_field = schema_builder.add_text_field("path", STRING | STORED);
|
let path_field = schema_builder.add_text_field("path", STRING | STORED);
|
||||||
let title_field = schema_builder.add_text_field("title", TEXT | STORED);
|
let title_field = schema_builder.add_text_field("title", TEXT | STORED);
|
||||||
@@ -34,27 +34,12 @@ impl SearchIndex {
|
|||||||
let tags_field = schema_builder.add_text_field("tags", TEXT | STORED);
|
let tags_field = schema_builder.add_text_field("tags", TEXT | STORED);
|
||||||
let schema = schema_builder.build();
|
let schema = schema_builder.build();
|
||||||
|
|
||||||
// Android: use in-memory index (flock doesn't work on /storage/emulated FUSE filesystem)
|
|
||||||
// Desktop: use mmap directory for persistent index on disk
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
let index = {
|
|
||||||
let dir = RamDirectory::create();
|
|
||||||
Index::open_or_create(dir, schema.clone()).map_err(|e| e.to_string())?
|
|
||||||
};
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
let index = {
|
|
||||||
let index_dir = helixnotes_dir(vault_path).join("search_index");
|
|
||||||
fs::create_dir_all(&index_dir).map_err(|e| e.to_string())?;
|
|
||||||
let dir = MmapDirectory::open(&index_dir).map_err(|e| e.to_string())?;
|
let dir = MmapDirectory::open(&index_dir).map_err(|e| e.to_string())?;
|
||||||
Index::open_or_create(dir, schema.clone()).map_err(|e| e.to_string())?
|
let index = Index::open_or_create(dir, schema.clone()).map_err(|e| e.to_string())?;
|
||||||
};
|
|
||||||
|
|
||||||
#[cfg(target_os = "android")]
|
let writer = index
|
||||||
let heap_size = 15_000_000;
|
.writer(50_000_000)
|
||||||
#[cfg(not(target_os = "android"))]
|
.map_err(|e| e.to_string())?;
|
||||||
let heap_size = 50_000_000;
|
|
||||||
|
|
||||||
let writer = index.writer(heap_size).map_err(|e| e.to_string())?;
|
|
||||||
|
|
||||||
Ok(Self {
|
Ok(Self {
|
||||||
index,
|
index,
|
||||||
@@ -77,20 +62,18 @@ impl SearchIndex {
|
|||||||
|
|
||||||
for entry in WalkDir::new(vault_path)
|
for entry in WalkDir::new(vault_path)
|
||||||
.into_iter()
|
.into_iter()
|
||||||
.filter_entry(|e| {
|
.filter_map(|e| e.ok())
|
||||||
|
.filter(|e| {
|
||||||
let p = e.path();
|
let p = e.path();
|
||||||
!p.starts_with(&hn_dir)
|
p.is_file()
|
||||||
|
&& p.extension().and_then(|x| x.to_str()) == Some("md")
|
||||||
|
&& !p.starts_with(&hn_dir)
|
||||||
&& !p
|
&& !p
|
||||||
.file_name()
|
.file_name()
|
||||||
.and_then(|n| n.to_str())
|
.and_then(|n| n.to_str())
|
||||||
.map(|n| n.starts_with('.'))
|
.map(|n| n.starts_with('.'))
|
||||||
.unwrap_or(false)
|
.unwrap_or(false)
|
||||||
})
|
})
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
.filter(|e| {
|
|
||||||
e.file_type().is_file()
|
|
||||||
&& e.path().extension().and_then(|x| x.to_str()) == Some("md")
|
|
||||||
})
|
|
||||||
{
|
{
|
||||||
if let Ok(raw) = fs::read_to_string(entry.path()) {
|
if let Ok(raw) = fs::read_to_string(entry.path()) {
|
||||||
let filename = entry.file_name().to_string_lossy().to_string();
|
let filename = entry.file_name().to_string_lossy().to_string();
|
||||||
@@ -152,10 +135,8 @@ impl SearchIndex {
|
|||||||
let reader = self.index.reader().map_err(|e| e.to_string())?;
|
let reader = self.index.reader().map_err(|e| e.to_string())?;
|
||||||
let searcher = reader.searcher();
|
let searcher = reader.searcher();
|
||||||
|
|
||||||
let query_parser = QueryParser::for_index(
|
let query_parser =
|
||||||
&self.index,
|
QueryParser::for_index(&self.index, vec![self.title_field, self.body_field, self.tags_field]);
|
||||||
vec![self.title_field, self.body_field, self.tags_field],
|
|
||||||
);
|
|
||||||
|
|
||||||
let query = query_parser
|
let query = query_parser
|
||||||
.parse_query(query_str)
|
.parse_query(query_str)
|
||||||
|
|||||||
@@ -3,14 +3,12 @@ use crate::types::AppConfig;
|
|||||||
use notify::RecommendedWatcher;
|
use notify::RecommendedWatcher;
|
||||||
use std::sync::atomic::AtomicBool;
|
use std::sync::atomic::AtomicBool;
|
||||||
use std::sync::Mutex;
|
use std::sync::Mutex;
|
||||||
use std::sync::Arc;
|
|
||||||
|
|
||||||
pub struct AppState {
|
pub struct AppState {
|
||||||
pub config: Mutex<AppConfig>,
|
pub config: Mutex<AppConfig>,
|
||||||
pub search_index: Mutex<Option<Arc<SearchIndex>>>,
|
pub search_index: Mutex<Option<SearchIndex>>,
|
||||||
pub watcher: Mutex<Option<RecommendedWatcher>>,
|
pub watcher: Mutex<Option<RecommendedWatcher>>,
|
||||||
pub importing: AtomicBool,
|
pub importing: AtomicBool,
|
||||||
pub pending_open_file: Mutex<Option<String>>,
|
|
||||||
}
|
}
|
||||||
|
|
||||||
impl AppState {
|
impl AppState {
|
||||||
@@ -20,7 +18,6 @@ impl AppState {
|
|||||||
search_index: Mutex::new(None),
|
search_index: Mutex::new(None),
|
||||||
watcher: Mutex::new(None),
|
watcher: Mutex::new(None),
|
||||||
importing: AtomicBool::new(false),
|
importing: AtomicBool::new(false),
|
||||||
pending_open_file: Mutex::new(None),
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,20 +19,6 @@ pub struct NoteEntry {
|
|||||||
pub preview: String,
|
pub preview: String,
|
||||||
}
|
}
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
|
||||||
pub struct TrashContents {
|
|
||||||
pub notes: Vec<NoteEntry>,
|
|
||||||
pub notebooks: Vec<TrashNotebookEntry>,
|
|
||||||
}
|
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
|
||||||
pub struct TrashNotebookEntry {
|
|
||||||
pub name: String,
|
|
||||||
pub path: String,
|
|
||||||
pub note_count: usize,
|
|
||||||
pub modified: DateTime<Utc>,
|
|
||||||
}
|
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
#[derive(Debug, Clone, Serialize, Deserialize)]
|
||||||
pub struct NotebookEntry {
|
pub struct NotebookEntry {
|
||||||
pub name: String,
|
pub name: String,
|
||||||
@@ -68,8 +54,6 @@ pub struct AppConfig {
|
|||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub font_family: Option<String>,
|
pub font_family: Option<String>,
|
||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub line_height: Option<f64>,
|
|
||||||
#[serde(default)]
|
|
||||||
pub compact_notes: bool,
|
pub compact_notes: bool,
|
||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub time_format: String,
|
pub time_format: String,
|
||||||
@@ -86,8 +70,6 @@ pub struct AppConfig {
|
|||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub hide_title_in_body: bool,
|
pub hide_title_in_body: bool,
|
||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub show_line_numbers: bool,
|
|
||||||
#[serde(default)]
|
|
||||||
pub backup_enabled: bool,
|
pub backup_enabled: bool,
|
||||||
#[serde(default = "default_backup_frequency")]
|
#[serde(default = "default_backup_frequency")]
|
||||||
pub backup_frequency: String,
|
pub backup_frequency: String,
|
||||||
@@ -107,8 +89,6 @@ pub struct AppConfig {
|
|||||||
pub ai_api_key: Option<String>,
|
pub ai_api_key: Option<String>,
|
||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
pub openai_api_key: Option<String>,
|
pub openai_api_key: Option<String>,
|
||||||
#[serde(default)]
|
|
||||||
pub ollama_base_url: Option<String>,
|
|
||||||
#[serde(default = "default_ai_model")]
|
#[serde(default = "default_ai_model")]
|
||||||
pub ai_model: String,
|
pub ai_model: String,
|
||||||
#[serde(default)]
|
#[serde(default)]
|
||||||
@@ -148,7 +128,7 @@ fn default_max_versions() -> u32 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
fn default_ai_model() -> String {
|
fn default_ai_model() -> String {
|
||||||
"claude-sonnet-4-6".to_string()
|
"claude-sonnet-4-5-20250929".to_string()
|
||||||
}
|
}
|
||||||
|
|
||||||
impl Default for AppConfig {
|
impl Default for AppConfig {
|
||||||
@@ -160,7 +140,6 @@ impl Default for AppConfig {
|
|||||||
accent_color: None,
|
accent_color: None,
|
||||||
font_size: None,
|
font_size: None,
|
||||||
font_family: None,
|
font_family: None,
|
||||||
line_height: None,
|
|
||||||
compact_notes: false,
|
compact_notes: false,
|
||||||
time_format: "relative".to_string(),
|
time_format: "relative".to_string(),
|
||||||
gpu_acceleration: true,
|
gpu_acceleration: true,
|
||||||
@@ -169,7 +148,6 @@ impl Default for AppConfig {
|
|||||||
pdf_height: 600,
|
pdf_height: 600,
|
||||||
title_mode: "input".to_string(),
|
title_mode: "input".to_string(),
|
||||||
hide_title_in_body: false,
|
hide_title_in_body: false,
|
||||||
show_line_numbers: false,
|
|
||||||
backup_enabled: false,
|
backup_enabled: false,
|
||||||
backup_frequency: "24h".to_string(),
|
backup_frequency: "24h".to_string(),
|
||||||
backup_max_count: 10,
|
backup_max_count: 10,
|
||||||
@@ -180,8 +158,7 @@ impl Default for AppConfig {
|
|||||||
ai_provider: None,
|
ai_provider: None,
|
||||||
ai_api_key: None,
|
ai_api_key: None,
|
||||||
openai_api_key: None,
|
openai_api_key: None,
|
||||||
ollama_base_url: None,
|
ai_model: "claude-sonnet-4-5-20250929".to_string(),
|
||||||
ai_model: "claude-sonnet-4-6".to_string(),
|
|
||||||
ai_writing_style: None,
|
ai_writing_style: None,
|
||||||
default_view_mode: false,
|
default_view_mode: false,
|
||||||
show_tray_icon: false,
|
show_tray_icon: false,
|
||||||
@@ -268,21 +245,3 @@ pub struct NoteTitleEntry {
|
|||||||
pub title: String,
|
pub title: String,
|
||||||
pub path: String,
|
pub path: String,
|
||||||
}
|
}
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
|
||||||
pub struct GraphData {
|
|
||||||
pub nodes: Vec<GraphNode>,
|
|
||||||
pub edges: Vec<GraphEdge>,
|
|
||||||
}
|
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
|
||||||
pub struct GraphNode {
|
|
||||||
pub title: String,
|
|
||||||
pub path: String,
|
|
||||||
}
|
|
||||||
|
|
||||||
#[derive(Debug, Clone, Serialize, Deserialize)]
|
|
||||||
pub struct GraphEdge {
|
|
||||||
pub source: usize,
|
|
||||||
pub target: usize,
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
use crate::types::NoteMeta;
|
use crate::types::NoteMeta;
|
||||||
use chrono::{NaiveDate, NaiveDateTime, Utc};
|
use chrono::Utc;
|
||||||
use gray_matter::engine::YAML;
|
use gray_matter::engine::YAML;
|
||||||
use gray_matter::Matter;
|
use gray_matter::Matter;
|
||||||
use serde::{Deserialize, Serialize};
|
use serde::{Deserialize, Serialize};
|
||||||
|
use uuid::Uuid;
|
||||||
|
|
||||||
#[derive(Debug, Serialize, Deserialize, Default)]
|
#[derive(Debug, Serialize, Deserialize, Default)]
|
||||||
struct RawFrontmatter {
|
struct RawFrontmatter {
|
||||||
@@ -14,32 +15,6 @@ struct RawFrontmatter {
|
|||||||
modified: Option<String>,
|
modified: Option<String>,
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Try to parse a date string in multiple common formats.
|
|
||||||
fn parse_date_flexible(s: &str) -> Option<chrono::DateTime<Utc>> {
|
|
||||||
let s = s.trim();
|
|
||||||
// RFC 3339 / ISO 8601 with timezone (e.g. 2024-01-15T10:30:00+00:00)
|
|
||||||
if let Ok(dt) = s.parse::<chrono::DateTime<Utc>>() {
|
|
||||||
return Some(dt);
|
|
||||||
}
|
|
||||||
// Try parsing as DateTime with fixed offset then convert
|
|
||||||
if let Ok(dt) = chrono::DateTime::parse_from_rfc3339(s) {
|
|
||||||
return Some(dt.with_timezone(&Utc));
|
|
||||||
}
|
|
||||||
// YYYY-MM-DD HH:MM:SS (no timezone)
|
|
||||||
if let Ok(ndt) = NaiveDateTime::parse_from_str(s, "%Y-%m-%d %H:%M:%S") {
|
|
||||||
return Some(ndt.and_utc());
|
|
||||||
}
|
|
||||||
// YYYY-MM-DDTHH:MM:SS (no timezone, with T separator)
|
|
||||||
if let Ok(ndt) = NaiveDateTime::parse_from_str(s, "%Y-%m-%dT%H:%M:%S") {
|
|
||||||
return Some(ndt.and_utc());
|
|
||||||
}
|
|
||||||
// YYYY-MM-DD (date only)
|
|
||||||
if let Ok(nd) = NaiveDate::parse_from_str(s, "%Y-%m-%d") {
|
|
||||||
return nd.and_hms_opt(0, 0, 0).map(|ndt| ndt.and_utc());
|
|
||||||
}
|
|
||||||
None
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn parse_note(raw: &str, filename: &str) -> (NoteMeta, String) {
|
pub fn parse_note(raw: &str, filename: &str) -> (NoteMeta, String) {
|
||||||
let matter = Matter::<YAML>::new();
|
let matter = Matter::<YAML>::new();
|
||||||
let result = matter.parse(raw);
|
let result = matter.parse(raw);
|
||||||
@@ -53,16 +28,15 @@ pub fn parse_note(raw: &str, filename: &str) -> (NoteMeta, String) {
|
|||||||
|
|
||||||
let created = fm
|
let created = fm
|
||||||
.created
|
.created
|
||||||
.and_then(|s| parse_date_flexible(&s))
|
.and_then(|s| s.parse().ok())
|
||||||
.unwrap_or_else(Utc::now);
|
.unwrap_or_else(Utc::now);
|
||||||
|
|
||||||
let modified = fm
|
let modified = fm
|
||||||
.modified
|
.modified
|
||||||
.and_then(|s| parse_date_flexible(&s))
|
.and_then(|s| s.parse().ok())
|
||||||
.unwrap_or_else(Utc::now);
|
.unwrap_or_else(Utc::now);
|
||||||
|
|
||||||
// Don't generate UUID on read — empty string signals "no ID yet"
|
let id = fm.id.unwrap_or_else(|| Uuid::new_v4().to_string());
|
||||||
let id = fm.id.unwrap_or_default();
|
|
||||||
|
|
||||||
let meta = NoteMeta {
|
let meta = NoteMeta {
|
||||||
id,
|
id,
|
||||||
@@ -77,29 +51,6 @@ pub fn parse_note(raw: &str, filename: &str) -> (NoteMeta, String) {
|
|||||||
(meta, content)
|
(meta, content)
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Ensure the body starts with `# Title` heading for external app compatibility.
|
|
||||||
/// If the body already starts with `# Title`, leave it as-is.
|
|
||||||
fn ensure_title_heading(body: &str, title: &str) -> String {
|
|
||||||
let trimmed = body.trim_start();
|
|
||||||
|
|
||||||
// Check if body already starts with `# Title`
|
|
||||||
if let Some(rest) = trimmed.strip_prefix("# ") {
|
|
||||||
let first_line_end = rest.find('\n').unwrap_or(rest.len());
|
|
||||||
let heading_text = rest[..first_line_end].trim();
|
|
||||||
if heading_text.eq_ignore_ascii_case(title.trim()) {
|
|
||||||
return body.to_string();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Don't add heading to empty notes (new/blank notes)
|
|
||||||
if trimmed.is_empty() {
|
|
||||||
return body.to_string();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prepend `# Title` heading
|
|
||||||
format!("# {}\n\n{}", title, body)
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn serialize_frontmatter(meta: &NoteMeta) -> String {
|
pub fn serialize_frontmatter(meta: &NoteMeta) -> String {
|
||||||
let tags_str = if meta.tags.is_empty() {
|
let tags_str = if meta.tags.is_empty() {
|
||||||
"[]".to_string()
|
"[]".to_string()
|
||||||
@@ -127,68 +78,7 @@ pub fn serialize_frontmatter(meta: &NoteMeta) -> String {
|
|||||||
|
|
||||||
pub fn update_note_raw(meta: &NoteMeta, body: &str) -> String {
|
pub fn update_note_raw(meta: &NoteMeta, body: &str) -> String {
|
||||||
let fm = serialize_frontmatter(meta);
|
let fm = serialize_frontmatter(meta);
|
||||||
let body_with_heading = ensure_title_heading(body, &meta.title);
|
format!("{}{}", fm, body)
|
||||||
format!("{}{}", fm, body_with_heading)
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Merge NoteMeta fields into existing frontmatter, preserving unknown YAML keys.
|
|
||||||
/// Falls back to serialize_frontmatter() if the original has no frontmatter.
|
|
||||||
pub fn merge_frontmatter(original_raw: &str, meta: &NoteMeta, body: &str) -> String {
|
|
||||||
let matter = Matter::<YAML>::new();
|
|
||||||
let parsed = matter.parse(original_raw);
|
|
||||||
|
|
||||||
// If original had no frontmatter, use the simple serializer
|
|
||||||
if parsed.matter.trim().is_empty() {
|
|
||||||
return update_note_raw(meta, body);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Parse existing YAML into a Mapping to preserve all keys
|
|
||||||
let mut mapping: serde_yaml::Mapping = match serde_yaml::from_str(&parsed.matter) {
|
|
||||||
Ok(m) => m,
|
|
||||||
Err(_) => return update_note_raw(meta, body), // unparseable YAML, fall back
|
|
||||||
};
|
|
||||||
|
|
||||||
// Update only our known fields
|
|
||||||
if !meta.id.is_empty() {
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("id".into()),
|
|
||||||
serde_yaml::Value::String(meta.id.clone()),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("title".into()),
|
|
||||||
serde_yaml::Value::String(meta.title.clone()),
|
|
||||||
);
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("tags".into()),
|
|
||||||
serde_yaml::Value::Sequence(
|
|
||||||
meta.tags
|
|
||||||
.iter()
|
|
||||||
.map(|t| serde_yaml::Value::String(t.clone()))
|
|
||||||
.collect(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("pinned".into()),
|
|
||||||
serde_yaml::Value::Bool(meta.pinned),
|
|
||||||
);
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("created".into()),
|
|
||||||
serde_yaml::Value::String(meta.created.to_rfc3339()),
|
|
||||||
);
|
|
||||||
mapping.insert(
|
|
||||||
serde_yaml::Value::String("modified".into()),
|
|
||||||
serde_yaml::Value::String(meta.modified.to_rfc3339()),
|
|
||||||
);
|
|
||||||
|
|
||||||
// Serialize the mapping back to YAML
|
|
||||||
let yaml_str = match serde_yaml::to_string(&serde_yaml::Value::Mapping(mapping)) {
|
|
||||||
Ok(s) => s,
|
|
||||||
Err(_) => return update_note_raw(meta, body),
|
|
||||||
};
|
|
||||||
|
|
||||||
let body_with_heading = ensure_title_heading(body, &meta.title);
|
|
||||||
format!("---\n{}---\n{}", yaml_str, body_with_heading)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
fn filename_to_title(filename: &str) -> String {
|
fn filename_to_title(filename: &str) -> String {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
use crate::types::{NoteContent, NoteEntry, NoteMeta, NotebookEntry, TrashContents, TrashNotebookEntry, VaultState};
|
use crate::types::{NoteContent, NoteEntry, NoteMeta, NotebookEntry, VaultState};
|
||||||
use crate::vault::frontmatter;
|
use crate::vault::frontmatter;
|
||||||
use chrono::{DateTime, Local, Locale, Utc};
|
use chrono::Utc;
|
||||||
use rayon::prelude::*;
|
use rayon::prelude::*;
|
||||||
use std::fs;
|
use std::fs;
|
||||||
use std::io::Read;
|
use std::io::Read;
|
||||||
@@ -59,13 +59,11 @@ fn scan_dir_recursive(dir: &Path, vault_root: &str) -> Vec<NotebookEntry> {
|
|||||||
return entries;
|
return entries;
|
||||||
};
|
};
|
||||||
|
|
||||||
// Collect subdirs (root level only lists directories, note counts come from scan_dir_with_count)
|
|
||||||
let mut dirs: Vec<_> = read_dir
|
let mut dirs: Vec<_> = read_dir
|
||||||
.filter_map(|e| e.ok())
|
.filter_map(|e| e.ok())
|
||||||
.filter(|e| {
|
.filter(|e| {
|
||||||
e.file_type().map(|ft| ft.is_dir()).unwrap_or(false)
|
let path = e.path();
|
||||||
&& !is_hidden(&e.path())
|
path.is_dir() && !is_hidden(&path)
|
||||||
&& e.file_name().to_string_lossy() != "Daily"
|
|
||||||
})
|
})
|
||||||
.collect();
|
.collect();
|
||||||
|
|
||||||
@@ -76,8 +74,6 @@ fn scan_dir_recursive(dir: &Path, vault_root: &str) -> Vec<NotebookEntry> {
|
|||||||
.cmp(&b.file_name().to_string_lossy().to_lowercase())
|
.cmp(&b.file_name().to_string_lossy().to_lowercase())
|
||||||
});
|
});
|
||||||
|
|
||||||
// Store note_count for the parent directory (used when this is the top-level call)
|
|
||||||
// Each directory pushes its own entry with its own note_count
|
|
||||||
for dir_entry in dirs {
|
for dir_entry in dirs {
|
||||||
let path = dir_entry.path();
|
let path = dir_entry.path();
|
||||||
let name = dir_entry.file_name().to_string_lossy().to_string();
|
let name = dir_entry.file_name().to_string_lossy().to_string();
|
||||||
@@ -87,83 +83,38 @@ fn scan_dir_recursive(dir: &Path, vault_root: &str) -> Vec<NotebookEntry> {
|
|||||||
.to_string_lossy()
|
.to_string_lossy()
|
||||||
.to_string();
|
.to_string();
|
||||||
|
|
||||||
let (children, child_note_count) = scan_dir_with_count(&path, vault_root);
|
let children = scan_dir_recursive(&path, vault_root);
|
||||||
|
let note_count = count_notes_in_dir(&path);
|
||||||
|
|
||||||
entries.push(NotebookEntry {
|
entries.push(NotebookEntry {
|
||||||
name,
|
name,
|
||||||
path: path.to_string_lossy().to_string(),
|
path: path.to_string_lossy().to_string(),
|
||||||
relative_path: relative,
|
relative_path: relative,
|
||||||
children,
|
children,
|
||||||
note_count: child_note_count,
|
note_count,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
entries
|
entries
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Combined scan: returns (children, note_count) in a single read_dir pass.
|
fn count_notes_in_dir(dir: &Path) -> usize {
|
||||||
fn scan_dir_with_count(dir: &Path, vault_root: &str) -> (Vec<NotebookEntry>, usize) {
|
fs::read_dir(dir)
|
||||||
let root = Path::new(vault_root);
|
.map(|rd| {
|
||||||
|
rd.filter_map(|e| e.ok())
|
||||||
let Ok(read_dir) = fs::read_dir(dir) else {
|
.filter(|e| {
|
||||||
return (Vec::new(), 0);
|
let path = e.path();
|
||||||
};
|
path.is_file() && path.extension().and_then(|x| x.to_str()) == Some("md")
|
||||||
|
})
|
||||||
let mut subdirs = Vec::new();
|
.count()
|
||||||
let mut note_count = 0usize;
|
})
|
||||||
for entry in read_dir.filter_map(|e| e.ok()) {
|
.unwrap_or(0)
|
||||||
let ft = match entry.file_type() {
|
|
||||||
Ok(ft) => ft,
|
|
||||||
Err(_) => continue,
|
|
||||||
};
|
|
||||||
if ft.is_dir() && !is_hidden(&entry.path()) {
|
|
||||||
subdirs.push(entry);
|
|
||||||
} else if ft.is_file() && entry.path().extension().and_then(|x| x.to_str()) == Some("md") {
|
|
||||||
note_count += 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
subdirs.sort_by(|a, b| {
|
|
||||||
a.file_name()
|
|
||||||
.to_string_lossy()
|
|
||||||
.to_lowercase()
|
|
||||||
.cmp(&b.file_name().to_string_lossy().to_lowercase())
|
|
||||||
});
|
|
||||||
|
|
||||||
let mut entries = Vec::new();
|
|
||||||
for dir_entry in subdirs {
|
|
||||||
let path = dir_entry.path();
|
|
||||||
let name = dir_entry.file_name().to_string_lossy().to_string();
|
|
||||||
let relative = path
|
|
||||||
.strip_prefix(root)
|
|
||||||
.unwrap_or(&path)
|
|
||||||
.to_string_lossy()
|
|
||||||
.to_string();
|
|
||||||
|
|
||||||
let (children, child_note_count) = scan_dir_with_count(&path, vault_root);
|
|
||||||
|
|
||||||
entries.push(NotebookEntry {
|
|
||||||
name,
|
|
||||||
path: path.to_string_lossy().to_string(),
|
|
||||||
relative_path: relative,
|
|
||||||
children,
|
|
||||||
note_count: child_note_count,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
(entries, note_count)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
fn is_hidden(path: &Path) -> bool {
|
fn is_hidden(path: &Path) -> bool {
|
||||||
path.file_name()
|
path.file_name()
|
||||||
.and_then(|n| n.to_str())
|
.and_then(|n| n.to_str())
|
||||||
.map(|n| {
|
.map(|n| n.starts_with('.'))
|
||||||
n.starts_with('.')
|
|
||||||
|| matches!(
|
|
||||||
n,
|
|
||||||
"_res" | "_resources" | "_attachments" | "_assets" | "assets" | "node_modules"
|
|
||||||
)
|
|
||||||
})
|
|
||||||
.unwrap_or(false)
|
.unwrap_or(false)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -172,64 +123,12 @@ pub fn scan_notes(vault_path: &str, notebook_path: Option<&str>) -> Result<Vec<N
|
|||||||
let root = Path::new(scan_path);
|
let root = Path::new(scan_path);
|
||||||
let vault_root = Path::new(vault_path);
|
let vault_root = Path::new(vault_path);
|
||||||
|
|
||||||
log::info!("scan_notes: vault={}, scan={}, exists={}", vault_path, scan_path, root.exists());
|
|
||||||
|
|
||||||
if !root.exists() {
|
if !root.exists() {
|
||||||
return Err("Path does not exist".to_string());
|
return Err("Path does not exist".to_string());
|
||||||
}
|
}
|
||||||
|
|
||||||
// On Android, use metadata-only scan (no file reads) for fast listing on FUSE
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
{
|
|
||||||
let mut notes = Vec::new();
|
|
||||||
// Log what read_dir sees
|
|
||||||
if let Ok(rd) = fs::read_dir(root) {
|
|
||||||
let items: Vec<_> = rd.filter_map(|e| e.ok()).collect();
|
|
||||||
log::info!("scan_notes: read_dir found {} entries in {:?}", items.len(), root);
|
|
||||||
for (i, entry) in items.iter().enumerate().take(5) {
|
|
||||||
let ft = entry.file_type().map(|ft| if ft.is_file() { "file" } else if ft.is_dir() { "dir" } else { "other" }).unwrap_or("err");
|
|
||||||
log::info!(" [{}] {:?} type={}", i, entry.file_name(), ft);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
log::info!("scan_notes: read_dir FAILED for {:?}", root);
|
|
||||||
}
|
|
||||||
|
|
||||||
if notebook_path.is_some() {
|
|
||||||
if let Ok(rd) = fs::read_dir(root) {
|
|
||||||
for entry in rd.filter_map(|e| e.ok()) {
|
|
||||||
let is_file = entry.file_type().map(|ft| ft.is_file()).unwrap_or(false);
|
|
||||||
if is_file && entry.path().extension().and_then(|x| x.to_str()) == Some("md") {
|
|
||||||
if let Ok(note) = read_note_entry_metadata_only(&entry.path(), vault_root) {
|
|
||||||
notes.push(note);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
let hn_dir = helixnotes_dir(vault_path);
|
|
||||||
for entry in WalkDir::new(root)
|
|
||||||
.into_iter()
|
|
||||||
// filter_entry skips descending into hidden dirs (unlike filter)
|
|
||||||
.filter_entry(|e| !is_hidden(e.path()) && !e.path().starts_with(&hn_dir))
|
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
.filter(|e| {
|
|
||||||
e.file_type().is_file()
|
|
||||||
&& e.path().extension().and_then(|x| x.to_str()) == Some("md")
|
|
||||||
})
|
|
||||||
{
|
|
||||||
if let Ok(note) = read_note_entry_metadata_only(entry.path(), vault_root) {
|
|
||||||
notes.push(note);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
log::info!("scan_notes: Android scan found {} notes", notes.len());
|
|
||||||
notes.sort_by(|a, b| b.meta.modified.cmp(&a.meta.modified));
|
|
||||||
return Ok(notes);
|
|
||||||
}
|
|
||||||
|
|
||||||
#[cfg(not(target_os = "android"))]
|
|
||||||
{
|
|
||||||
let md_files: Vec<PathBuf> = if notebook_path.is_some() {
|
let md_files: Vec<PathBuf> = if notebook_path.is_some() {
|
||||||
|
// Only direct children for a specific notebook
|
||||||
fs::read_dir(root)
|
fs::read_dir(root)
|
||||||
.map_err(|e| e.to_string())?
|
.map_err(|e| e.to_string())?
|
||||||
.filter_map(|e| e.ok())
|
.filter_map(|e| e.ok())
|
||||||
@@ -237,15 +136,17 @@ pub fn scan_notes(vault_path: &str, notebook_path: Option<&str>) -> Result<Vec<N
|
|||||||
.filter(|p| p.is_file() && p.extension().and_then(|x| x.to_str()) == Some("md"))
|
.filter(|p| p.is_file() && p.extension().and_then(|x| x.to_str()) == Some("md"))
|
||||||
.collect()
|
.collect()
|
||||||
} else {
|
} else {
|
||||||
|
// Recursive for "All Notes"
|
||||||
WalkDir::new(root)
|
WalkDir::new(root)
|
||||||
.into_iter()
|
.into_iter()
|
||||||
.filter_entry(|e| !is_hidden(e.path()) && !e.path().starts_with(&helixnotes_dir(vault_path)))
|
|
||||||
.filter_map(|e| e.ok())
|
.filter_map(|e| e.ok())
|
||||||
|
.filter(|e| !is_hidden(e.path()) && !e.path().starts_with(&helixnotes_dir(vault_path)))
|
||||||
.map(|e| e.path().to_path_buf())
|
.map(|e| e.path().to_path_buf())
|
||||||
.filter(|p| p.is_file() && p.extension().and_then(|x| x.to_str()) == Some("md"))
|
.filter(|p| p.is_file() && p.extension().and_then(|x| x.to_str()) == Some("md"))
|
||||||
.collect()
|
.collect()
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// Process files in parallel with partial reads
|
||||||
let mut notes: Vec<NoteEntry> = md_files
|
let mut notes: Vec<NoteEntry> = md_files
|
||||||
.par_iter()
|
.par_iter()
|
||||||
.filter_map(|path| read_note_entry_fast(path, vault_root).ok())
|
.filter_map(|path| read_note_entry_fast(path, vault_root).ok())
|
||||||
@@ -254,58 +155,12 @@ pub fn scan_notes(vault_path: &str, notebook_path: Option<&str>) -> Result<Vec<N
|
|||||||
notes.sort_by(|a, b| b.meta.modified.cmp(&a.meta.modified));
|
notes.sort_by(|a, b| b.meta.modified.cmp(&a.meta.modified));
|
||||||
Ok(notes)
|
Ok(notes)
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
fn read_note_entry(path: &Path, vault_root: &Path) -> Result<NoteEntry, String> {
|
fn read_note_entry(path: &Path, vault_root: &Path) -> Result<NoteEntry, String> {
|
||||||
let raw = fs::read_to_string(path).map_err(|e| e.to_string())?;
|
let raw = fs::read_to_string(path).map_err(|e| e.to_string())?;
|
||||||
read_note_entry_from_str(&raw, path, vault_root)
|
read_note_entry_from_str(&raw, path, vault_root)
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Android-only: reads just the frontmatter (first 2KB) for tags/title/pinned,
|
|
||||||
/// uses filesystem timestamps for dates. No preview text.
|
|
||||||
#[cfg(target_os = "android")]
|
|
||||||
fn read_note_entry_metadata_only(path: &Path, vault_root: &Path) -> Result<NoteEntry, String> {
|
|
||||||
// Read first 2KB — enough for frontmatter with tags, title, pinned
|
|
||||||
let mut file = fs::File::open(path).map_err(|e| e.to_string())?;
|
|
||||||
let mut buf = vec![0u8; 2048];
|
|
||||||
let bytes_read = file.read(&mut buf).map_err(|e| e.to_string())?;
|
|
||||||
buf.truncate(bytes_read);
|
|
||||||
let raw = String::from_utf8_lossy(&buf);
|
|
||||||
|
|
||||||
let filename = path
|
|
||||||
.file_name()
|
|
||||||
.unwrap_or_default()
|
|
||||||
.to_string_lossy()
|
|
||||||
.to_string();
|
|
||||||
|
|
||||||
let (mut meta, content) = frontmatter::parse_note(&raw, &filename);
|
|
||||||
|
|
||||||
// Always use filesystem timestamps on Android (faster than parsing date strings)
|
|
||||||
if let Ok(fs_meta) = fs::metadata(path) {
|
|
||||||
if let Ok(m) = fs_meta.modified() {
|
|
||||||
meta.modified = m.into();
|
|
||||||
}
|
|
||||||
if let Ok(c) = fs_meta.created() {
|
|
||||||
meta.created = c.into();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let relative = path
|
|
||||||
.strip_prefix(vault_root)
|
|
||||||
.unwrap_or(path)
|
|
||||||
.to_string_lossy()
|
|
||||||
.to_string();
|
|
||||||
|
|
||||||
let preview = frontmatter::extract_preview(&content, 120);
|
|
||||||
|
|
||||||
Ok(NoteEntry {
|
|
||||||
path: path.to_string_lossy().to_string(),
|
|
||||||
relative_path: relative,
|
|
||||||
meta,
|
|
||||||
preview,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Fast version: reads only the first ~2KB of the file (enough for frontmatter + preview).
|
/// Fast version: reads only the first ~2KB of the file (enough for frontmatter + preview).
|
||||||
fn read_note_entry_fast(path: &Path, vault_root: &Path) -> Result<NoteEntry, String> {
|
fn read_note_entry_fast(path: &Path, vault_root: &Path) -> Result<NoteEntry, String> {
|
||||||
let mut file = fs::File::open(path).map_err(|e| e.to_string())?;
|
let mut file = fs::File::open(path).map_err(|e| e.to_string())?;
|
||||||
@@ -329,21 +184,15 @@ fn read_note_entry_from_str(
|
|||||||
|
|
||||||
let (mut meta, content) = frontmatter::parse_note(raw, &filename);
|
let (mut meta, content) = frontmatter::parse_note(raw, &filename);
|
||||||
|
|
||||||
// Use filesystem times only if frontmatter didn't have created/modified fields
|
// Use filesystem times if frontmatter didn't have them
|
||||||
let has_created = raw.contains("\ncreated:") || raw.starts_with("created:");
|
|
||||||
let has_modified = raw.contains("\nmodified:") || raw.starts_with("modified:");
|
|
||||||
if let Ok(fs_meta) = fs::metadata(path) {
|
if let Ok(fs_meta) = fs::metadata(path) {
|
||||||
if !has_modified {
|
|
||||||
if let Ok(modified) = fs_meta.modified() {
|
if let Ok(modified) = fs_meta.modified() {
|
||||||
meta.modified = modified.into();
|
meta.modified = modified.into();
|
||||||
}
|
}
|
||||||
}
|
|
||||||
if !has_created {
|
|
||||||
if let Ok(created) = fs_meta.created() {
|
if let Ok(created) = fs_meta.created() {
|
||||||
meta.created = created.into();
|
meta.created = created.into();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
let relative = path
|
let relative = path
|
||||||
.strip_prefix(vault_root)
|
.strip_prefix(vault_root)
|
||||||
@@ -384,19 +233,7 @@ pub fn save_note(path: &str, meta: &NoteMeta, body: &str) -> Result<(), String>
|
|||||||
let mut updated_meta = meta.clone();
|
let mut updated_meta = meta.clone();
|
||||||
updated_meta.modified = Utc::now();
|
updated_meta.modified = Utc::now();
|
||||||
|
|
||||||
// Generate UUID on first save if note didn't have one
|
let raw = frontmatter::update_note_raw(&updated_meta, body);
|
||||||
if updated_meta.id.is_empty() {
|
|
||||||
updated_meta.id = Uuid::new_v4().to_string();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Read existing file to preserve unknown frontmatter fields
|
|
||||||
let existing = fs::read_to_string(path).unwrap_or_default();
|
|
||||||
let raw = if existing.is_empty() {
|
|
||||||
frontmatter::update_note_raw(&updated_meta, body)
|
|
||||||
} else {
|
|
||||||
frontmatter::merge_frontmatter(&existing, &updated_meta, body)
|
|
||||||
};
|
|
||||||
|
|
||||||
fs::write(path, raw).map_err(|e| e.to_string())?;
|
fs::write(path, raw).map_err(|e| e.to_string())?;
|
||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
@@ -453,105 +290,6 @@ pub fn create_note(
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
fn get_system_locale() -> Locale {
|
|
||||||
let sys = sys_locale::get_locale().unwrap_or_else(|| "en-US".to_string());
|
|
||||||
let lang = sys.split(&['-', '_', '.'][..]).next().unwrap_or("en");
|
|
||||||
match lang {
|
|
||||||
"af" => Locale::af_ZA,
|
|
||||||
"ar" => Locale::ar_SA,
|
|
||||||
"be" => Locale::be_BY,
|
|
||||||
"bg" => Locale::bg_BG,
|
|
||||||
"ca" => Locale::ca_ES,
|
|
||||||
"cs" => Locale::cs_CZ,
|
|
||||||
"da" => Locale::da_DK,
|
|
||||||
"de" => Locale::de_DE,
|
|
||||||
"el" => Locale::el_GR,
|
|
||||||
"es" => Locale::es_ES,
|
|
||||||
"et" => Locale::et_EE,
|
|
||||||
"fi" => Locale::fi_FI,
|
|
||||||
"fr" => Locale::fr_FR,
|
|
||||||
"he" => Locale::he_IL,
|
|
||||||
"hi" => Locale::hi_IN,
|
|
||||||
"hr" => Locale::hr_HR,
|
|
||||||
"hu" => Locale::hu_HU,
|
|
||||||
"id" => Locale::id_ID,
|
|
||||||
"is" => Locale::is_IS,
|
|
||||||
"it" => Locale::it_IT,
|
|
||||||
"ja" => Locale::ja_JP,
|
|
||||||
"ka" => Locale::ka_GE,
|
|
||||||
"ko" => Locale::ko_KR,
|
|
||||||
"lt" => Locale::lt_LT,
|
|
||||||
"lv" => Locale::lv_LV,
|
|
||||||
"mk" => Locale::mk_MK,
|
|
||||||
"nb" | "no" => Locale::nb_NO,
|
|
||||||
"nl" => Locale::nl_NL,
|
|
||||||
"nn" => Locale::nn_NO,
|
|
||||||
"pl" => Locale::pl_PL,
|
|
||||||
"pt" => Locale::pt_BR,
|
|
||||||
"ro" => Locale::ro_RO,
|
|
||||||
"ru" => Locale::ru_RU,
|
|
||||||
"sk" => Locale::sk_SK,
|
|
||||||
"sl" => Locale::sl_SI,
|
|
||||||
"sq" => Locale::sq_AL,
|
|
||||||
"sr" => Locale::sr_RS,
|
|
||||||
"sv" => Locale::sv_SE,
|
|
||||||
"th" => Locale::th_TH,
|
|
||||||
"tr" => Locale::tr_TR,
|
|
||||||
"uk" => Locale::uk_UA,
|
|
||||||
"vi" => Locale::vi_VN,
|
|
||||||
"zh" => Locale::zh_CN,
|
|
||||||
_ => Locale::en_US,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn create_daily_note(vault_path: &str, date: Option<&str>) -> Result<NoteEntry, String> {
|
|
||||||
let target_date = match date {
|
|
||||||
Some(d) => chrono::NaiveDate::parse_from_str(d, "%Y-%m-%d")
|
|
||||||
.map_err(|e| format!("Invalid date: {}", e))?,
|
|
||||||
None => Local::now().date_naive(),
|
|
||||||
};
|
|
||||||
let date_str = target_date.format("%Y-%m-%d").to_string();
|
|
||||||
let locale = get_system_locale();
|
|
||||||
let title = target_date.format_localized("%B %d, %Y", locale).to_string();
|
|
||||||
|
|
||||||
let dir = Path::new(vault_path).join("Daily");
|
|
||||||
fs::create_dir_all(&dir).map_err(|e| e.to_string())?;
|
|
||||||
|
|
||||||
let file_path = dir.join(format!("{}.md", date_str));
|
|
||||||
let vault_root = Path::new(vault_path);
|
|
||||||
|
|
||||||
// If today's note already exists, return it
|
|
||||||
if file_path.exists() {
|
|
||||||
return read_note_entry(&file_path, vault_root);
|
|
||||||
}
|
|
||||||
|
|
||||||
let now = Utc::now();
|
|
||||||
let meta = NoteMeta {
|
|
||||||
id: Uuid::new_v4().to_string(),
|
|
||||||
title,
|
|
||||||
tags: vec!["daily".to_string()],
|
|
||||||
pinned: false,
|
|
||||||
created: now,
|
|
||||||
modified: now,
|
|
||||||
};
|
|
||||||
|
|
||||||
let raw = frontmatter::update_note_raw(&meta, "\n");
|
|
||||||
fs::write(&file_path, raw).map_err(|e| e.to_string())?;
|
|
||||||
|
|
||||||
let relative = file_path
|
|
||||||
.strip_prefix(vault_root)
|
|
||||||
.unwrap_or(&file_path)
|
|
||||||
.to_string_lossy()
|
|
||||||
.to_string();
|
|
||||||
|
|
||||||
Ok(NoteEntry {
|
|
||||||
path: file_path.to_string_lossy().to_string(),
|
|
||||||
relative_path: relative,
|
|
||||||
meta,
|
|
||||||
preview: String::new(),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn create_notebook(
|
pub fn create_notebook(
|
||||||
vault_path: &str,
|
vault_path: &str,
|
||||||
parent_relative: Option<&str>,
|
parent_relative: Option<&str>,
|
||||||
@@ -631,13 +369,13 @@ pub fn delete_notebook(vault_path: &str, notebook_path: &str) -> Result<(), Stri
|
|||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn rename_note(path: &str, new_title: &str, vault_path: &str) -> Result<String, String> {
|
pub fn rename_note(path: &str, new_title: &str) -> Result<String, String> {
|
||||||
let src = Path::new(path);
|
let src = Path::new(path);
|
||||||
if !src.exists() {
|
if !src.exists() {
|
||||||
return Err("Note does not exist".to_string());
|
return Err("Note does not exist".to_string());
|
||||||
}
|
}
|
||||||
|
|
||||||
// Read old title before renaming
|
// Update frontmatter
|
||||||
let raw = fs::read_to_string(src).map_err(|e| e.to_string())?;
|
let raw = fs::read_to_string(src).map_err(|e| e.to_string())?;
|
||||||
let filename = src
|
let filename = src
|
||||||
.file_name()
|
.file_name()
|
||||||
@@ -645,16 +383,9 @@ pub fn rename_note(path: &str, new_title: &str, vault_path: &str) -> Result<Stri
|
|||||||
.to_string_lossy()
|
.to_string_lossy()
|
||||||
.to_string();
|
.to_string();
|
||||||
let (mut meta, content) = frontmatter::parse_note(&raw, &filename);
|
let (mut meta, content) = frontmatter::parse_note(&raw, &filename);
|
||||||
let old_title = meta.title.clone();
|
|
||||||
let old_path_str = src.to_string_lossy().to_string();
|
|
||||||
|
|
||||||
// Update frontmatter
|
|
||||||
meta.title = new_title.to_string();
|
meta.title = new_title.to_string();
|
||||||
meta.modified = Utc::now();
|
meta.modified = Utc::now();
|
||||||
if meta.id.is_empty() {
|
let updated = frontmatter::update_note_raw(&meta, &content);
|
||||||
meta.id = Uuid::new_v4().to_string();
|
|
||||||
}
|
|
||||||
let updated = frontmatter::merge_frontmatter(&raw, &meta, &content);
|
|
||||||
|
|
||||||
// Rename file
|
// Rename file
|
||||||
let new_filename = sanitize_filename(new_title);
|
let new_filename = sanitize_filename(new_title);
|
||||||
@@ -665,134 +396,7 @@ pub fn rename_note(path: &str, new_title: &str, vault_path: &str) -> Result<Stri
|
|||||||
fs::rename(src, &new_path).map_err(|e| e.to_string())?;
|
fs::rename(src, &new_path).map_err(|e| e.to_string())?;
|
||||||
}
|
}
|
||||||
|
|
||||||
let new_path_str = new_path.to_string_lossy().to_string();
|
Ok(new_path.to_string_lossy().to_string())
|
||||||
|
|
||||||
// Update wikilinks in other notes that reference this note
|
|
||||||
update_wikilinks_after_rename(vault_path, &old_path_str, &new_path_str, &old_title, new_title);
|
|
||||||
|
|
||||||
Ok(new_path_str)
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Walk all .md files in the vault and update wikilink references after a note rename.
|
|
||||||
/// Updates both HTML data-attributes (data-path, data-title) and raw [[old_title]] references.
|
|
||||||
fn update_wikilinks_after_rename(
|
|
||||||
vault_path: &str,
|
|
||||||
old_path: &str,
|
|
||||||
new_path: &str,
|
|
||||||
old_title: &str,
|
|
||||||
new_title: &str,
|
|
||||||
) {
|
|
||||||
let vault = Path::new(vault_path);
|
|
||||||
let vault_prefix = format!("{}/", vault_path);
|
|
||||||
|
|
||||||
// Compute vault-relative path refs (without .md) for path-based wikilink refs
|
|
||||||
let old_rel_ref = old_path.strip_prefix(&vault_prefix)
|
|
||||||
.unwrap_or(old_path)
|
|
||||||
.strip_suffix(".md")
|
|
||||||
.unwrap_or(old_path);
|
|
||||||
let new_rel_ref = new_path.strip_prefix(&vault_prefix)
|
|
||||||
.unwrap_or(new_path)
|
|
||||||
.strip_suffix(".md")
|
|
||||||
.unwrap_or(new_path);
|
|
||||||
|
|
||||||
// Check if another note with the same old_title exists in the vault.
|
|
||||||
// If so, title-based replacements (rules 1-3) are ambiguous and must be skipped,
|
|
||||||
// because we can't tell which [[Old Title]] ref points to the renamed note
|
|
||||||
// vs. the other note with the same title.
|
|
||||||
let title_is_unique = !WalkDir::new(vault)
|
|
||||||
.into_iter()
|
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
.any(|e| {
|
|
||||||
let p = e.path();
|
|
||||||
if !p.is_file() || p.to_string_lossy().as_ref() == new_path {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if p.extension().and_then(|ext| ext.to_str()) != Some("md") {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
let p_str = p.to_string_lossy();
|
|
||||||
if p_str.contains("/.helixnotes/") || p_str.contains("/.trash/") {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// Check if this note's filename (without .md) matches the old title
|
|
||||||
p.file_stem()
|
|
||||||
.and_then(|s| s.to_str())
|
|
||||||
.map(|s| s.eq_ignore_ascii_case(old_title))
|
|
||||||
.unwrap_or(false)
|
|
||||||
});
|
|
||||||
|
|
||||||
for entry in WalkDir::new(vault)
|
|
||||||
.into_iter()
|
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
{
|
|
||||||
let path = entry.path();
|
|
||||||
if !path.is_file() { continue; }
|
|
||||||
let path_str = path.to_string_lossy();
|
|
||||||
if path_str.contains("/.helixnotes/") || path_str.contains("/.trash/") { continue; }
|
|
||||||
if path.extension().and_then(|e| e.to_str()) != Some("md") { continue; }
|
|
||||||
// Skip the renamed note itself
|
|
||||||
if *path_str == *new_path { continue; }
|
|
||||||
|
|
||||||
let content = match fs::read_to_string(path) {
|
|
||||||
Ok(c) => c,
|
|
||||||
Err(_) => continue,
|
|
||||||
};
|
|
||||||
|
|
||||||
let mut result = content.clone();
|
|
||||||
|
|
||||||
// Notes are saved as markdown with [[ref]] or [[ref|display]] syntax.
|
|
||||||
// Update all wikilink forms that reference the renamed note:
|
|
||||||
|
|
||||||
// Title-based rules only apply when the old title is unique in the vault.
|
|
||||||
// If another note shares the same title, these would be ambiguous.
|
|
||||||
if old_title != new_title && title_is_unique {
|
|
||||||
// 1. Short title ref: [[Old Title]] → [[New Title]]
|
|
||||||
result = result.replace(
|
|
||||||
&format!("[[{}]]", old_title),
|
|
||||||
&format!("[[{}]]", new_title),
|
|
||||||
);
|
|
||||||
|
|
||||||
// 2. Short title with alias: [[Old Title|display]] → [[New Title|display]]
|
|
||||||
result = result.replace(
|
|
||||||
&format!("[[{}|", old_title),
|
|
||||||
&format!("[[{}|", new_title),
|
|
||||||
);
|
|
||||||
|
|
||||||
// 3. Short title as alias display: [[ref|Old Title]] → [[ref|New Title]]
|
|
||||||
result = result.replace(
|
|
||||||
&format!("|{}]]", old_title),
|
|
||||||
&format!("|{}]]", new_title),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Path-based rules are always safe (paths are unique).
|
|
||||||
if old_rel_ref != new_rel_ref {
|
|
||||||
// 4. Path-based ref: [[folder/Old Name]] → [[folder/New Name]]
|
|
||||||
result = result.replace(
|
|
||||||
&format!("[[{}]]", old_rel_ref),
|
|
||||||
&format!("[[{}]]", new_rel_ref),
|
|
||||||
);
|
|
||||||
|
|
||||||
// 5. Path-based ref with alias: [[folder/Old Name|display]] → [[folder/New Name|display]]
|
|
||||||
// Also update the alias if it matches the old title.
|
|
||||||
// e.g. [[folder/Old Name|Old Title]] → [[folder/New Name|New Title]]
|
|
||||||
if old_title != new_title {
|
|
||||||
result = result.replace(
|
|
||||||
&format!("[[{}|{}]]", old_rel_ref, old_title),
|
|
||||||
&format!("[[{}|{}]]", new_rel_ref, new_title),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// For aliases that DON'T match the old title, just update the ref part
|
|
||||||
result = result.replace(
|
|
||||||
&format!("[[{}|", old_rel_ref),
|
|
||||||
&format!("[[{}|", new_rel_ref),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if result != content {
|
|
||||||
let _ = fs::write(path, &result);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn rename_notebook(path: &str, new_name: &str) -> Result<String, String> {
|
pub fn rename_notebook(path: &str, new_name: &str) -> Result<String, String> {
|
||||||
@@ -828,61 +432,14 @@ pub fn move_note(note_path: &str, dest_notebook: &str) -> Result<String, String>
|
|||||||
Ok(dest.to_string_lossy().to_string())
|
Ok(dest.to_string_lossy().to_string())
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn move_notebook(notebook_path: &str, dest_parent: &str) -> Result<String, String> {
|
pub fn get_trash_notes(vault_path: &str) -> Result<Vec<NoteEntry>, String> {
|
||||||
let src = Path::new(notebook_path);
|
|
||||||
if !src.exists() || !src.is_dir() {
|
|
||||||
return Err("Notebook does not exist".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
let dest_parent_path = Path::new(dest_parent);
|
|
||||||
if !dest_parent_path.is_dir() {
|
|
||||||
return Err("Destination does not exist".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
// No-op if already in that parent
|
|
||||||
if src.parent() == Some(dest_parent_path) {
|
|
||||||
return Err("Notebook is already in that location".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
let dir_name = src.file_name().unwrap_or_default();
|
|
||||||
let dest = dest_parent_path.join(dir_name);
|
|
||||||
|
|
||||||
// Prevent moving into itself or a descendant
|
|
||||||
if dest.starts_with(src) {
|
|
||||||
return Err("Cannot move a notebook into itself or its descendants".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
if dest.exists() {
|
|
||||||
return Err("A notebook with that name already exists in the destination".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
fs::rename(src, &dest).map_err(|e| e.to_string())?;
|
|
||||||
Ok(dest.to_string_lossy().to_string())
|
|
||||||
}
|
|
||||||
|
|
||||||
/// Remove a directory inside trash if it's empty (after restoring/deleting its last note).
|
|
||||||
fn cleanup_empty_trash_dir(vault_path: &str, dir: Option<&Path>) {
|
|
||||||
let trash_dir = helixnotes_dir(vault_path).join("trash");
|
|
||||||
if let Some(d) = dir {
|
|
||||||
if d != trash_dir && d.starts_with(&trash_dir) {
|
|
||||||
if let Ok(mut entries) = fs::read_dir(d) {
|
|
||||||
if entries.next().is_none() {
|
|
||||||
let _ = fs::remove_dir(d);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn get_trash_contents(vault_path: &str) -> Result<TrashContents, String> {
|
|
||||||
let trash_dir = helixnotes_dir(vault_path).join("trash");
|
let trash_dir = helixnotes_dir(vault_path).join("trash");
|
||||||
if !trash_dir.exists() {
|
if !trash_dir.exists() {
|
||||||
return Ok(TrashContents { notes: Vec::new(), notebooks: Vec::new() });
|
return Ok(Vec::new());
|
||||||
}
|
}
|
||||||
|
|
||||||
let vault_root = Path::new(vault_path);
|
let vault_root = Path::new(vault_path);
|
||||||
let mut notes = Vec::new();
|
let mut notes = Vec::new();
|
||||||
let mut notebooks = Vec::new();
|
|
||||||
|
|
||||||
for entry in fs::read_dir(&trash_dir).map_err(|e| e.to_string())? {
|
for entry in fs::read_dir(&trash_dir).map_err(|e| e.to_string())? {
|
||||||
let entry = entry.map_err(|e| e.to_string())?;
|
let entry = entry.map_err(|e| e.to_string())?;
|
||||||
@@ -891,39 +448,11 @@ pub fn get_trash_contents(vault_path: &str) -> Result<TrashContents, String> {
|
|||||||
if let Ok(note) = read_note_entry(&path, vault_root) {
|
if let Ok(note) = read_note_entry(&path, vault_root) {
|
||||||
notes.push(note);
|
notes.push(note);
|
||||||
}
|
}
|
||||||
} else if path.is_dir() {
|
|
||||||
// Deleted notebook — count .md files inside
|
|
||||||
let note_count = WalkDir::new(&path)
|
|
||||||
.min_depth(1)
|
|
||||||
.into_iter()
|
|
||||||
.filter_map(|e| e.ok())
|
|
||||||
.filter(|e| e.path().is_file() && e.path().extension().and_then(|x| x.to_str()) == Some("md"))
|
|
||||||
.count();
|
|
||||||
let dirname = path.file_name().unwrap_or_default().to_string_lossy();
|
|
||||||
// Strip timestamp prefix to get original notebook name
|
|
||||||
let name = if dirname.len() > 18 && dirname.chars().nth(17) == Some('_') {
|
|
||||||
dirname[18..].to_string()
|
|
||||||
} else if dirname.len() > 15 && dirname.chars().nth(14) == Some('_') {
|
|
||||||
dirname[15..].to_string()
|
|
||||||
} else {
|
|
||||||
dirname.to_string()
|
|
||||||
};
|
|
||||||
let modified = fs::metadata(&path)
|
|
||||||
.and_then(|m| m.modified())
|
|
||||||
.map(|t| DateTime::<Utc>::from(t))
|
|
||||||
.unwrap_or_else(|_| Utc::now());
|
|
||||||
notebooks.push(TrashNotebookEntry {
|
|
||||||
name,
|
|
||||||
path: path.to_string_lossy().to_string(),
|
|
||||||
note_count,
|
|
||||||
modified,
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
notes.sort_by(|a, b| b.meta.modified.cmp(&a.meta.modified));
|
notes.sort_by(|a, b| b.meta.modified.cmp(&a.meta.modified));
|
||||||
notebooks.sort_by(|a, b| b.modified.cmp(&a.modified));
|
Ok(notes)
|
||||||
Ok(TrashContents { notes, notebooks })
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn restore_note(
|
pub fn restore_note(
|
||||||
@@ -951,49 +480,18 @@ pub fn restore_note(
|
|||||||
&filename
|
&filename
|
||||||
};
|
};
|
||||||
|
|
||||||
let parent = src.parent().map(|p| p.to_path_buf());
|
|
||||||
let dest = dest_dir.join(original_name);
|
let dest = dest_dir.join(original_name);
|
||||||
fs::rename(src, &dest).map_err(|e| e.to_string())?;
|
fs::rename(src, &dest).map_err(|e| e.to_string())?;
|
||||||
|
|
||||||
// Clean up empty parent directory (deleted notebook folder) in trash
|
|
||||||
cleanup_empty_trash_dir(vault_path, parent.as_deref());
|
|
||||||
|
|
||||||
Ok(dest.to_string_lossy().to_string())
|
Ok(dest.to_string_lossy().to_string())
|
||||||
}
|
}
|
||||||
|
|
||||||
pub fn restore_notebook(vault_path: &str, trash_path: &str) -> Result<String, String> {
|
pub fn permanent_delete(path: &str) -> Result<(), String> {
|
||||||
let src = Path::new(trash_path);
|
|
||||||
if !src.exists() || !src.is_dir() {
|
|
||||||
return Err("Trashed notebook does not exist".to_string());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Strip timestamp prefix to get original notebook name
|
|
||||||
let dirname = src.file_name().unwrap_or_default().to_string_lossy();
|
|
||||||
let original_name = if dirname.len() > 18 && dirname.chars().nth(17) == Some('_') {
|
|
||||||
&dirname[18..]
|
|
||||||
} else if dirname.len() > 15 && dirname.chars().nth(14) == Some('_') {
|
|
||||||
&dirname[15..]
|
|
||||||
} else {
|
|
||||||
&dirname
|
|
||||||
};
|
|
||||||
|
|
||||||
let dest = Path::new(vault_path).join(original_name);
|
|
||||||
fs::rename(src, &dest).map_err(|e| e.to_string())?;
|
|
||||||
Ok(dest.to_string_lossy().to_string())
|
|
||||||
}
|
|
||||||
|
|
||||||
pub fn permanent_delete(vault_path: &str, path: &str) -> Result<(), String> {
|
|
||||||
let p = Path::new(path);
|
let p = Path::new(path);
|
||||||
let parent = p.parent().map(|pp| pp.to_path_buf());
|
|
||||||
if p.is_dir() {
|
if p.is_dir() {
|
||||||
fs::remove_dir_all(p).map_err(|e| e.to_string())?;
|
fs::remove_dir_all(p).map_err(|e| e.to_string())?;
|
||||||
} else {
|
} else {
|
||||||
fs::remove_file(p).map_err(|e| e.to_string())?;
|
fs::remove_file(p).map_err(|e| e.to_string())?;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clean up empty parent directory (deleted notebook folder) in trash
|
|
||||||
cleanup_empty_trash_dir(vault_path, parent.as_deref());
|
|
||||||
|
|
||||||
Ok(())
|
Ok(())
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
|
"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
|
||||||
"productName": "HelixNotes",
|
"productName": "HelixNotes",
|
||||||
"version": "1.2.5",
|
"version": "1.0.1",
|
||||||
"identifier": "com.helixnotes.app",
|
"identifier": "com.helixnotes.app",
|
||||||
"build": {
|
"build": {
|
||||||
"frontendDist": "../build",
|
"frontendDist": "../build",
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"security": {
|
"security": {
|
||||||
"csp": "default-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' asset: http://asset.localhost imgproxy: http://imgproxy.localhost https: blob: data:; font-src 'self' data:; style-src 'self' 'unsafe-inline'; frame-src 'self' asset: http://asset.localhost",
|
"csp": "default-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' asset: http://asset.localhost blob: data:; font-src 'self' data:; style-src 'self' 'unsafe-inline'",
|
||||||
"assetProtocol": {
|
"assetProtocol": {
|
||||||
"enable": true,
|
"enable": true,
|
||||||
"scope": ["**/*", "/**", "**/.helixnotes/**"]
|
"scope": ["**/*", "/**", "**/.helixnotes/**"]
|
||||||
|
|||||||
@@ -1,16 +0,0 @@
|
|||||||
{
|
|
||||||
"app": {
|
|
||||||
"windows": [
|
|
||||||
{
|
|
||||||
"label": "main",
|
|
||||||
"decorations": true,
|
|
||||||
"titleBarStyle": "Overlay",
|
|
||||||
"hiddenTitle": true,
|
|
||||||
"trafficLightPosition": {
|
|
||||||
"x": 12,
|
|
||||||
"y": 10
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
|
||||||
--sidebar-width: 220px;
|
--sidebar-width: 220px;
|
||||||
--notelist-width: 280px;
|
--notelist-width: 280px;
|
||||||
--panel-resize-handle: 3px;
|
--panel-resize-handle: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root.dark {
|
:root.dark {
|
||||||
@@ -149,124 +149,3 @@ body {
|
|||||||
.resize-handle.active {
|
.resize-handle.active {
|
||||||
background: var(--accent);
|
background: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.resizing .ProseMirror {
|
|
||||||
pointer-events: none;
|
|
||||||
contain: strict;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.resizing {
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Mobile (Android/iOS) ── */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
padding-top: env(safe-area-inset-top);
|
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
padding-left: env(safe-area-inset-left);
|
|
||||||
padding-right: env(safe-area-inset-right);
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
touch-action: manipulation;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resize-handle {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Print / Export PDF ── */
|
|
||||||
@media print {
|
|
||||||
/* Hide everything except editor content */
|
|
||||||
.titlebar,
|
|
||||||
.sidebar-panel,
|
|
||||||
.notelist-panel,
|
|
||||||
.resize-handle,
|
|
||||||
.toolbar-actions,
|
|
||||||
.editor-body-wrapper .note-search-bar,
|
|
||||||
.formatting-toolbar,
|
|
||||||
.editor-formatting-bar,
|
|
||||||
.history-panel,
|
|
||||||
.outline-panel,
|
|
||||||
.graph-panel,
|
|
||||||
.ai-panel,
|
|
||||||
.link-context-menu,
|
|
||||||
.image-toolbar,
|
|
||||||
.selection-bar {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Force light theme colors for PDF */
|
|
||||||
:root, :root.dark {
|
|
||||||
--bg-primary: #ffffff !important;
|
|
||||||
--bg-secondary: #f8f9fa !important;
|
|
||||||
--bg-tertiary: #f0f1f3 !important;
|
|
||||||
--bg-editor: #ffffff !important;
|
|
||||||
--text-primary: #1a1a2e !important;
|
|
||||||
--text-secondary: #495057 !important;
|
|
||||||
--text-tertiary: #868e96 !important;
|
|
||||||
--text-accent: #5b6abf !important;
|
|
||||||
--accent: #5b6abf !important;
|
|
||||||
--border-color: #e2e5e9 !important;
|
|
||||||
--border-light: #f0f1f3 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
html, body {
|
|
||||||
height: auto;
|
|
||||||
overflow: visible;
|
|
||||||
background: white !important;
|
|
||||||
color: #1a1a2e !important;
|
|
||||||
font-size: 12pt;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Override all scoped height/overflow constraints for print flow */
|
|
||||||
* {
|
|
||||||
overflow: visible !important;
|
|
||||||
height: auto !important;
|
|
||||||
max-height: none !important;
|
|
||||||
min-height: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.app-layout {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-panel {
|
|
||||||
width: 100% !important;
|
|
||||||
min-width: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror {
|
|
||||||
padding: 0 !important;
|
|
||||||
max-width: 100% !important;
|
|
||||||
background: white !important;
|
|
||||||
color: #1a1a2e !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Ensure images fit within page */
|
|
||||||
.ProseMirror img {
|
|
||||||
max-width: 100% !important;
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Avoid breaking inside these elements */
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
page-break-after: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre, blockquote, table, figure {
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Code blocks with light background */
|
|
||||||
.ProseMirror pre, .ProseMirror code {
|
|
||||||
background: #f8f9fa !important;
|
|
||||||
color: #1a1a2e !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -2,10 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
name="viewport"
|
|
||||||
content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no, maximum-scale=1"
|
|
||||||
/>
|
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
</head>
|
</head>
|
||||||
<body data-sveltekit-preload-data="hover">
|
<body data-sveltekit-preload-data="hover">
|
||||||
|
|||||||
@@ -7,7 +7,6 @@ import type {
|
|||||||
NotebookEntry,
|
NotebookEntry,
|
||||||
NoteTitleEntry,
|
NoteTitleEntry,
|
||||||
SearchResult,
|
SearchResult,
|
||||||
TrashContents,
|
|
||||||
VaultState,
|
VaultState,
|
||||||
VaultStats,
|
VaultStats,
|
||||||
ImportResult,
|
ImportResult,
|
||||||
@@ -39,10 +38,6 @@ export async function setFontFamily(family: string): Promise<void> {
|
|||||||
return invoke("set_font_family", { family });
|
return invoke("set_font_family", { family });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function setLineHeight(height: number): Promise<void> {
|
|
||||||
return invoke("set_line_height", { height });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getNotebooks(): Promise<NotebookEntry[]> {
|
export async function getNotebooks(): Promise<NotebookEntry[]> {
|
||||||
return invoke("get_notebooks");
|
return invoke("get_notebooks");
|
||||||
}
|
}
|
||||||
@@ -65,13 +60,6 @@ export async function deleteNotebook(path: string): Promise<void> {
|
|||||||
return invoke("delete_notebook", { path });
|
return invoke("delete_notebook", { path });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function moveNotebook(
|
|
||||||
notebookPath: string,
|
|
||||||
destParent: string,
|
|
||||||
): Promise<string> {
|
|
||||||
return invoke("move_notebook", { notebookPath, destParent });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getNotes(
|
export async function getNotes(
|
||||||
notebookPath: string | null,
|
notebookPath: string | null,
|
||||||
): Promise<NoteEntry[]> {
|
): Promise<NoteEntry[]> {
|
||||||
@@ -97,10 +85,6 @@ export async function createNote(
|
|||||||
return invoke("create_note", { notebookRelative, title });
|
return invoke("create_note", { notebookRelative, title });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createDailyNote(date?: string): Promise<NoteEntry> {
|
|
||||||
return invoke("create_daily_note", { date: date ?? null });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function renameNote(
|
export async function renameNote(
|
||||||
path: string,
|
path: string,
|
||||||
newTitle: string,
|
newTitle: string,
|
||||||
@@ -127,10 +111,6 @@ export async function getAllNoteTitles(): Promise<NoteTitleEntry[]> {
|
|||||||
return invoke("get_all_note_titles");
|
return invoke("get_all_note_titles");
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getGraphData(): Promise<{ nodes: { title: string; path: string }[]; edges: { source: number; target: number }[] }> {
|
|
||||||
return invoke("get_graph_data");
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function searchNotes(
|
export async function searchNotes(
|
||||||
query: string,
|
query: string,
|
||||||
limit?: number,
|
limit?: number,
|
||||||
@@ -142,7 +122,7 @@ export async function reindex(): Promise<void> {
|
|||||||
return invoke("reindex");
|
return invoke("reindex");
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getTrash(): Promise<TrashContents> {
|
export async function getTrash(): Promise<NoteEntry[]> {
|
||||||
return invoke("get_trash");
|
return invoke("get_trash");
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -153,10 +133,6 @@ export async function restoreNote(
|
|||||||
return invoke("restore_note", { trashPath, destNotebook });
|
return invoke("restore_note", { trashPath, destNotebook });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function restoreNotebook(trashPath: string): Promise<string> {
|
|
||||||
return invoke("restore_notebook", { trashPath });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function permanentDelete(path: string): Promise<void> {
|
export async function permanentDelete(path: string): Promise<void> {
|
||||||
return invoke("permanent_delete", { path });
|
return invoke("permanent_delete", { path });
|
||||||
}
|
}
|
||||||
@@ -173,14 +149,6 @@ export async function saveVaultState(vaultState: VaultState): Promise<void> {
|
|||||||
return invoke("save_vault_state", { vaultState });
|
return invoke("save_vault_state", { vaultState });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function readClipboardImage(): Promise<number[]> {
|
|
||||||
return invoke("read_clipboard_image");
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function copyImageToClipboard(path: string): Promise<void> {
|
|
||||||
return invoke("copy_image_to_clipboard", { path });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function saveImage(name: string, data: number[]): Promise<string> {
|
export async function saveImage(name: string, data: number[]): Promise<string> {
|
||||||
return invoke("save_image", { name, data });
|
return invoke("save_image", { name, data });
|
||||||
}
|
}
|
||||||
@@ -212,7 +180,6 @@ export async function setGeneralSettings(
|
|||||||
pdfHeight: number,
|
pdfHeight: number,
|
||||||
titleMode: string,
|
titleMode: string,
|
||||||
hideTitleInBody: boolean,
|
hideTitleInBody: boolean,
|
||||||
showLineNumbers: boolean,
|
|
||||||
defaultViewMode: boolean,
|
defaultViewMode: boolean,
|
||||||
showTrayIcon: boolean,
|
showTrayIcon: boolean,
|
||||||
closeToTray: boolean,
|
closeToTray: boolean,
|
||||||
@@ -227,7 +194,6 @@ export async function setGeneralSettings(
|
|||||||
pdfHeight,
|
pdfHeight,
|
||||||
titleMode,
|
titleMode,
|
||||||
hideTitleInBody,
|
hideTitleInBody,
|
||||||
showLineNumbers,
|
|
||||||
defaultViewMode,
|
defaultViewMode,
|
||||||
showTrayIcon,
|
showTrayIcon,
|
||||||
closeToTray,
|
closeToTray,
|
||||||
@@ -247,10 +213,6 @@ export async function removeQuickAccess(noteRelative: string): Promise<void> {
|
|||||||
return invoke("remove_quick_access", { noteRelative });
|
return invoke("remove_quick_access", { noteRelative });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function reorderQuickAccess(paths: string[]): Promise<void> {
|
|
||||||
return invoke("reorder_quick_access", { paths });
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getVaultStats(): Promise<VaultStats> {
|
export async function getVaultStats(): Promise<VaultStats> {
|
||||||
return invoke("get_vault_stats");
|
return invoke("get_vault_stats");
|
||||||
}
|
}
|
||||||
@@ -331,9 +293,8 @@ export async function setAiSettings(
|
|||||||
apiKey: string | null,
|
apiKey: string | null,
|
||||||
model: string,
|
model: string,
|
||||||
writingStyle: string | null,
|
writingStyle: string | null,
|
||||||
baseUrl: string | null = null,
|
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
return invoke("set_ai_settings", { provider, apiKey, model, writingStyle, baseUrl });
|
return invoke("set_ai_settings", { provider, apiKey, model, writingStyle });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function testAiConnection(): Promise<void> {
|
export async function testAiConnection(): Promise<void> {
|
||||||
@@ -348,11 +309,3 @@ export async function aiAsk(
|
|||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
return invoke("ai_ask", { action, text, customPrompt, requestId });
|
return invoke("ai_ask", { action, text, customPrompt, requestId });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getInstallType(): Promise<string> {
|
|
||||||
return invoke("get_install_type");
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getPendingOpenFile(): Promise<string | null> {
|
|
||||||
return invoke("get_pending_open_file");
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -20,125 +20,22 @@
|
|||||||
showCommandPalette,
|
showCommandPalette,
|
||||||
theme,
|
theme,
|
||||||
focusMode,
|
focusMode,
|
||||||
readOnly,
|
activeNote
|
||||||
activeNote,
|
|
||||||
activeNotePath,
|
|
||||||
activeNotebook,
|
|
||||||
editorDirty,
|
|
||||||
showInfo,
|
|
||||||
showSettings,
|
|
||||||
sourceMode,
|
|
||||||
mobileView,
|
|
||||||
appConfig,
|
|
||||||
quickAccessPaths,
|
|
||||||
tags,
|
|
||||||
notes,
|
|
||||||
viewMode,
|
|
||||||
updateAvailable as globalUpdateAvailable,
|
|
||||||
settingsTab
|
|
||||||
} from '$lib/stores/app';
|
} from '$lib/stores/app';
|
||||||
|
|
||||||
const appWindow = getCurrentWindow();
|
const appWindow = getCurrentWindow();
|
||||||
const isMac = navigator.platform.startsWith('Mac');
|
import { loadVaultState, saveVaultState } from '$lib/api';
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
import { loadVaultState, saveVaultState, readNote, createDailyNote, createBackup, getPendingOpenFile, addQuickAccess, removeQuickAccess, getQuickAccess } from '$lib/api';
|
|
||||||
import { debounce } from '$lib/utils/debounce';
|
import { debounce } from '$lib/utils/debounce';
|
||||||
import { openNoteWindow } from '$lib/utils/window';
|
|
||||||
import { get } from 'svelte/store';
|
|
||||||
import type { VaultState, FileEvent } from '$lib/types';
|
import type { VaultState, FileEvent } from '$lib/types';
|
||||||
|
|
||||||
let sidebar: Sidebar;
|
let sidebar: Sidebar;
|
||||||
let noteList: NoteList;
|
let noteList: NoteList;
|
||||||
let editor: Editor;
|
let editor: Editor;
|
||||||
let unlistenFileChange: (() => void) | null = null;
|
let unlistenFileChange: (() => void) | null = null;
|
||||||
let unlistenOpenFile: (() => void) | null = null;
|
|
||||||
|
|
||||||
// Mobile editor header helpers
|
|
||||||
let noteRelativePath = $derived($activeNotePath && $appConfig?.active_vault ? $activeNotePath.replace($appConfig.active_vault + '/', '') : '');
|
|
||||||
let isQuickAccess = $derived(noteRelativePath ? $quickAccessPaths.includes(noteRelativePath) : false);
|
|
||||||
let backupInterval: ReturnType<typeof setInterval> | null = null;
|
|
||||||
|
|
||||||
let navigatingFromHistory = false;
|
|
||||||
let noteHistory: string[] = [];
|
|
||||||
let noteHistoryIndex = -1;
|
|
||||||
|
|
||||||
function parseFrequencyMs(freq: string): number {
|
|
||||||
switch (freq) {
|
|
||||||
case '6h': return 6 * 60 * 60 * 1000;
|
|
||||||
case '12h': return 12 * 60 * 60 * 1000;
|
|
||||||
case '7d': return 7 * 24 * 60 * 60 * 1000;
|
|
||||||
case '24h': default: return 24 * 60 * 60 * 1000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function checkScheduledBackup() {
|
|
||||||
const config = get(appConfig);
|
|
||||||
if (!config?.backup_enabled) return;
|
|
||||||
const interval = parseFrequencyMs(config.backup_frequency);
|
|
||||||
const last = config.last_backup_time ? new Date(config.last_backup_time).getTime() : 0;
|
|
||||||
if (Date.now() - last >= interval) {
|
|
||||||
const unlisten = await listen('backup-done', (event: any) => {
|
|
||||||
if (event.payload?.success) {
|
|
||||||
const cur = get(appConfig);
|
|
||||||
if (cur) appConfig.set({ ...cur, last_backup_time: new Date().toISOString() });
|
|
||||||
}
|
|
||||||
unlisten();
|
|
||||||
});
|
|
||||||
try { await createBackup(); } catch (_) { unlisten(); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Track note navigation in history stack
|
|
||||||
$effect(() => {
|
|
||||||
const path = $activeNotePath;
|
|
||||||
if (navigatingFromHistory) {
|
|
||||||
navigatingFromHistory = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (path) {
|
|
||||||
// Trim forward history and push
|
|
||||||
noteHistory = [...noteHistory.slice(0, noteHistoryIndex + 1), path];
|
|
||||||
noteHistoryIndex = noteHistory.length - 1;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function navigateHistory(direction: -1 | 1) {
|
|
||||||
const newIndex = noteHistoryIndex + direction;
|
|
||||||
if (newIndex < 0 || newIndex >= noteHistory.length) return;
|
|
||||||
const path = noteHistory[newIndex];
|
|
||||||
noteHistoryIndex = newIndex;
|
|
||||||
navigatingFromHistory = true;
|
|
||||||
readNote(path).then((content) => {
|
|
||||||
editor?.flushSave();
|
|
||||||
$activeNote = content;
|
|
||||||
$activeNotePath = path;
|
|
||||||
$editorDirty = false;
|
|
||||||
editor?.loadNote(path, content.content);
|
|
||||||
}).catch(() => {
|
|
||||||
// Note may have been deleted, ignore
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleOpenFile(filePath: string) {
|
|
||||||
if (!filePath || !filePath.endsWith('.md')) return;
|
|
||||||
const config = get(appConfig);
|
|
||||||
const vaultRoot = config?.active_vault;
|
|
||||||
if (!vaultRoot || !filePath.startsWith(vaultRoot)) return;
|
|
||||||
try {
|
|
||||||
const content = await readNote(filePath);
|
|
||||||
editor?.flushSave();
|
|
||||||
$activeNote = content;
|
|
||||||
$activeNotePath = filePath;
|
|
||||||
$editorDirty = false;
|
|
||||||
editor?.loadNote(filePath, content.content);
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Failed to open file:', e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const persistState = debounce(async () => {
|
const persistState = debounce(async () => {
|
||||||
const state: VaultState = {
|
const state: VaultState = {
|
||||||
last_open_note: $activeNotePath,
|
last_open_note: null,
|
||||||
sidebar_width: $sidebarWidth,
|
sidebar_width: $sidebarWidth,
|
||||||
notelist_width: $notelistWidth,
|
notelist_width: $notelistWidth,
|
||||||
sidebar_collapsed: $sidebarCollapsed,
|
sidebar_collapsed: $sidebarCollapsed,
|
||||||
@@ -161,154 +58,39 @@
|
|||||||
|
|
||||||
function handleNoteSelected(path: string, content: string) {
|
function handleNoteSelected(path: string, content: string) {
|
||||||
editor?.loadNote(path, content);
|
editor?.loadNote(path, content);
|
||||||
if (isMobile) $mobileView = 'editor';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleViewChanged() {
|
function handleViewChanged() {
|
||||||
noteList?.refresh();
|
noteList?.refresh(true);
|
||||||
if (isMobile) $mobileView = 'notelist';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function createAndFocusNote() {
|
async function createAndFocusNote() {
|
||||||
await noteList?.handleCreateNote();
|
await noteList?.handleCreateNote();
|
||||||
editor?.focusTitle();
|
editor?.focusTitle();
|
||||||
if (isMobile) $mobileView = 'editor';
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleDailyNote() {
|
|
||||||
try {
|
|
||||||
const entry = await createDailyNote();
|
|
||||||
const content = await readNote(entry.path);
|
|
||||||
editor?.flushSave();
|
|
||||||
$activeNote = content;
|
|
||||||
$activeNotePath = entry.path;
|
|
||||||
$editorDirty = false;
|
|
||||||
editor?.loadNote(entry.path, content.content);
|
|
||||||
$viewMode = 'daily';
|
|
||||||
noteList?.refresh(true);
|
|
||||||
sidebar?.refresh();
|
|
||||||
if (isMobile) $mobileView = 'editor';
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Failed to create/open daily note:', e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Android back gesture / hardware back button support
|
|
||||||
// We maintain a simple counter of how many views deep we are.
|
|
||||||
// sidebar=0, notelist=1, editor=2. Each forward nav pushes, back pops.
|
|
||||||
let historyDepth = 0;
|
|
||||||
let navFromPopstate = false;
|
|
||||||
|
|
||||||
if (isMobile) {
|
|
||||||
history.replaceState({ mobileView: 'sidebar', depth: 0 }, '');
|
|
||||||
|
|
||||||
$effect(() => {
|
|
||||||
const view = $mobileView;
|
|
||||||
if (navFromPopstate) {
|
|
||||||
navFromPopstate = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const targetDepth = view === 'sidebar' ? 0 : view === 'notelist' ? 1 : 2;
|
|
||||||
if (targetDepth > historyDepth) {
|
|
||||||
// Forward navigation — push entries for each level skipped
|
|
||||||
for (let d = historyDepth + 1; d <= targetDepth; d++) {
|
|
||||||
const v = d === 1 ? 'notelist' : 'editor';
|
|
||||||
history.pushState({ mobileView: v, depth: d }, '');
|
|
||||||
}
|
|
||||||
historyDepth = targetDepth;
|
|
||||||
} else if (targetDepth < historyDepth) {
|
|
||||||
// Programmatic back (e.g. mobileBack button) — go back in history
|
|
||||||
const steps = historyDepth - targetDepth;
|
|
||||||
historyDepth = targetDepth;
|
|
||||||
navFromPopstate = true; // suppress the popstate that history.go triggers
|
|
||||||
history.go(-steps);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
window.addEventListener('popstate', (e) => {
|
|
||||||
if (navFromPopstate) {
|
|
||||||
navFromPopstate = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const state = e.state;
|
|
||||||
const targetDepth = state?.depth ?? 0;
|
|
||||||
historyDepth = targetDepth;
|
|
||||||
navFromPopstate = true;
|
|
||||||
if (targetDepth === 0) $mobileView = 'sidebar';
|
|
||||||
else if (targetDepth === 1) $mobileView = 'notelist';
|
|
||||||
else $mobileView = 'editor';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function mobileBack() {
|
|
||||||
if ($mobileView === 'editor') $mobileView = 'notelist';
|
|
||||||
else if ($mobileView === 'notelist') $mobileView = 'sidebar';
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleMouseDown(e: MouseEvent) {
|
|
||||||
if (e.button === 3) { e.preventDefault(); navigateHistory(-1); }
|
|
||||||
if (e.button === 4) { e.preventDefault(); navigateHistory(1); }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleKeydown(e: KeyboardEvent) {
|
function handleKeydown(e: KeyboardEvent) {
|
||||||
const mod = e.ctrlKey || e.metaKey;
|
if (e.ctrlKey && !e.shiftKey && e.key === 'n') {
|
||||||
if (e.altKey && e.key === 'ArrowLeft') {
|
|
||||||
e.preventDefault();
|
|
||||||
navigateHistory(-1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (e.altKey && e.key === 'ArrowRight') {
|
|
||||||
e.preventDefault();
|
|
||||||
navigateHistory(1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (mod && !e.shiftKey && e.key === 'n') {
|
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
createAndFocusNote();
|
createAndFocusNote();
|
||||||
}
|
}
|
||||||
if (mod && e.shiftKey && e.key === 'N') {
|
if (e.ctrlKey && e.shiftKey && e.key === 'N') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
if (mod && e.shiftKey && e.key === 'F') {
|
if (e.ctrlKey && e.key === 'f') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$showSearch = true;
|
$showSearch = true;
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
if (mod && !e.shiftKey && e.key === 'f') {
|
if (e.ctrlKey && e.key === 'p') {
|
||||||
e.preventDefault();
|
|
||||||
if ($activeNotePath) {
|
|
||||||
editor?.openNoteSearch();
|
|
||||||
} else {
|
|
||||||
$showSearch = true;
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (mod && e.key === 'p') {
|
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$showCommandPalette = true;
|
$showCommandPalette = true;
|
||||||
}
|
}
|
||||||
if (mod && e.key === 's') {
|
if (e.ctrlKey && e.key === 's') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
editor?.forceSave();
|
editor?.forceSave();
|
||||||
}
|
}
|
||||||
if (mod && e.key === 'k' && !e.shiftKey && $activeNotePath && !$sourceMode) {
|
|
||||||
e.preventDefault();
|
|
||||||
editor?.addLinkFromToolbar();
|
|
||||||
}
|
|
||||||
if (mod && e.shiftKey && e.key === 'M') {
|
|
||||||
e.preventDefault();
|
|
||||||
$sourceMode = !$sourceMode;
|
|
||||||
}
|
|
||||||
if (mod && e.shiftKey && e.key === 'W') {
|
|
||||||
e.preventDefault();
|
|
||||||
if ($activeNotePath && $activeNote) {
|
|
||||||
openNoteWindow($activeNotePath, $activeNote.meta.title);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (e.key === 'Escape') {
|
if (e.key === 'Escape') {
|
||||||
if ($showSettings) $showSettings = false;
|
if ($focusMode) $focusMode = false;
|
||||||
else if ($showInfo) $showInfo = false;
|
|
||||||
else if ($focusMode) $focusMode = false;
|
|
||||||
else if ($showSearch) $showSearch = false;
|
else if ($showSearch) $showSearch = false;
|
||||||
else if ($showCommandPalette) $showCommandPalette = false;
|
else if ($showCommandPalette) $showCommandPalette = false;
|
||||||
}
|
}
|
||||||
@@ -331,262 +113,41 @@
|
|||||||
persistState();
|
persistState();
|
||||||
});
|
});
|
||||||
|
|
||||||
$effect(() => {
|
|
||||||
$activeNotePath;
|
|
||||||
persistState();
|
|
||||||
});
|
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
let lastNotePath: string | null = null;
|
|
||||||
try {
|
try {
|
||||||
const state = await loadVaultState();
|
const state = await loadVaultState();
|
||||||
$sidebarWidth = state.sidebar_width;
|
$sidebarWidth = state.sidebar_width;
|
||||||
$notelistWidth = state.notelist_width;
|
$notelistWidth = state.notelist_width;
|
||||||
$sidebarCollapsed = state.sidebar_collapsed;
|
$sidebarCollapsed = state.sidebar_collapsed;
|
||||||
$collapsedNotebooks = state.collapsed_notebooks ?? [];
|
$collapsedNotebooks = state.collapsed_notebooks ?? [];
|
||||||
lastNotePath = state.last_open_note ?? null;
|
|
||||||
} catch (_) {}
|
} catch (_) {}
|
||||||
|
|
||||||
// On mobile, prefetch last-opened note so first tap is instant
|
|
||||||
let prefetchPromise: Promise<any> | null = null;
|
|
||||||
if (isMobile && lastNotePath) {
|
|
||||||
prefetchPromise = readNote(lastNotePath).catch(() => null);
|
|
||||||
}
|
|
||||||
|
|
||||||
applyTheme($theme);
|
applyTheme($theme);
|
||||||
|
|
||||||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
|
||||||
if ($theme === 'system') applyTheme('system');
|
if ($theme === 'system') applyTheme('system');
|
||||||
});
|
});
|
||||||
|
|
||||||
// Run sidebar and note list refresh in parallel
|
await sidebar?.refresh();
|
||||||
await Promise.all([sidebar?.refresh(), noteList?.refresh()]);
|
await noteList?.refresh();
|
||||||
|
|
||||||
// On mobile, derive tags from the scanned notes (avoids a separate full-scan Rust call)
|
unlistenFileChange = await listen<FileEvent>('file-changed', async () => {
|
||||||
if (isMobile) {
|
await sidebar?.refresh();
|
||||||
const tagMap = new Map<string, number>();
|
await noteList?.refresh(true);
|
||||||
for (const note of $notes) {
|
|
||||||
for (const tag of note.meta.tags) {
|
|
||||||
tagMap.set(tag, (tagMap.get(tag) ?? 0) + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$tags = Array.from(tagMap.entries()).sort((a, b) => a[0].localeCompare(b[0]));
|
|
||||||
}
|
|
||||||
|
|
||||||
// On mobile, auto-load the last-opened note so it's ready when the user taps it
|
|
||||||
if (isMobile && prefetchPromise) {
|
|
||||||
prefetchPromise.then((noteContent) => {
|
|
||||||
if (noteContent && lastNotePath && !$activeNotePath) {
|
|
||||||
$activeNote = noteContent;
|
|
||||||
$activeNotePath = lastNotePath;
|
|
||||||
$editorDirty = false;
|
|
||||||
editor?.loadNote(lastNotePath, noteContent.content);
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
if (isMobile) {
|
|
||||||
// Mobile: debounce file-changed heavily and skip when actively editing
|
|
||||||
// (our own saves trigger the watcher, causing expensive refreshes on FUSE)
|
|
||||||
const debouncedRefresh = debounce(async () => {
|
|
||||||
if (get(editorDirty)) return; // user is still typing, skip
|
|
||||||
await Promise.all([sidebar?.refresh(), noteList?.refresh(true)]);
|
|
||||||
// Re-derive tags from refreshed notes
|
|
||||||
const tagMap = new Map<string, number>();
|
|
||||||
for (const note of get(notes)) {
|
|
||||||
for (const tag of note.meta.tags) {
|
|
||||||
tagMap.set(tag, (tagMap.get(tag) ?? 0) + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
tags.set(Array.from(tagMap.entries()).sort((a, b) => a[0].localeCompare(b[0])));
|
|
||||||
}, 3000);
|
|
||||||
unlistenFileChange = await listen<FileEvent>('file-changed', () => {
|
|
||||||
debouncedRefresh();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
const debouncedDesktopRefresh = debounce(async () => {
|
|
||||||
await Promise.all([sidebar?.refresh(), noteList?.refresh(true)]);
|
|
||||||
}, 300);
|
|
||||||
unlistenFileChange = await listen<FileEvent>('file-changed', () => {
|
|
||||||
debouncedDesktopRefresh();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Listen for file open events (from single-instance or OS file associations)
|
|
||||||
unlistenOpenFile = await listen<string>('open-file', async (event) => {
|
|
||||||
await handleOpenFile(event.payload);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Check for pending file from first-launch CLI args
|
|
||||||
try {
|
|
||||||
const pending = await getPendingOpenFile();
|
|
||||||
if (pending) await handleOpenFile(pending);
|
|
||||||
} catch (_) {}
|
|
||||||
|
|
||||||
// Scheduled backup: check on startup and every 5 minutes
|
|
||||||
checkScheduledBackup();
|
|
||||||
backupInterval = setInterval(checkScheduledBackup, 5 * 60 * 1000);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
onDestroy(() => {
|
onDestroy(() => {
|
||||||
unlistenFileChange?.();
|
unlistenFileChange?.();
|
||||||
unlistenOpenFile?.();
|
|
||||||
if (backupInterval) clearInterval(backupInterval);
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:window onkeydown={handleKeydown} onmousedown={isMobile ? undefined : handleMouseDown} />
|
<svelte:window onkeydown={handleKeydown} />
|
||||||
|
|
||||||
{#if isMobile}
|
|
||||||
<!-- ═══ MOBILE LAYOUT ═══ -->
|
|
||||||
<div class="mobile-shell">
|
|
||||||
<!-- Mobile Header -->
|
|
||||||
<div class="mobile-header">
|
|
||||||
{#if $mobileView !== 'sidebar'}
|
|
||||||
<button class="mobile-header-btn" onclick={mobileBack}>
|
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M15 18l-6-6 6-6"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{:else}
|
|
||||||
<div class="mobile-header-brand">
|
|
||||||
<svg width="22" height="22" viewBox="0 0 48 48" fill="none">
|
|
||||||
<rect width="48" height="48" rx="12" fill="var(--accent)" />
|
|
||||||
<circle cx="16" cy="16" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="32" cy="16" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="16" cy="32" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="32" cy="32" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
{#if $mobileView !== 'editor'}
|
|
||||||
<span class="mobile-header-title">
|
|
||||||
{#if $mobileView === 'sidebar'}
|
|
||||||
HelixNotes
|
|
||||||
{:else}
|
|
||||||
{$activeNotebook?.name || 'All Notes'}
|
|
||||||
{/if}
|
|
||||||
</span>
|
|
||||||
{#if $globalUpdateAvailable && $mobileView === 'sidebar'}
|
|
||||||
<button class="mobile-update-badge" onclick={() => { $settingsTab = 'updates'; $showSettings = true; }}>
|
|
||||||
v{$globalUpdateAvailable.version}
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
{/if}
|
|
||||||
<div class="mobile-header-actions">
|
|
||||||
{#if $mobileView === 'editor'}
|
|
||||||
<button class="mobile-header-btn" class:active={$readOnly} onclick={() => ($readOnly = !$readOnly)} title={$readOnly ? 'Edit' : 'View'}>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
{#if $readOnly}
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
|
|
||||||
<circle cx="12" cy="12" r="3" />
|
|
||||||
{:else}
|
|
||||||
<path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
|
|
||||||
<path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
|
|
||||||
{/if}
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" onclick={() => editor?.openNoteSearch()} title="Find in note">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" class:active={$activeNote?.meta.pinned} onclick={() => { if ($activeNote) { $activeNote.meta.pinned = !$activeNote.meta.pinned; $editorDirty = true; } }} title="Pin">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M12 17v5"/><path d="M9 2h6l-1 7h4l-2 4H8l-2-4h4L9 2z"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" class:active={isQuickAccess} onclick={async () => {
|
|
||||||
if (!noteRelativePath) return;
|
|
||||||
try {
|
|
||||||
if (isQuickAccess) { await removeQuickAccess(noteRelativePath); } else { await addQuickAccess(noteRelativePath); }
|
|
||||||
$quickAccessPaths = (await getQuickAccess()).map(n => n.relative_path);
|
|
||||||
} catch (e) { console.error('Quick access toggle failed:', e); }
|
|
||||||
}} title="Quick Access">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill={isQuickAccess ? 'currentColor' : 'none'} stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" onclick={() => editor?.toggleOutlinePanel()} title="Outline">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<line x1="4" y1="6" x2="20" y2="6"/><line x1="8" y1="12" x2="20" y2="12"/><line x1="8" y1="18" x2="20" y2="18"/><circle cx="4" cy="12" r="1" fill="currentColor"/><circle cx="4" cy="18" r="1" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" onclick={() => editor?.toggleHistoryPanel()} title="History">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{#if $appConfig?.enable_wiki_links}
|
|
||||||
<button class="mobile-header-btn" onclick={() => editor?.toggleGraphView()} title="Graph View">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="18" r="3"/>
|
|
||||||
<line x1="8.5" y1="7.5" x2="15.5" y2="16.5"/><line x1="15.5" y1="7.5" x2="8.5" y2="16.5"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
{#if $appConfig?.ai_provider && ($appConfig?.ai_provider === 'ollama' || $appConfig?.ai_api_key || $appConfig?.openai_api_key)}
|
|
||||||
<button class="mobile-header-btn" onclick={() => editor?.triggerAiMenu()} title="AI Actions">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M12 8V4l-2-2"/><rect x="4" y="8" width="16" height="12" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M9 13v2"/><path d="M15 13v2"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
<button class="mobile-header-btn" class:active={$sourceMode} onclick={() => ($sourceMode = !$sourceMode)} title={$sourceMode ? 'Rich Editor' : 'Source Mode'}>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{:else}
|
|
||||||
<button class="mobile-header-btn" onclick={() => ($showSearch = true)} title="Search">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="11" cy="11" r="8" />
|
|
||||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" onclick={handleDailyNote} title="Daily Note">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
|
|
||||||
<line x1="16" y1="2" x2="16" y2="6" />
|
|
||||||
<line x1="8" y1="2" x2="8" y2="6" />
|
|
||||||
<line x1="3" y1="10" x2="21" y2="10" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="mobile-header-btn" onclick={() => ($showSettings = true)} title="Settings">
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<circle cx="12" cy="12" r="3" />
|
|
||||||
<path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Mobile Content -->
|
|
||||||
<div class="mobile-content">
|
|
||||||
<div class="mobile-panel" class:active={$mobileView === 'sidebar'}>
|
|
||||||
<Sidebar bind:this={sidebar} onViewChanged={handleViewChanged} />
|
|
||||||
</div>
|
|
||||||
<div class="mobile-panel" class:active={$mobileView === 'notelist'}>
|
|
||||||
<NoteList bind:this={noteList} onNoteSelected={handleNoteSelected} onBeforeNoteSwitch={() => editor?.flushSave()} onNoteMoved={() => sidebar?.refresh()} />
|
|
||||||
<button class="mobile-fab" onclick={createAndFocusNote} title="New Note">
|
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
|
|
||||||
<path d="M12 5v14M5 12h14" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="mobile-panel" class:active={$mobileView === 'editor'}>
|
|
||||||
<Editor bind:this={editor} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<!-- ═══ DESKTOP LAYOUT ═══ -->
|
|
||||||
<div class="app-shell">
|
<div class="app-shell">
|
||||||
{#if $focusMode}
|
{#if $focusMode}
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="focus-topbar" class:macos={isMac} onmousedown={(e) => { if (!(e.target as HTMLElement).closest('button')) appWindow.startDragging(); }}>
|
<div class="focus-topbar" onmousedown={(e) => { if (!(e.target as HTMLElement).closest('button')) appWindow.startDragging(); }}>
|
||||||
<span class="focus-title">{$activeNote?.meta.title || 'Untitled'}</span>
|
<span class="focus-title">{$activeNote?.meta.title || 'Untitled'}</span>
|
||||||
<div class="focus-controls">
|
<div class="focus-controls">
|
||||||
<button class="focus-btn focus-active" onclick={() => ($focusMode = false)} title="Exit focus mode (Escape)">
|
<button class="focus-btn focus-active" onclick={() => ($focusMode = false)} title="Exit focus mode (Escape)">
|
||||||
@@ -594,19 +155,6 @@
|
|||||||
<path d="M8 3v3a2 2 0 01-2 2H3m18 0h-3a2 2 0 01-2-2V3m0 18v-3a2 2 0 012-2h3M3 16h3a2 2 0 012 2v3"/>
|
<path d="M8 3v3a2 2 0 01-2 2H3m18 0h-3a2 2 0 01-2-2V3m0 18v-3a2 2 0 012-2h3M3 16h3a2 2 0 012 2v3"/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="focus-btn" class:focus-active={$readOnly} onclick={() => ($readOnly = !$readOnly)} title={$readOnly ? 'Switch to Edit Mode' : 'Switch to View Mode'}>
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
{#if $readOnly}
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
|
|
||||||
<circle cx="12" cy="12" r="3" />
|
|
||||||
{:else}
|
|
||||||
<path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94" />
|
|
||||||
<path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19" />
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23" />
|
|
||||||
{/if}
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{#if !isMac}
|
|
||||||
<button class="focus-btn" onmousedown={(e) => e.stopPropagation()} onclick={() => appWindow.minimize()} title="Minimize">
|
<button class="focus-btn" onmousedown={(e) => e.stopPropagation()} onclick={() => appWindow.minimize()} title="Minimize">
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10"><line x1="1" y1="5" x2="9" y2="5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
<svg width="10" height="10" viewBox="0 0 10 10"><line x1="1" y1="5" x2="9" y2="5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||||
</button>
|
</button>
|
||||||
@@ -616,11 +164,10 @@
|
|||||||
<button class="focus-btn focus-close" onmousedown={(e) => e.stopPropagation()} onclick={() => appWindow.close()} title="Close">
|
<button class="focus-btn focus-close" onmousedown={(e) => e.stopPropagation()} onclick={() => appWindow.close()} title="Close">
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10"><line x1="1.5" y1="1.5" x2="8.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><line x1="8.5" y1="1.5" x2="1.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
<svg width="10" height="10" viewBox="0 0 10 10"><line x1="1.5" y1="1.5" x2="8.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><line x1="8.5" y1="1.5" x2="1.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<TitleBar onNewNote={createAndFocusNote} onDailyNote={handleDailyNote} />
|
<TitleBar onNewNote={createAndFocusNote} />
|
||||||
{/if}
|
{/if}
|
||||||
<div class="app-layout">
|
<div class="app-layout">
|
||||||
{#if !$focusMode}
|
{#if !$focusMode}
|
||||||
@@ -633,7 +180,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div class="notelist-panel" style="width: {$notelistWidth}px">
|
<div class="notelist-panel" style="width: {$notelistWidth}px">
|
||||||
<NoteList bind:this={noteList} onNoteSelected={handleNoteSelected} onBeforeNoteSwitch={() => editor?.flushSave()} onNoteMoved={() => sidebar?.refresh()} />
|
<NoteList bind:this={noteList} onNoteSelected={handleNoteSelected} onNoteMoved={() => sidebar?.refresh()} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ResizeHandle onResize={handleNotelistResize} />
|
<ResizeHandle onResize={handleNotelistResize} />
|
||||||
@@ -644,7 +191,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
<SearchPanel />
|
<SearchPanel />
|
||||||
<CommandPalette />
|
<CommandPalette />
|
||||||
@@ -652,7 +198,6 @@
|
|||||||
<InfoPanel />
|
<InfoPanel />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
/* ═══ DESKTOP STYLES ═══ */
|
|
||||||
.app-shell {
|
.app-shell {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -740,137 +285,4 @@
|
|||||||
background: #e81123;
|
background: #e81123;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus-topbar.macos {
|
|
||||||
padding-left: 78px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ═══ MOBILE STYLES ═══ */
|
|
||||||
.mobile-shell {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 52px;
|
|
||||||
padding: 0 8px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
border-bottom: 1px solid var(--border-color);
|
|
||||||
flex-shrink: 0;
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-brand {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-title {
|
|
||||||
flex: 1;
|
|
||||||
font-size: 17px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-primary);
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-update-badge {
|
|
||||||
background: var(--accent);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 2px 8px;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
white-space: nowrap;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-actions {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2px;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-btn {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 34px;
|
|
||||||
height: 34px;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
color: var(--text-secondary);
|
|
||||||
border-radius: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-btn svg {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-btn:active {
|
|
||||||
background: var(--bg-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-header-btn.active {
|
|
||||||
color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-content {
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-panel {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
pointer-events: none;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-panel.active {
|
|
||||||
visibility: visible;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-fab {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 24px;
|
|
||||||
right: 20px;
|
|
||||||
width: 56px;
|
|
||||||
height: 56px;
|
|
||||||
border-radius: 16px;
|
|
||||||
background: var(--accent);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-fab:active {
|
|
||||||
transform: scale(0.93);
|
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -9,8 +9,6 @@
|
|||||||
action: () => void;
|
action: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const modKey = navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl';
|
|
||||||
|
|
||||||
let query = $state('');
|
let query = $state('');
|
||||||
let selectedIndex = $state(0);
|
let selectedIndex = $state(0);
|
||||||
let inputEl = $state<HTMLInputElement>(null!);
|
let inputEl = $state<HTMLInputElement>(null!);
|
||||||
@@ -19,7 +17,7 @@
|
|||||||
{
|
{
|
||||||
id: 'search',
|
id: 'search',
|
||||||
label: 'Search Notes',
|
label: 'Search Notes',
|
||||||
shortcut: `${modKey}+F`,
|
shortcut: 'Ctrl+F',
|
||||||
action: () => {
|
action: () => {
|
||||||
$showCommandPalette = false;
|
$showCommandPalette = false;
|
||||||
$showSearch = true;
|
$showSearch = true;
|
||||||
|
|||||||
@@ -1,7 +1,8 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { onDestroy } from 'svelte';
|
import { onDestroy } from 'svelte';
|
||||||
import { getGraphData } from '$lib/api';
|
import { getAllNoteTitles, readNote } from '$lib/api';
|
||||||
import { activeNotePath } from '$lib/stores/app';
|
import { appConfig, activeNotePath } from '$lib/stores/app';
|
||||||
|
import type { NoteTitleEntry } from '$lib/types';
|
||||||
|
|
||||||
let { onclose, onnavigate }: {
|
let { onclose, onnavigate }: {
|
||||||
onclose: () => void;
|
onclose: () => void;
|
||||||
@@ -11,9 +12,6 @@
|
|||||||
let canvas = $state<HTMLCanvasElement>(null!);
|
let canvas = $state<HTMLCanvasElement>(null!);
|
||||||
let loading = $state(true);
|
let loading = $state(true);
|
||||||
|
|
||||||
// Start fetching data immediately — don't wait for canvas mount
|
|
||||||
const dataPromise = getGraphData();
|
|
||||||
|
|
||||||
interface GraphNode {
|
interface GraphNode {
|
||||||
id: string;
|
id: string;
|
||||||
title: string;
|
title: string;
|
||||||
@@ -33,6 +31,7 @@
|
|||||||
let edges: GraphEdge[] = [];
|
let edges: GraphEdge[] = [];
|
||||||
let nodeIndexMap: Map<string, number> = new Map();
|
let nodeIndexMap: Map<string, number> = new Map();
|
||||||
let connectedSet: Set<number> = new Set();
|
let connectedSet: Set<number> = new Set();
|
||||||
|
let animFrame = 0;
|
||||||
let pan = { x: 0, y: 0 };
|
let pan = { x: 0, y: 0 };
|
||||||
let zoom = 1;
|
let zoom = 1;
|
||||||
let dragging: GraphNode | null = null;
|
let dragging: GraphNode | null = null;
|
||||||
@@ -42,54 +41,70 @@
|
|||||||
let panStart = { x: 0, y: 0 };
|
let panStart = { x: 0, y: 0 };
|
||||||
let hoveredNode: GraphNode | null = null;
|
let hoveredNode: GraphNode | null = null;
|
||||||
let glowPhase = 0;
|
let glowPhase = 0;
|
||||||
let glowFrame = 0;
|
|
||||||
|
|
||||||
// Cache computed styles — read once, not every frame
|
const wikiLinkRegex = /\[\[([^\]]+)\]\]/g;
|
||||||
let cachedStyles: { border: string; text: string; textSec: string; accent: string } | null = null;
|
|
||||||
|
|
||||||
function getStyles() {
|
|
||||||
if (cachedStyles) return cachedStyles;
|
|
||||||
const style = getComputedStyle(document.documentElement);
|
|
||||||
cachedStyles = {
|
|
||||||
border: style.getPropertyValue('--border-color').trim() || '#444',
|
|
||||||
text: style.getPropertyValue('--text-primary').trim() || '#eee',
|
|
||||||
textSec: style.getPropertyValue('--text-tertiary').trim() || '#888',
|
|
||||||
accent: style.getPropertyValue('--accent').trim() || '#7b9bd4',
|
|
||||||
};
|
|
||||||
return cachedStyles;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function buildGraph() {
|
async function buildGraph() {
|
||||||
loading = true;
|
loading = true;
|
||||||
try {
|
try {
|
||||||
// Use the pre-fetched promise (started before canvas mount)
|
const titles = await getAllNoteTitles();
|
||||||
const data = await dataPromise;
|
const titleMap = new Map<string, NoteTitleEntry>();
|
||||||
|
for (const t of titles) {
|
||||||
|
titleMap.set(t.title.toLowerCase(), t);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create nodes
|
||||||
const w = canvas?.width ?? 800;
|
const w = canvas?.width ?? 800;
|
||||||
const h = canvas?.height ?? 600;
|
const h = canvas?.height ?? 600;
|
||||||
|
nodes = titles.map((t) => ({
|
||||||
// Build node index map
|
id: t.title.toLowerCase(),
|
||||||
nodeIndexMap = new Map();
|
title: t.title,
|
||||||
nodes = data.nodes.map((n, i) => {
|
path: t.path,
|
||||||
nodeIndexMap.set(n.title.toLowerCase(), i);
|
|
||||||
return {
|
|
||||||
id: n.title.toLowerCase(),
|
|
||||||
title: n.title,
|
|
||||||
path: n.path,
|
|
||||||
x: w / 2 + (Math.random() - 0.5) * Math.min(w, h) * 0.6,
|
x: w / 2 + (Math.random() - 0.5) * Math.min(w, h) * 0.6,
|
||||||
y: h / 2 + (Math.random() - 0.5) * Math.min(w, h) * 0.6,
|
y: h / 2 + (Math.random() - 0.5) * Math.min(w, h) * 0.6,
|
||||||
vx: 0,
|
vx: 0,
|
||||||
vy: 0,
|
vy: 0,
|
||||||
};
|
}));
|
||||||
});
|
|
||||||
|
|
||||||
// Map edges and track connected nodes
|
// Build index map for O(1) lookups
|
||||||
connectedSet = new Set();
|
nodeIndexMap = new Map();
|
||||||
edges = data.edges.map(e => {
|
for (let i = 0; i < nodes.length; i++) {
|
||||||
connectedSet.add(e.source);
|
nodeIndexMap.set(nodes[i].id, i);
|
||||||
connectedSet.add(e.target);
|
}
|
||||||
return { sourceIdx: e.source, targetIdx: e.target };
|
|
||||||
});
|
// Read all notes in parallel (batched) to extract [[wiki-links]]
|
||||||
|
const edgeSet = new Set<string>();
|
||||||
|
edges = [];
|
||||||
|
const BATCH_SIZE = 20;
|
||||||
|
for (let b = 0; b < nodes.length; b += BATCH_SIZE) {
|
||||||
|
const batch = nodes.slice(b, b + BATCH_SIZE);
|
||||||
|
const results = await Promise.allSettled(
|
||||||
|
batch.map(async (node) => {
|
||||||
|
const content = await readNote(node.path);
|
||||||
|
return { node, body: content.content || '' };
|
||||||
|
})
|
||||||
|
);
|
||||||
|
for (const result of results) {
|
||||||
|
if (result.status !== 'fulfilled') continue;
|
||||||
|
const { node, body } = result.value;
|
||||||
|
const nodeIdx = nodeIndexMap.get(node.id)!;
|
||||||
|
let match;
|
||||||
|
wikiLinkRegex.lastIndex = 0;
|
||||||
|
while ((match = wikiLinkRegex.exec(body)) !== null) {
|
||||||
|
const linkTitle = match[1].trim().toLowerCase();
|
||||||
|
const targetIdx = nodeIndexMap.get(linkTitle);
|
||||||
|
if (linkTitle !== node.id && targetIdx !== undefined) {
|
||||||
|
const edgeKey = nodeIdx < targetIdx ? `${nodeIdx}|${targetIdx}` : `${targetIdx}|${nodeIdx}`;
|
||||||
|
if (!edgeSet.has(edgeKey)) {
|
||||||
|
edgeSet.add(edgeKey);
|
||||||
|
edges.push({ sourceIdx: nodeIdx, targetIdx });
|
||||||
|
connectedSet.add(nodeIdx);
|
||||||
|
connectedSet.add(targetIdx);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('Failed to build graph:', e);
|
console.error('Failed to build graph:', e);
|
||||||
}
|
}
|
||||||
@@ -101,18 +116,18 @@
|
|||||||
if (!canvas || nodes.length === 0) return;
|
if (!canvas || nodes.length === 0) return;
|
||||||
const activePath = $activeNotePath || '';
|
const activePath = $activeNotePath || '';
|
||||||
const activeNode = nodes.find(n => n.path === activePath);
|
const activeNode = nodes.find(n => n.path === activePath);
|
||||||
if (!activeNode) return;
|
|
||||||
|
|
||||||
|
// Only center on active note if it has connections
|
||||||
|
if (!activeNode) return;
|
||||||
const activeIdx = nodeIndexMap.get(activeNode.id);
|
const activeIdx = nodeIndexMap.get(activeNode.id);
|
||||||
|
if (activeIdx === undefined || !connectedSet.has(activeIdx)) return;
|
||||||
|
|
||||||
// Gather the active node and its direct neighbors
|
// Gather the active node and its direct neighbors
|
||||||
const neighborhood: GraphNode[] = [activeNode];
|
const neighborhood: GraphNode[] = [activeNode];
|
||||||
if (activeIdx !== undefined) {
|
|
||||||
for (const edge of edges) {
|
for (const edge of edges) {
|
||||||
if (edge.sourceIdx === activeIdx) neighborhood.push(nodes[edge.targetIdx]);
|
if (edge.sourceIdx === activeIdx) neighborhood.push(nodes[edge.targetIdx]);
|
||||||
else if (edge.targetIdx === activeIdx) neighborhood.push(nodes[edge.sourceIdx]);
|
else if (edge.targetIdx === activeIdx) neighborhood.push(nodes[edge.sourceIdx]);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const w = canvas.width;
|
const w = canvas.width;
|
||||||
const h = canvas.height;
|
const h = canvas.height;
|
||||||
@@ -173,13 +188,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function startSimulation() {
|
function startSimulation() {
|
||||||
// Run a small batch synchronously for an instant first render
|
if (animFrame) cancelAnimationFrame(animFrame);
|
||||||
for (let i = 0; i < 30; i++) simulate();
|
|
||||||
|
|
||||||
// Center/fit immediately so the user sees something right away
|
// Run physics synchronously — no need to animate the settling
|
||||||
|
for (let i = 0; i < 300; i++) {
|
||||||
|
simulate();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Center on active note if it has links, otherwise fit all
|
||||||
const activePath = $activeNotePath || '';
|
const activePath = $activeNotePath || '';
|
||||||
const activeNode = nodes.find(n => n.path === activePath);
|
const activeNode = nodes.find(n => n.path === activePath);
|
||||||
if (activeNode) {
|
const activeIdx = activeNode ? nodeIndexMap.get(activeNode.id) : undefined;
|
||||||
|
if (activeIdx !== undefined && connectedSet.has(activeIdx)) {
|
||||||
centerOnActiveNote();
|
centerOnActiveNote();
|
||||||
} else {
|
} else {
|
||||||
fitToView();
|
fitToView();
|
||||||
@@ -187,21 +207,9 @@
|
|||||||
|
|
||||||
draw();
|
draw();
|
||||||
startGlowLoop();
|
startGlowLoop();
|
||||||
|
}
|
||||||
|
|
||||||
// Continue settling asynchronously in small batches
|
let glowFrame = 0;
|
||||||
const totalRemaining = Math.min(270, Math.max(70, nodes.length * 2));
|
|
||||||
let done = 0;
|
|
||||||
function settle() {
|
|
||||||
if (done >= totalRemaining) return;
|
|
||||||
const batch = Math.min(20, totalRemaining - done);
|
|
||||||
for (let i = 0; i < batch; i++) simulate();
|
|
||||||
done += batch;
|
|
||||||
// Re-center while settling
|
|
||||||
if (activeNode) centerOnActiveNote(); else fitToView();
|
|
||||||
requestAnimationFrame(settle);
|
|
||||||
}
|
|
||||||
requestAnimationFrame(settle);
|
|
||||||
}
|
|
||||||
|
|
||||||
function startGlowLoop() {
|
function startGlowLoop() {
|
||||||
if (glowFrame) cancelAnimationFrame(glowFrame);
|
if (glowFrame) cancelAnimationFrame(glowFrame);
|
||||||
@@ -222,19 +230,16 @@
|
|||||||
const centerX = w / 2;
|
const centerX = w / 2;
|
||||||
const centerY = h / 2;
|
const centerY = h / 2;
|
||||||
|
|
||||||
// Repulsion between all nodes (skip pairs that are very far apart)
|
// Repulsion between all nodes
|
||||||
for (let i = 0; i < nodeCount; i++) {
|
for (let i = 0; i < nodeCount; i++) {
|
||||||
const a = nodes[i];
|
const a = nodes[i];
|
||||||
for (let j = i + 1; j < nodeCount; j++) {
|
for (let j = i + 1; j < nodeCount; j++) {
|
||||||
const b = nodes[j];
|
const b = nodes[j];
|
||||||
const dx = b.x - a.x;
|
const dx = b.x - a.x;
|
||||||
const dy = b.y - a.y;
|
const dy = b.y - a.y;
|
||||||
const distSq = dx * dx + dy * dy;
|
const distSq = dx * dx + dy * dy || 1;
|
||||||
// Skip very distant pairs — negligible force
|
const force = 800 / distSq;
|
||||||
if (distSq > 250000) continue;
|
const dist = Math.sqrt(distSq);
|
||||||
const d = distSq || 1;
|
|
||||||
const force = 800 / d;
|
|
||||||
const dist = Math.sqrt(d);
|
|
||||||
const fx = (dx / dist) * force;
|
const fx = (dx / dist) * force;
|
||||||
const fy = (dy / dist) * force;
|
const fy = (dy / dist) * force;
|
||||||
a.vx -= fx;
|
a.vx -= fx;
|
||||||
@@ -244,7 +249,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Attraction along edges
|
// Attraction along edges (indexed lookups)
|
||||||
for (const edge of edges) {
|
for (const edge of edges) {
|
||||||
const a = nodes[edge.sourceIdx];
|
const a = nodes[edge.sourceIdx];
|
||||||
const b = nodes[edge.targetIdx];
|
const b = nodes[edge.targetIdx];
|
||||||
@@ -288,20 +293,24 @@
|
|||||||
ctx.translate(pan.x, pan.y);
|
ctx.translate(pan.x, pan.y);
|
||||||
ctx.scale(zoom, zoom);
|
ctx.scale(zoom, zoom);
|
||||||
|
|
||||||
const { border: borderColor, text: textColor, textSec: textSecondary, accent } = getStyles();
|
const style = getComputedStyle(document.documentElement);
|
||||||
|
const borderColor = style.getPropertyValue('--border-color').trim() || '#444';
|
||||||
|
const textColor = style.getPropertyValue('--text-primary').trim() || '#eee';
|
||||||
|
const textSecondary = style.getPropertyValue('--text-tertiary').trim() || '#888';
|
||||||
|
const accent = style.getPropertyValue('--accent').trim() || '#7b9bd4';
|
||||||
|
|
||||||
// Draw edges
|
// Draw edges
|
||||||
ctx.strokeStyle = borderColor;
|
ctx.strokeStyle = borderColor;
|
||||||
ctx.lineWidth = 1;
|
ctx.lineWidth = 1;
|
||||||
ctx.globalAlpha = 0.4;
|
ctx.globalAlpha = 0.4;
|
||||||
ctx.beginPath();
|
|
||||||
for (const edge of edges) {
|
for (const edge of edges) {
|
||||||
const a = nodes[edge.sourceIdx];
|
const a = nodes[edge.sourceIdx];
|
||||||
const b = nodes[edge.targetIdx];
|
const b = nodes[edge.targetIdx];
|
||||||
|
ctx.beginPath();
|
||||||
ctx.moveTo(a.x, a.y);
|
ctx.moveTo(a.x, a.y);
|
||||||
ctx.lineTo(b.x, b.y);
|
ctx.lineTo(b.x, b.y);
|
||||||
}
|
|
||||||
ctx.stroke();
|
ctx.stroke();
|
||||||
|
}
|
||||||
ctx.globalAlpha = 1;
|
ctx.globalAlpha = 1;
|
||||||
|
|
||||||
// Determine active note
|
// Determine active note
|
||||||
@@ -355,7 +364,7 @@
|
|||||||
ctx.globalAlpha = 1;
|
ctx.globalAlpha = 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Label — only for connected/active/hovered nodes
|
// Label
|
||||||
if (isActive || isHovered || hasLinks) {
|
if (isActive || isHovered || hasLinks) {
|
||||||
ctx.font = `${isActive ? 'bold 13' : isHovered ? '12' : '10'}px -apple-system, BlinkMacSystemFont, sans-serif`;
|
ctx.font = `${isActive ? 'bold 13' : isHovered ? '12' : '10'}px -apple-system, BlinkMacSystemFont, sans-serif`;
|
||||||
ctx.fillStyle = isActive || isHovered ? textColor : textSecondary;
|
ctx.fillStyle = isActive || isHovered ? textColor : textSecondary;
|
||||||
@@ -451,84 +460,6 @@
|
|||||||
if (e.key === 'Escape') onclose();
|
if (e.key === 'Escape') onclose();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Touch support for mobile
|
|
||||||
let lastTouchDist = 0;
|
|
||||||
|
|
||||||
function handleTouchStart(e: TouchEvent) {
|
|
||||||
if (e.touches.length === 1) {
|
|
||||||
const t = e.touches[0];
|
|
||||||
mouseDownPos = { x: t.clientX, y: t.clientY };
|
|
||||||
dragMoved = false;
|
|
||||||
const node = getNodeAt(t.clientX, t.clientY);
|
|
||||||
if (node) {
|
|
||||||
dragging = node;
|
|
||||||
} else {
|
|
||||||
panning = true;
|
|
||||||
panStart = { x: t.clientX - pan.x, y: t.clientY - pan.y };
|
|
||||||
}
|
|
||||||
} else if (e.touches.length === 2) {
|
|
||||||
dragging = null;
|
|
||||||
panning = false;
|
|
||||||
const dx = e.touches[0].clientX - e.touches[1].clientX;
|
|
||||||
const dy = e.touches[0].clientY - e.touches[1].clientY;
|
|
||||||
lastTouchDist = Math.sqrt(dx * dx + dy * dy);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleTouchMove(e: TouchEvent) {
|
|
||||||
e.preventDefault();
|
|
||||||
if (e.touches.length === 1) {
|
|
||||||
const t = e.touches[0];
|
|
||||||
const dx = t.clientX - mouseDownPos.x;
|
|
||||||
const dy = t.clientY - mouseDownPos.y;
|
|
||||||
if (Math.abs(dx) > 3 || Math.abs(dy) > 3) dragMoved = true;
|
|
||||||
|
|
||||||
if (dragging && dragMoved) {
|
|
||||||
const rect = canvas.getBoundingClientRect();
|
|
||||||
dragging.x = (t.clientX - rect.left - pan.x) / zoom;
|
|
||||||
dragging.y = (t.clientY - rect.top - pan.y) / zoom;
|
|
||||||
dragging.vx = 0;
|
|
||||||
dragging.vy = 0;
|
|
||||||
draw();
|
|
||||||
} else if (panning) {
|
|
||||||
pan.x = t.clientX - panStart.x;
|
|
||||||
pan.y = t.clientY - panStart.y;
|
|
||||||
draw();
|
|
||||||
}
|
|
||||||
} else if (e.touches.length === 2) {
|
|
||||||
const dx = e.touches[0].clientX - e.touches[1].clientX;
|
|
||||||
const dy = e.touches[0].clientY - e.touches[1].clientY;
|
|
||||||
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
||||||
if (lastTouchDist > 0) {
|
|
||||||
const midX = (e.touches[0].clientX + e.touches[1].clientX) / 2;
|
|
||||||
const midY = (e.touches[0].clientY + e.touches[1].clientY) / 2;
|
|
||||||
const rect = canvas.getBoundingClientRect();
|
|
||||||
const mx = midX - rect.left;
|
|
||||||
const my = midY - rect.top;
|
|
||||||
const oldZoom = zoom;
|
|
||||||
zoom = Math.max(0.2, Math.min(5, zoom * (dist / lastTouchDist)));
|
|
||||||
pan.x = mx - (mx - pan.x) * (zoom / oldZoom);
|
|
||||||
pan.y = my - (my - pan.y) * (zoom / oldZoom);
|
|
||||||
draw();
|
|
||||||
}
|
|
||||||
lastTouchDist = dist;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleTouchEnd(e: TouchEvent) {
|
|
||||||
if (e.touches.length === 0) {
|
|
||||||
if (dragging && !dragMoved) {
|
|
||||||
const node = dragging;
|
|
||||||
dragging = null;
|
|
||||||
onnavigate(node.path, node.title);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
dragging = null;
|
|
||||||
panning = false;
|
|
||||||
lastTouchDist = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
if (canvas) {
|
if (canvas) {
|
||||||
const rect = canvas.parentElement?.getBoundingClientRect();
|
const rect = canvas.parentElement?.getBoundingClientRect();
|
||||||
@@ -541,6 +472,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
onDestroy(() => {
|
onDestroy(() => {
|
||||||
|
if (animFrame) cancelAnimationFrame(animFrame);
|
||||||
if (glowFrame) cancelAnimationFrame(glowFrame);
|
if (glowFrame) cancelAnimationFrame(glowFrame);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@@ -579,9 +511,6 @@
|
|||||||
onmousemove={handleMouseMove}
|
onmousemove={handleMouseMove}
|
||||||
onmouseup={handleMouseUp}
|
onmouseup={handleMouseUp}
|
||||||
onwheel={handleWheel}
|
onwheel={handleWheel}
|
||||||
ontouchstart={handleTouchStart}
|
|
||||||
ontouchmove={handleTouchMove}
|
|
||||||
ontouchend={handleTouchEnd}
|
|
||||||
></canvas>
|
></canvas>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -621,20 +550,6 @@
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.graph-panel {
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
max-width: none;
|
|
||||||
max-height: none;
|
|
||||||
border-radius: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.graph-header {
|
|
||||||
padding-top: calc(env(safe-area-inset-top, 36px) + 14px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.graph-header h3 {
|
.graph-header h3 {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -674,7 +589,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
touch-action: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.graph-canvas:active {
|
.graph-canvas:active {
|
||||||
@@ -685,19 +599,21 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
gap: 12px;
|
||||||
font-size: 13px;
|
|
||||||
color: var(--text-tertiary);
|
color: var(--text-tertiary);
|
||||||
|
font-size: 13px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
animation: spin 1s linear infinite;
|
animation: spin 0.8s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
|
from { transform: rotate(0deg); }
|
||||||
to { transform: rotate(360deg); }
|
to { transform: rotate(360deg); }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -2,17 +2,10 @@
|
|||||||
import { showInfo, appConfig } from '$lib/stores/app';
|
import { showInfo, appConfig } from '$lib/stores/app';
|
||||||
import { getVaultStats } from '$lib/api';
|
import { getVaultStats } from '$lib/api';
|
||||||
import { openUrl } from '@tauri-apps/plugin-opener';
|
import { openUrl } from '@tauri-apps/plugin-opener';
|
||||||
import { getVersion } from '@tauri-apps/api/app';
|
|
||||||
import type { VaultStats } from '$lib/types';
|
import type { VaultStats } from '$lib/types';
|
||||||
|
|
||||||
const modKey = navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl';
|
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
let stats = $state<VaultStats | null>(null);
|
let stats = $state<VaultStats | null>(null);
|
||||||
let activeTab = $state<'about' | 'shortcuts'>(isMobile ? 'about' : 'shortcuts');
|
let activeTab = $state<'about' | 'shortcuts'>('shortcuts');
|
||||||
let appVersion = $state('...');
|
|
||||||
|
|
||||||
getVersion().then(v => appVersion = v).catch(() => appVersion = '0.0.0');
|
|
||||||
|
|
||||||
function close() {
|
function close() {
|
||||||
$showInfo = false;
|
$showInfo = false;
|
||||||
@@ -55,12 +48,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info-body">
|
<div class="info-body">
|
||||||
{#if !isMobile}
|
|
||||||
<div class="info-tabs">
|
<div class="info-tabs">
|
||||||
<button class="info-tab" class:active={activeTab === 'shortcuts'} onclick={() => activeTab = 'shortcuts'}>Shortcuts</button>
|
<button class="info-tab" class:active={activeTab === 'shortcuts'} onclick={() => activeTab = 'shortcuts'}>Shortcuts</button>
|
||||||
<button class="info-tab" class:active={activeTab === 'about'} onclick={() => activeTab = 'about'}>About</button>
|
<button class="info-tab" class:active={activeTab === 'about'} onclick={() => activeTab = 'about'}>About</button>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if activeTab === 'about'}
|
{#if activeTab === 'about'}
|
||||||
<div class="info-logo">
|
<div class="info-logo">
|
||||||
@@ -75,8 +66,8 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="app-name">HelixNotes</h3>
|
<h3 class="app-name">HelixNotes</h3>
|
||||||
<p class="app-version">v{appVersion}</p>
|
<p class="app-version">v1.0.0</p>
|
||||||
<p class="app-description">A local markdown note-taking app.</p>
|
<p class="app-description">A local-first markdown note-taking app.</p>
|
||||||
|
|
||||||
{#if stats}
|
{#if stats}
|
||||||
<div class="info-stats">
|
<div class="info-stats">
|
||||||
@@ -117,20 +108,15 @@
|
|||||||
{:else}
|
{:else}
|
||||||
<div class="shortcuts-section">
|
<div class="shortcuts-section">
|
||||||
<h4 class="shortcuts-group-title">Keyboard Shortcuts</h4>
|
<h4 class="shortcuts-group-title">Keyboard Shortcuts</h4>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">New note</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>N</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">New note</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>N</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Quick open</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>P</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Quick open</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>P</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Find in note</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>F</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Search</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>F</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Search vault</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>Shift</kbd>+<kbd>F</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Save</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>S</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Save</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>S</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Bold</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>B</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Bold</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>B</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Italic</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>I</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Italic</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>I</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Underline</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>U</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Underline</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>U</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Undo</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>Z</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Undo</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>Z</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Redo</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Z</kbd></span></div>
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Redo</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>Shift</kbd>+<kbd>Z</kbd></span></div>
|
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Go back</span><span class="shortcut-keys"><kbd>Alt</kbd>+<kbd>←</kbd></span></div>
|
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Go forward</span><span class="shortcut-keys"><kbd>Alt</kbd>+<kbd>→</kbd></span></div>
|
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Toggle source mode</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>Shift</kbd>+<kbd>M</kbd></span></div>
|
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Open note in new window</span><span class="shortcut-keys"><kbd>{modKey}</kbd>+<kbd>Shift</kbd>+<kbd>W</kbd></span></div>
|
|
||||||
<div class="shortcut-row"><span class="shortcut-desc">Exit focus mode</span><span class="shortcut-keys"><kbd>Esc</kbd></span></div>
|
<div class="shortcut-row"><span class="shortcut-desc">Exit focus mode</span><span class="shortcut-keys"><kbd>Esc</kbd></span></div>
|
||||||
|
|
||||||
<h4 class="shortcuts-group-title">Editor Commands</h4>
|
<h4 class="shortcuts-group-title">Editor Commands</h4>
|
||||||
@@ -169,8 +155,7 @@
|
|||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
box-shadow: var(--shadow-lg);
|
box-shadow: var(--shadow-lg);
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 80vh;
|
max-height: 80vh;
|
||||||
max-height: 600px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -207,7 +192,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.info-body {
|
.info-body {
|
||||||
padding: 0 24px 16px;
|
padding: 0 24px 32px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -250,7 +235,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.info-logo {
|
.info-logo {
|
||||||
margin-top: 12px;
|
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -401,19 +385,4 @@
|
|||||||
color: var(--text-tertiary);
|
color: var(--text-tertiary);
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.info-panel {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
border-radius: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-header {
|
|
||||||
padding-top: calc(env(safe-area-inset-top, 12px) + 12px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,326 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import { onMount, onDestroy } from 'svelte';
|
|
||||||
import { listen } from '@tauri-apps/api/event';
|
|
||||||
import { getCurrentWindow } from '@tauri-apps/api/window';
|
|
||||||
import Editor from './Editor.svelte';
|
|
||||||
import {
|
|
||||||
activeNote,
|
|
||||||
activeNotePath,
|
|
||||||
editorDirty,
|
|
||||||
readOnly,
|
|
||||||
sourceMode,
|
|
||||||
theme
|
|
||||||
} from '$lib/stores/app';
|
|
||||||
import { readNote } from '$lib/api';
|
|
||||||
import type { FileEvent } from '$lib/types';
|
|
||||||
|
|
||||||
let { notePath }: { notePath: string } = $props();
|
|
||||||
|
|
||||||
const appWindow = getCurrentWindow();
|
|
||||||
const isMac = navigator.platform.startsWith('Mac');
|
|
||||||
let editor = $state<Editor>(null!);
|
|
||||||
let unlistenFileChange: (() => void) | null = null;
|
|
||||||
let maximized = $state(false);
|
|
||||||
let loadError = $state<string | null>(null);
|
|
||||||
|
|
||||||
async function checkMaximized() {
|
|
||||||
maximized = await appWindow.isMaximized();
|
|
||||||
}
|
|
||||||
|
|
||||||
$effect(() => {
|
|
||||||
checkMaximized();
|
|
||||||
const unlisten = appWindow.onResized(() => checkMaximized());
|
|
||||||
return () => { unlisten.then(fn => fn()); };
|
|
||||||
});
|
|
||||||
|
|
||||||
$effect(() => {
|
|
||||||
const themeValue = $theme || 'system';
|
|
||||||
const root = document.documentElement;
|
|
||||||
root.classList.remove('dark');
|
|
||||||
if (themeValue === 'dark' || (themeValue === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
||||||
root.classList.add('dark');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
let lastMouseDown = 0;
|
|
||||||
const RESIZE_EDGE = 6;
|
|
||||||
|
|
||||||
function handleMouseDown(e: MouseEvent) {
|
|
||||||
if (e.button !== 0) return;
|
|
||||||
const target = e.target as HTMLElement;
|
|
||||||
if (target.closest('.titlebar-controls') || target.closest('.titlebar-actions')) return;
|
|
||||||
|
|
||||||
if (!maximized) {
|
|
||||||
const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
|
|
||||||
if (e.clientY - rect.top < RESIZE_EDGE || e.clientX - rect.left < RESIZE_EDGE) return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const now = Date.now();
|
|
||||||
if (now - lastMouseDown < 300) {
|
|
||||||
appWindow.toggleMaximize();
|
|
||||||
lastMouseDown = 0;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
lastMouseDown = now;
|
|
||||||
appWindow.startDragging();
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleKeydown(e: KeyboardEvent) {
|
|
||||||
const mod = e.ctrlKey || e.metaKey;
|
|
||||||
if (mod && e.key === 's') {
|
|
||||||
e.preventDefault();
|
|
||||||
editor?.forceSave();
|
|
||||||
}
|
|
||||||
if (mod && e.shiftKey && e.key === 'M') {
|
|
||||||
e.preventDefault();
|
|
||||||
$sourceMode = !$sourceMode;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMount(async () => {
|
|
||||||
try {
|
|
||||||
const content = await readNote(notePath);
|
|
||||||
$activeNote = content;
|
|
||||||
$activeNotePath = notePath;
|
|
||||||
$editorDirty = false;
|
|
||||||
setTimeout(() => {
|
|
||||||
editor?.loadNote(notePath, content.content);
|
|
||||||
appWindow.setTitle(`${content.meta.title} - HelixNotes`);
|
|
||||||
}, 50);
|
|
||||||
} catch (e) {
|
|
||||||
loadError = String(e);
|
|
||||||
}
|
|
||||||
|
|
||||||
unlistenFileChange = await listen<FileEvent>('file-changed', async (event) => {
|
|
||||||
if (event.payload.path === notePath && event.payload.event_type === 'modify') {
|
|
||||||
if (!$editorDirty) {
|
|
||||||
try {
|
|
||||||
const content = await readNote(notePath);
|
|
||||||
$activeNote = content;
|
|
||||||
editor?.loadNote(notePath, content.content);
|
|
||||||
} catch (_) {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
onDestroy(() => {
|
|
||||||
unlistenFileChange?.();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<svelte:window onkeydown={handleKeydown} />
|
|
||||||
|
|
||||||
<div class="note-window">
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
||||||
<div class="nw-titlebar" class:macos={isMac} onmousedown={handleMouseDown}>
|
|
||||||
<div class="nw-titlebar-brand">
|
|
||||||
<svg width="14" height="14" viewBox="0 0 48 48" fill="none">
|
|
||||||
<rect width="48" height="48" rx="12" fill="var(--accent)" />
|
|
||||||
<circle cx="16" cy="16" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="32" cy="16" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="16" cy="32" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<circle cx="32" cy="32" r="3.5" fill="white" opacity="0.9" />
|
|
||||||
<line x1="19" y1="18" x2="29" y2="30" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.7" />
|
|
||||||
<line x1="29" y1="18" x2="19" y2="30" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.7" />
|
|
||||||
</svg>
|
|
||||||
<span class="nw-title">{$activeNote?.meta.title || 'Loading...'}</span>
|
|
||||||
{#if $editorDirty}
|
|
||||||
<span class="nw-dirty-dot" title="Unsaved changes"></span>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
<div class="titlebar-actions">
|
|
||||||
<button class="nw-btn" class:active={$sourceMode} onclick={() => ($sourceMode = !$sourceMode)} title="Toggle Source Mode">
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="nw-btn" class:active={$readOnly} onclick={() => ($readOnly = !$readOnly)} title={$readOnly ? 'Switch to Edit Mode' : 'Switch to View Mode'}>
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
{#if $readOnly}
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
|
|
||||||
<circle cx="12" cy="12" r="3" />
|
|
||||||
{:else}
|
|
||||||
<path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94" />
|
|
||||||
<path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19" />
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23" />
|
|
||||||
{/if}
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{#if !isMac}
|
|
||||||
<div class="titlebar-controls">
|
|
||||||
<button class="titlebar-btn" onclick={() => appWindow.minimize()} title="Minimize">
|
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
|
||||||
<line x1="1" y1="5" x2="9" y2="5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="titlebar-btn" onclick={() => appWindow.toggleMaximize()} title={maximized ? 'Restore' : 'Maximize'}>
|
|
||||||
{#if maximized}
|
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
|
||||||
<rect x="2.5" y="0.5" width="7" height="7" rx="1" fill="none" stroke="currentColor" stroke-width="1.2" />
|
|
||||||
<rect x="0.5" y="2.5" width="7" height="7" rx="1" fill="var(--bg-secondary)" stroke="currentColor" stroke-width="1.2" />
|
|
||||||
</svg>
|
|
||||||
{:else}
|
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
|
||||||
<rect x="1" y="1" width="8" height="8" rx="1" fill="none" stroke="currentColor" stroke-width="1.2" />
|
|
||||||
</svg>
|
|
||||||
{/if}
|
|
||||||
</button>
|
|
||||||
<button class="titlebar-btn titlebar-close" onclick={() => appWindow.close()} title="Close">
|
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
|
||||||
<line x1="1.5" y1="1.5" x2="8.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
|
|
||||||
<line x1="8.5" y1="1.5" x2="1.5" y2="8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{#if loadError}
|
|
||||||
<div class="nw-error">
|
|
||||||
<p>Failed to load note</p>
|
|
||||||
<p class="nw-error-detail">{loadError}</p>
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<div class="nw-editor">
|
|
||||||
<Editor bind:this={editor} />
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.note-window {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-titlebar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 34px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
border-bottom: 1px solid var(--border-color);
|
|
||||||
user-select: none;
|
|
||||||
flex-shrink: 0;
|
|
||||||
-webkit-app-region: drag;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-titlebar.macos {
|
|
||||||
padding-left: 78px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-titlebar-brand {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
padding-left: 14px;
|
|
||||||
pointer-events: none;
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-title {
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-dirty-dot {
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--accent);
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-actions {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
margin-right: 8px;
|
|
||||||
-webkit-app-region: no-drag;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-btn {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 7px;
|
|
||||||
background: var(--bg-hover);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.15s, color 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-btn:hover {
|
|
||||||
background: var(--bg-tertiary, var(--bg-hover));
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-btn.active {
|
|
||||||
background: color-mix(in srgb, var(--accent) 18%, transparent);
|
|
||||||
color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-controls {
|
|
||||||
display: flex;
|
|
||||||
height: 100%;
|
|
||||||
-webkit-app-region: no-drag;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-btn {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 38px;
|
|
||||||
height: 100%;
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.1s, color 0.1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-btn:hover {
|
|
||||||
background: var(--bg-hover);
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-close:hover {
|
|
||||||
background: #e81123;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-editor {
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-error {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 8px;
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nw-error-detail {
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
max-width: 400px;
|
|
||||||
text-align: center;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -2,35 +2,23 @@
|
|||||||
let { onResize }: { onResize: (delta: number) => void } = $props();
|
let { onResize }: { onResize: (delta: number) => void } = $props();
|
||||||
let active = $state(false);
|
let active = $state(false);
|
||||||
let startX = 0;
|
let startX = 0;
|
||||||
let rafId = 0;
|
|
||||||
let pendingDelta = 0;
|
|
||||||
|
|
||||||
function onMouseDown(e: MouseEvent) {
|
function onMouseDown(e: MouseEvent) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
active = true;
|
active = true;
|
||||||
startX = e.clientX;
|
startX = e.clientX;
|
||||||
document.body.classList.add('resizing');
|
|
||||||
window.addEventListener('mousemove', onMouseMove);
|
window.addEventListener('mousemove', onMouseMove);
|
||||||
window.addEventListener('mouseup', onMouseUp);
|
window.addEventListener('mouseup', onMouseUp);
|
||||||
}
|
}
|
||||||
|
|
||||||
function onMouseMove(e: MouseEvent) {
|
function onMouseMove(e: MouseEvent) {
|
||||||
pendingDelta += e.clientX - startX;
|
const delta = e.clientX - startX;
|
||||||
startX = e.clientX;
|
startX = e.clientX;
|
||||||
if (!rafId) {
|
onResize(delta);
|
||||||
rafId = requestAnimationFrame(() => {
|
|
||||||
onResize(pendingDelta);
|
|
||||||
pendingDelta = 0;
|
|
||||||
rafId = 0;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function onMouseUp() {
|
function onMouseUp() {
|
||||||
active = false;
|
active = false;
|
||||||
document.body.classList.remove('resizing');
|
|
||||||
if (rafId) { cancelAnimationFrame(rafId); rafId = 0; }
|
|
||||||
if (pendingDelta) { onResize(pendingDelta); pendingDelta = 0; }
|
|
||||||
window.removeEventListener('mousemove', onMouseMove);
|
window.removeEventListener('mousemove', onMouseMove);
|
||||||
window.removeEventListener('mouseup', onMouseUp);
|
window.removeEventListener('mouseup', onMouseUp);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { showSearch, activeNote, activeNotePath, editorDirty, appConfig, mobileView } from '$lib/stores/app';
|
import { showSearch, activeNote, activeNotePath, editorDirty, appConfig } from '$lib/stores/app';
|
||||||
import { searchNotes, readNote } from '$lib/api';
|
import { searchNotes, readNote } from '$lib/api';
|
||||||
import { debounce } from '$lib/utils/debounce';
|
import { debounce } from '$lib/utils/debounce';
|
||||||
import type { SearchResult } from '$lib/types';
|
import type { SearchResult } from '$lib/types';
|
||||||
@@ -83,8 +83,6 @@
|
|||||||
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
|
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
|
||||||
}
|
}
|
||||||
|
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
async function openResult(result: SearchResult) {
|
async function openResult(result: SearchResult) {
|
||||||
try {
|
try {
|
||||||
const content = await readNote(result.path);
|
const content = await readNote(result.path);
|
||||||
@@ -92,7 +90,6 @@
|
|||||||
$activeNotePath = result.path;
|
$activeNotePath = result.path;
|
||||||
$editorDirty = false;
|
$editorDirty = false;
|
||||||
$showSearch = false;
|
$showSearch = false;
|
||||||
if (isMobile) $mobileView = 'editor';
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('Failed to open search result:', e);
|
console.error('Failed to open search result:', e);
|
||||||
}
|
}
|
||||||
@@ -121,7 +118,7 @@
|
|||||||
oninput={handleInput}
|
oninput={handleInput}
|
||||||
onkeydown={handleKeydown}
|
onkeydown={handleKeydown}
|
||||||
/>
|
/>
|
||||||
{#if !isMobile}<kbd class="search-esc">Esc</kbd>{/if}
|
<kbd class="search-esc">Esc</kbd>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if results.length > 0}
|
{#if results.length > 0}
|
||||||
|
|||||||
@@ -1,14 +1,12 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { showSettings, theme, appConfig, updateAvailable as globalUpdateAvailable, updateObj as globalUpdateObj, installType, settingsTab, vaultReady, androidApkUrl, checkForUpdateMobile } from '$lib/stores/app';
|
import { showSettings, theme, appConfig } from '$lib/stores/app';
|
||||||
import { setTheme, setAccentColor, setFontSize, setFontFamily, setLineHeight, setGeneralSettings, importObsidian, createBackup, listBackups, restoreBackup, deleteBackup, setBackupSettings, setAiSettings, testAiConnection } from '$lib/api';
|
import { setTheme, setAccentColor, setFontSize, setFontFamily, setGeneralSettings, importObsidian, createBackup, listBackups, restoreBackup, deleteBackup, setBackupSettings, setAiSettings, testAiConnection } from '$lib/api';
|
||||||
import { open as openDialog } from '@tauri-apps/plugin-dialog';
|
import { open as openDialog } from '@tauri-apps/plugin-dialog';
|
||||||
import { listen } from '@tauri-apps/api/event';
|
import { listen } from '@tauri-apps/api/event';
|
||||||
|
import { check as checkUpdate } from '@tauri-apps/plugin-updater';
|
||||||
import { getVersion } from '@tauri-apps/api/app';
|
import { getVersion } from '@tauri-apps/api/app';
|
||||||
import { openUrl } from '@tauri-apps/plugin-opener';
|
|
||||||
import type { ImportResult, BackupEntry } from '$lib/types';
|
import type { ImportResult, BackupEntry } from '$lib/types';
|
||||||
|
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
type Tab = 'general' | 'editor' | 'styling' | 'import' | 'backup' | 'ai' | 'updates';
|
type Tab = 'general' | 'editor' | 'styling' | 'import' | 'backup' | 'ai' | 'updates';
|
||||||
let activeTab = $state<Tab>('styling');
|
let activeTab = $state<Tab>('styling');
|
||||||
|
|
||||||
@@ -26,58 +24,19 @@
|
|||||||
}
|
}
|
||||||
loadAppVersion();
|
loadAppVersion();
|
||||||
|
|
||||||
// Switch to requested tab if set externally (e.g. from update badge)
|
|
||||||
$effect(() => {
|
|
||||||
const tab = $settingsTab;
|
|
||||||
if (tab) {
|
|
||||||
activeTab = tab as Tab;
|
|
||||||
$settingsTab = null;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Pre-populate from global store if update was already detected at startup
|
|
||||||
$effect(() => {
|
|
||||||
const global = $globalUpdateAvailable;
|
|
||||||
if (global && !updateAvailable) {
|
|
||||||
updateAvailable = { version: global.version, body: global.body };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Pre-populate updater object from global store so Download & Install works without manual check
|
|
||||||
$effect(() => {
|
|
||||||
const obj = $globalUpdateObj;
|
|
||||||
if (obj && !updateObj) {
|
|
||||||
updateObj = obj;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function handleCheckUpdate() {
|
async function handleCheckUpdate() {
|
||||||
updateChecking = true;
|
updateChecking = true;
|
||||||
updateMessage = null;
|
updateMessage = null;
|
||||||
updateAvailable = null;
|
updateAvailable = null;
|
||||||
try {
|
try {
|
||||||
if (isMobile) {
|
|
||||||
await checkForUpdateMobile();
|
|
||||||
const global = $globalUpdateAvailable;
|
|
||||||
if (global) {
|
|
||||||
updateAvailable = { version: global.version, body: global.body };
|
|
||||||
updateMessage = { type: 'info', text: `Version ${global.version} is available!` };
|
|
||||||
} else {
|
|
||||||
updateMessage = { type: 'success', text: 'You are on the latest version.' };
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const { check: checkUpdate } = await import('@tauri-apps/plugin-updater');
|
|
||||||
const update = await checkUpdate();
|
const update = await checkUpdate();
|
||||||
if (update) {
|
if (update) {
|
||||||
updateObj = update;
|
updateObj = update;
|
||||||
$globalUpdateObj = update;
|
|
||||||
updateAvailable = { version: update.version, body: update.body, date: update.date };
|
updateAvailable = { version: update.version, body: update.body, date: update.date };
|
||||||
globalUpdateAvailable.set({ version: update.version, body: update.body });
|
|
||||||
updateMessage = { type: 'info', text: `Version ${update.version} is available!` };
|
updateMessage = { type: 'info', text: `Version ${update.version} is available!` };
|
||||||
} else {
|
} else {
|
||||||
updateMessage = { type: 'success', text: 'You are on the latest version.' };
|
updateMessage = { type: 'success', text: 'You are on the latest version.' };
|
||||||
}
|
}
|
||||||
}
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
updateMessage = { type: 'error', text: `Failed to check: ${e}` };
|
updateMessage = { type: 'error', text: `Failed to check: ${e}` };
|
||||||
} finally {
|
} finally {
|
||||||
@@ -218,20 +177,18 @@
|
|||||||
let aiProvider = $state<string | null>($appConfig?.ai_provider ?? null);
|
let aiProvider = $state<string | null>($appConfig?.ai_provider ?? null);
|
||||||
let aiApiKey = $derived.by(() => {
|
let aiApiKey = $derived.by(() => {
|
||||||
if (aiProvider === 'openai') return _openaiKey;
|
if (aiProvider === 'openai') return _openaiKey;
|
||||||
if (aiProvider === 'ollama') return '';
|
|
||||||
return _anthropicKey;
|
return _anthropicKey;
|
||||||
});
|
});
|
||||||
let _anthropicKey = $state($appConfig?.ai_api_key ?? '');
|
let _anthropicKey = $state($appConfig?.ai_api_key ?? '');
|
||||||
let _openaiKey = $state($appConfig?.openai_api_key ?? '');
|
let _openaiKey = $state($appConfig?.openai_api_key ?? '');
|
||||||
let _ollamaBaseUrl = $state($appConfig?.ollama_base_url ?? 'http://localhost:11434');
|
let aiModel = $state($appConfig?.ai_model ?? 'claude-sonnet-4-5-20250929');
|
||||||
let aiModel = $state($appConfig?.ai_model ?? 'claude-sonnet-4-6');
|
|
||||||
let aiWritingStyle = $state($appConfig?.ai_writing_style ?? '');
|
let aiWritingStyle = $state($appConfig?.ai_writing_style ?? '');
|
||||||
let aiShowKey = $state(false);
|
let aiShowKey = $state(false);
|
||||||
let aiTestLoading = $state(false);
|
let aiTestLoading = $state(false);
|
||||||
let aiTestMessage = $state<{ type: 'success' | 'error'; text: string } | null>(null);
|
let aiTestMessage = $state<{ type: 'success' | 'error'; text: string } | null>(null);
|
||||||
|
|
||||||
const anthropicModels = [
|
const anthropicModels = [
|
||||||
{ value: 'claude-sonnet-4-6', label: 'Claude Sonnet 4.6', desc: 'Balanced' },
|
{ value: 'claude-sonnet-4-5-20250929', label: 'Claude Sonnet 4.5', desc: 'Balanced' },
|
||||||
{ value: 'claude-opus-4-6', label: 'Claude Opus 4.6', desc: 'Most capable' },
|
{ value: 'claude-opus-4-6', label: 'Claude Opus 4.6', desc: 'Most capable' },
|
||||||
{ value: 'claude-haiku-4-5-20251001', label: 'Claude Haiku 4.5', desc: 'Fast' },
|
{ value: 'claude-haiku-4-5-20251001', label: 'Claude Haiku 4.5', desc: 'Fast' },
|
||||||
];
|
];
|
||||||
@@ -244,15 +201,13 @@
|
|||||||
let aiModels = $derived(aiProvider === 'openai' ? openaiModels : anthropicModels);
|
let aiModels = $derived(aiProvider === 'openai' ? openaiModels : anthropicModels);
|
||||||
|
|
||||||
async function saveAiSettings() {
|
async function saveAiSettings() {
|
||||||
const baseUrl = aiProvider === 'ollama' ? (_ollamaBaseUrl || null) : null;
|
await setAiSettings(aiProvider, aiApiKey || null, aiModel, aiWritingStyle || null);
|
||||||
await setAiSettings(aiProvider, aiApiKey || null, aiModel, aiWritingStyle || null, baseUrl);
|
|
||||||
if ($appConfig) {
|
if ($appConfig) {
|
||||||
$appConfig = {
|
$appConfig = {
|
||||||
...$appConfig,
|
...$appConfig,
|
||||||
ai_provider: aiProvider,
|
ai_provider: aiProvider,
|
||||||
ai_api_key: _anthropicKey || null,
|
ai_api_key: _anthropicKey || null,
|
||||||
openai_api_key: _openaiKey || null,
|
openai_api_key: _openaiKey || null,
|
||||||
ollama_base_url: _ollamaBaseUrl || null,
|
|
||||||
ai_model: aiModel,
|
ai_model: aiModel,
|
||||||
ai_writing_style: aiWritingStyle || null,
|
ai_writing_style: aiWritingStyle || null,
|
||||||
};
|
};
|
||||||
@@ -311,17 +266,9 @@
|
|||||||
{ name: 'Mono', value: 'mono', stack: '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace' },
|
{ name: 'Mono', value: 'mono', stack: '"JetBrains Mono", "Fira Code", "Cascadia Code", monospace' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const lineHeightPresets = [
|
|
||||||
{ label: 'Tight', value: 1.4 },
|
|
||||||
{ label: 'Default', value: 1.6 },
|
|
||||||
{ label: 'Relaxed', value: 1.8 },
|
|
||||||
{ label: 'Loose', value: 2.0 },
|
|
||||||
];
|
|
||||||
|
|
||||||
let activeAccent = $state($appConfig?.accent_color ?? 'Indigo');
|
let activeAccent = $state($appConfig?.accent_color ?? 'Indigo');
|
||||||
let activeFontSize = $state($appConfig?.font_size ?? 14);
|
let activeFontSize = $state($appConfig?.font_size ?? 14);
|
||||||
let activeFontFamily = $state($appConfig?.font_family ?? 'system');
|
let activeFontFamily = $state($appConfig?.font_family ?? 'system');
|
||||||
let activeLineHeight = $state($appConfig?.line_height ?? 1.6);
|
|
||||||
|
|
||||||
// General settings
|
// General settings
|
||||||
let compactNotes = $state($appConfig?.compact_notes ?? false);
|
let compactNotes = $state($appConfig?.compact_notes ?? false);
|
||||||
@@ -334,7 +281,6 @@
|
|||||||
let pdfHeight = $state($appConfig?.pdf_height ?? 600);
|
let pdfHeight = $state($appConfig?.pdf_height ?? 600);
|
||||||
let titleMode = $state($appConfig?.title_mode ?? 'input');
|
let titleMode = $state($appConfig?.title_mode ?? 'input');
|
||||||
let hideTitleInBody = $state($appConfig?.hide_title_in_body ?? false);
|
let hideTitleInBody = $state($appConfig?.hide_title_in_body ?? false);
|
||||||
let showLineNumbers = $state($appConfig?.show_line_numbers ?? false);
|
|
||||||
let defaultViewMode = $state($appConfig?.default_view_mode ?? false);
|
let defaultViewMode = $state($appConfig?.default_view_mode ?? false);
|
||||||
let showTrayIcon = $state($appConfig?.show_tray_icon ?? false);
|
let showTrayIcon = $state($appConfig?.show_tray_icon ?? false);
|
||||||
let closeToTray = $state($appConfig?.close_to_tray ?? false);
|
let closeToTray = $state($appConfig?.close_to_tray ?? false);
|
||||||
@@ -387,13 +333,12 @@
|
|||||||
$appConfig.pdf_height = pdfHeight;
|
$appConfig.pdf_height = pdfHeight;
|
||||||
$appConfig.title_mode = titleMode;
|
$appConfig.title_mode = titleMode;
|
||||||
$appConfig.hide_title_in_body = hideTitleInBody;
|
$appConfig.hide_title_in_body = hideTitleInBody;
|
||||||
$appConfig.show_line_numbers = showLineNumbers;
|
|
||||||
$appConfig.default_view_mode = defaultViewMode;
|
$appConfig.default_view_mode = defaultViewMode;
|
||||||
$appConfig.show_tray_icon = showTrayIcon;
|
$appConfig.show_tray_icon = showTrayIcon;
|
||||||
$appConfig.close_to_tray = closeToTray;
|
$appConfig.close_to_tray = closeToTray;
|
||||||
$appConfig.enable_wiki_links = enableWikiLinks;
|
$appConfig.enable_wiki_links = enableWikiLinks;
|
||||||
}
|
}
|
||||||
setGeneralSettings(compactNotes, timeFormat, gpuAcceleration, autostart, pdfPreview, pdfHeight, titleMode, hideTitleInBody, showLineNumbers, defaultViewMode, showTrayIcon, closeToTray, enableWikiLinks)
|
setGeneralSettings(compactNotes, timeFormat, gpuAcceleration, autostart, pdfPreview, pdfHeight, titleMode, hideTitleInBody, defaultViewMode, showTrayIcon, closeToTray, enableWikiLinks)
|
||||||
.catch((e) => console.error('Failed to save general settings:', e));
|
.catch((e) => console.error('Failed to save general settings:', e));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -448,17 +393,6 @@
|
|||||||
document.documentElement.style.setProperty('--editor-font-family', stack);
|
document.documentElement.style.setProperty('--editor-font-family', stack);
|
||||||
}
|
}
|
||||||
|
|
||||||
function selectLineHeight(value: number) {
|
|
||||||
activeLineHeight = value;
|
|
||||||
applyLineHeight(value);
|
|
||||||
if ($appConfig) $appConfig.line_height = value;
|
|
||||||
setLineHeight(value).catch((e) => console.error('Failed to save line height:', e));
|
|
||||||
}
|
|
||||||
|
|
||||||
function applyLineHeight(value: number) {
|
|
||||||
document.documentElement.style.setProperty('--editor-line-height', String(value));
|
|
||||||
}
|
|
||||||
|
|
||||||
function close() {
|
function close() {
|
||||||
// Ensure AI settings are saved when closing (in case input wasn't blurred)
|
// Ensure AI settings are saved when closing (in case input wasn't blurred)
|
||||||
// Only save if the key differs from what's already stored
|
// Only save if the key differs from what's already stored
|
||||||
@@ -491,11 +425,6 @@
|
|||||||
applyFontFamily(preset.stack);
|
applyFontFamily(preset.stack);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const savedLineHeight = $appConfig?.line_height;
|
|
||||||
if (savedLineHeight) {
|
|
||||||
activeLineHeight = savedLineHeight;
|
|
||||||
applyLineHeight(savedLineHeight);
|
|
||||||
}
|
|
||||||
// Sync general settings
|
// Sync general settings
|
||||||
if ($appConfig) {
|
if ($appConfig) {
|
||||||
compactNotes = $appConfig.compact_notes ?? false;
|
compactNotes = $appConfig.compact_notes ?? false;
|
||||||
@@ -520,9 +449,9 @@
|
|||||||
|
|
||||||
{#if $showSettings}
|
{#if $showSettings}
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="settings-overlay" class:mobile={isMobile} onclick={close} onkeydown={(e) => { if (e.key === 'Escape') close(); }}>
|
<div class="settings-overlay" onclick={close} onkeydown={(e) => { if (e.key === 'Escape') close(); }}>
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="settings-panel" class:mobile={isMobile} onclick={(e) => e.stopPropagation()}>
|
<div class="settings-panel" onclick={(e) => e.stopPropagation()}>
|
||||||
<div class="settings-header">
|
<div class="settings-header">
|
||||||
<h2>Settings</h2>
|
<h2>Settings</h2>
|
||||||
<button class="close-btn" onclick={close}>
|
<button class="close-btn" onclick={close}>
|
||||||
@@ -553,22 +482,18 @@
|
|||||||
</svg>
|
</svg>
|
||||||
Styling
|
Styling
|
||||||
</button>
|
</button>
|
||||||
{#if !isMobile}
|
|
||||||
<button class="tab-btn" class:active={activeTab === 'import'} onclick={() => activeTab = 'import'}>
|
<button class="tab-btn" class:active={activeTab === 'import'} onclick={() => activeTab = 'import'}>
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path d="M12 3v12"/><path d="m8 11 4 4 4-4"/><path d="M8 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2h-4"/>
|
<path d="M12 3v12"/><path d="m8 11 4 4 4-4"/><path d="M8 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2h-4"/>
|
||||||
</svg>
|
</svg>
|
||||||
Import
|
Import
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
|
||||||
{#if !isMobile}
|
|
||||||
<button class="tab-btn" class:active={activeTab === 'backup'} onclick={() => { activeTab = 'backup'; loadBackups(); }}>
|
<button class="tab-btn" class:active={activeTab === 'backup'} onclick={() => { activeTab = 'backup'; loadBackups(); }}>
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path d="M21 12a9 9 0 00-9-9 9.75 9.75 0 00-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M3 12a9 9 0 009 9 9.75 9.75 0 006.74-2.74L21 16"/><path d="M16 16h5v5"/>
|
<path d="M21 12a9 9 0 00-9-9 9.75 9.75 0 00-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M3 12a9 9 0 009 9 9.75 9.75 0 006.74-2.74L21 16"/><path d="M16 16h5v5"/>
|
||||||
</svg>
|
</svg>
|
||||||
Backup
|
Backup
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
|
||||||
<button class="tab-btn" class:active={activeTab === 'ai'} onclick={() => activeTab = 'ai'}>
|
<button class="tab-btn" class:active={activeTab === 'ai'} onclick={() => activeTab = 'ai'}>
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path d="M12 8V4l-2-2"/><rect x="4" y="8" width="16" height="12" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M9 13v2"/><path d="M15 13v2"/>
|
<path d="M12 8V4l-2-2"/><rect x="4" y="8" width="16" height="12" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M9 13v2"/><path d="M15 13v2"/>
|
||||||
@@ -608,20 +533,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if isMobile}
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3>Vault</h3>
|
|
||||||
<p class="setting-desc" style="margin-bottom: 12px; color: var(--text-tertiary); font-size: 13px;">Current: <strong style="color: var(--text-primary);">{$appConfig?.active_vault?.split('/').pop() ?? 'Unknown'}</strong></p>
|
|
||||||
<button class="import-btn" onclick={() => { $showSettings = false; $vaultReady = false; }}>
|
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/>
|
|
||||||
</svg>
|
|
||||||
Switch Vault
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if !isMobile}
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Performance</h3>
|
<h3>Performance</h3>
|
||||||
<label class="setting-toggle">
|
<label class="setting-toggle">
|
||||||
@@ -667,13 +578,18 @@
|
|||||||
</label>
|
</label>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
{:else if activeTab === 'editor'}
|
{:else if activeTab === 'editor'}
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Title</h3>
|
<h3>Title</h3>
|
||||||
<label class="setting-toggle">
|
<div class="setting-options">
|
||||||
|
<button class="option-btn" class:active={titleMode === 'input'} onclick={() => { titleMode = 'input'; saveGeneralSettings(); }}>Input</button>
|
||||||
|
<button class="option-btn" class:active={titleMode === 'heading'} onclick={() => { titleMode = 'heading'; saveGeneralSettings(); }}>Heading</button>
|
||||||
|
<button class="option-btn" class:active={titleMode === 'hidden'} onclick={() => { titleMode = 'hidden'; saveGeneralSettings(); }}>Hidden</button>
|
||||||
|
</div>
|
||||||
|
<span class="setting-hint">How the note title is displayed in the editor</span>
|
||||||
|
<label class="setting-toggle" style="margin-top: 12px;">
|
||||||
<span class="setting-label">
|
<span class="setting-label">
|
||||||
<span class="setting-name">Hide title in note body</span>
|
<span class="setting-name">Hide title in note body</span>
|
||||||
<span class="setting-desc">Hide the first heading when it matches the note title</span>
|
<span class="setting-desc">Hide the first heading when it matches the note title</span>
|
||||||
@@ -682,17 +598,6 @@
|
|||||||
<span class="toggle-knob"></span>
|
<span class="toggle-knob"></span>
|
||||||
</button>
|
</button>
|
||||||
</label>
|
</label>
|
||||||
{#if !isMobile}
|
|
||||||
<label class="setting-toggle" style="margin-top: 12px;">
|
|
||||||
<span class="setting-label">
|
|
||||||
<span class="setting-name">Show line numbers</span>
|
|
||||||
<span class="setting-desc">Display line numbers in the markdown source editor</span>
|
|
||||||
</span>
|
|
||||||
<button class="toggle-switch" class:on={showLineNumbers} onclick={() => { showLineNumbers = !showLineNumbers; saveGeneralSettings(); }}>
|
|
||||||
<span class="toggle-knob"></span>
|
|
||||||
</button>
|
|
||||||
</label>
|
|
||||||
{/if}
|
|
||||||
<label class="setting-toggle" style="margin-top: 12px;">
|
<label class="setting-toggle" style="margin-top: 12px;">
|
||||||
<span class="setting-label">
|
<span class="setting-label">
|
||||||
<span class="setting-name">Open notes in View Mode</span>
|
<span class="setting-name">Open notes in View Mode</span>
|
||||||
@@ -717,7 +622,6 @@
|
|||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if !isMobile}
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>PDF Preview</h3>
|
<h3>PDF Preview</h3>
|
||||||
<label class="setting-toggle">
|
<label class="setting-toggle">
|
||||||
@@ -749,7 +653,6 @@
|
|||||||
<span class="setting-hint">Default height for PDF previews in notes</span>
|
<span class="setting-hint">Default height for PDF previews in notes</span>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
{:else if activeTab === 'styling'}
|
{:else if activeTab === 'styling'}
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
@@ -813,22 +716,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3>Line Height</h3>
|
|
||||||
<div class="font-size-options">
|
|
||||||
{#each lineHeightPresets as preset}
|
|
||||||
<button
|
|
||||||
class="font-size-btn"
|
|
||||||
class:active={activeLineHeight === preset.value}
|
|
||||||
onclick={() => selectLineHeight(preset.value)}
|
|
||||||
>
|
|
||||||
<span class="font-size-label">{preset.label}</span>
|
|
||||||
<span class="font-size-value">{preset.value}</span>
|
|
||||||
</button>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Font</h3>
|
<h3>Font</h3>
|
||||||
<div class="font-family-options">
|
<div class="font-family-options">
|
||||||
@@ -886,7 +773,6 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<div class="backup-actions">
|
<div class="backup-actions">
|
||||||
{#if !isMobile}
|
|
||||||
<button class="backup-link-btn" onclick={handleSelectBackupFolder}>
|
<button class="backup-link-btn" onclick={handleSelectBackupFolder}>
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/>
|
<path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/>
|
||||||
@@ -896,7 +782,6 @@
|
|||||||
{#if $appConfig?.backup_location}
|
{#if $appConfig?.backup_location}
|
||||||
<p class="backup-path">{$appConfig.backup_location}</p>
|
<p class="backup-path">{$appConfig.backup_location}</p>
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
|
||||||
<button class="backup-link-btn" onclick={handleBackupNow} disabled={backupLoading}>
|
<button class="backup-link-btn" onclick={handleBackupNow} disabled={backupLoading}>
|
||||||
{#if backupLoading}
|
{#if backupLoading}
|
||||||
<svg class="spinner-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
<svg class="spinner-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
||||||
@@ -1024,33 +909,12 @@
|
|||||||
<h3>Provider</h3>
|
<h3>Provider</h3>
|
||||||
<div class="setting-options">
|
<div class="setting-options">
|
||||||
<button class="option-btn" class:active={!aiProvider} onclick={() => { if (!aiProvider) return; aiProvider = null; aiTestMessage = null; saveAiSettings(); }}>Disabled</button>
|
<button class="option-btn" class:active={!aiProvider} onclick={() => { if (!aiProvider) return; aiProvider = null; aiTestMessage = null; saveAiSettings(); }}>Disabled</button>
|
||||||
<button class="option-btn" class:active={aiProvider === 'ollama'} onclick={() => { if (aiProvider === 'ollama') return; aiProvider = 'ollama'; aiModel = 'gemma3:4b'; aiTestMessage = null; saveAiSettings(); }}>Ollama</button>
|
<button class="option-btn" class:active={aiProvider === 'anthropic'} onclick={() => { if (aiProvider === 'anthropic') return; aiProvider = 'anthropic'; aiModel = 'claude-sonnet-4-5-20250929'; aiTestMessage = null; saveAiSettings(); }}>Anthropic</button>
|
||||||
<button class="option-btn" class:active={aiProvider === 'anthropic'} onclick={() => { if (aiProvider === 'anthropic') return; aiProvider = 'anthropic'; aiModel = 'claude-sonnet-4-6'; aiTestMessage = null; saveAiSettings(); }}>Anthropic</button>
|
|
||||||
<button class="option-btn" class:active={aiProvider === 'openai'} onclick={() => { if (aiProvider === 'openai') return; aiProvider = 'openai'; aiModel = 'gpt-5.2'; aiTestMessage = null; saveAiSettings(); }}>OpenAI</button>
|
<button class="option-btn" class:active={aiProvider === 'openai'} onclick={() => { if (aiProvider === 'openai') return; aiProvider = 'openai'; aiModel = 'gpt-5.2'; aiTestMessage = null; saveAiSettings(); }}>OpenAI</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if aiProvider}
|
{#if aiProvider}
|
||||||
{#if aiProvider === 'ollama'}
|
|
||||||
<p class="setting-hint" style="color: var(--text-success, #4ade80); margin-top: -4px; margin-bottom: 12px;">Your data stays on your device. No text is sent to any external server.</p>
|
|
||||||
{:else}
|
|
||||||
<p class="setting-hint" style="color: var(--text-warning, #f59e0b); margin-top: -4px; margin-bottom: 12px;">Your selected text and note content will be sent to {aiProvider === 'openai' ? 'OpenAI' : 'Anthropic'} servers for processing.</p>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if aiProvider === 'ollama'}
|
|
||||||
<div class="settings-section">
|
|
||||||
<h3>Server URL</h3>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="ai-key-input"
|
|
||||||
placeholder="http://localhost:11434"
|
|
||||||
value={_ollamaBaseUrl}
|
|
||||||
oninput={(e) => { _ollamaBaseUrl = (e.target as HTMLInputElement).value; }}
|
|
||||||
onblur={saveAiSettings}
|
|
||||||
/>
|
|
||||||
<p class="setting-hint">Ollama server address. Install from <a href="https://ollama.com" target="_blank" class="ai-link">ollama.com</a></p>
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>API Key</h3>
|
<h3>API Key</h3>
|
||||||
<div class="ai-key-row">
|
<div class="ai-key-row">
|
||||||
@@ -1076,21 +940,9 @@
|
|||||||
<p class="setting-hint">Get your API key from <a href="https://console.anthropic.com/settings/keys" target="_blank" class="ai-link">console.anthropic.com</a></p>
|
<p class="setting-hint">Get your API key from <a href="https://console.anthropic.com/settings/keys" target="_blank" class="ai-link">console.anthropic.com</a></p>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Model</h3>
|
<h3>Model</h3>
|
||||||
{#if aiProvider === 'ollama'}
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="ai-key-input"
|
|
||||||
placeholder="gemma3:4b"
|
|
||||||
value={aiModel}
|
|
||||||
oninput={(e) => { aiModel = (e.target as HTMLInputElement).value; }}
|
|
||||||
onblur={saveAiSettings}
|
|
||||||
/>
|
|
||||||
<p class="setting-hint">Enter the model name as shown by <code>ollama list</code></p>
|
|
||||||
{:else}
|
|
||||||
<div class="ai-model-options">
|
<div class="ai-model-options">
|
||||||
{#each aiModels as m}
|
{#each aiModels as m}
|
||||||
<button
|
<button
|
||||||
@@ -1103,7 +955,6 @@
|
|||||||
</button>
|
</button>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
@@ -1121,7 +972,7 @@
|
|||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Connection</h3>
|
<h3>Connection</h3>
|
||||||
<button class="import-btn" onclick={handleTestAi} disabled={aiTestLoading || (aiProvider !== 'ollama' && !aiApiKey)}>
|
<button class="import-btn" onclick={handleTestAi} disabled={aiTestLoading || !aiApiKey}>
|
||||||
{#if aiTestLoading}
|
{#if aiTestLoading}
|
||||||
<svg class="spinner-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
<svg class="spinner-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
||||||
Testing...
|
Testing...
|
||||||
@@ -1144,11 +995,7 @@
|
|||||||
|
|
||||||
<div class="settings-section">
|
<div class="settings-section">
|
||||||
<h3>Usage</h3>
|
<h3>Usage</h3>
|
||||||
{#if isMobile}
|
|
||||||
<p class="import-desc">Use the AI button in the toolbar or header to access AI writing tools: improve, fix grammar, rewrite, summarize, translate, and more.</p>
|
|
||||||
{:else}
|
|
||||||
<p class="import-desc">Select text in the editor and right-click to access AI writing tools: improve, fix grammar, rewrite, summarize, translate, and more.</p>
|
<p class="import-desc">Select text in the editor and right-click to access AI writing tools: improve, fix grammar, rewrite, summarize, translate, and more.</p>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
@@ -1187,7 +1034,6 @@
|
|||||||
<div class="update-notes">{updateAvailable.body}</div>
|
<div class="update-notes">{updateAvailable.body}</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{#if $installType === 'appimage' || $installType === 'windows' || $installType === 'macos'}
|
|
||||||
<button class="update-install-btn" onclick={handleDownloadAndInstall} disabled={updateDownloading}>
|
<button class="update-install-btn" onclick={handleDownloadAndInstall} disabled={updateDownloading}>
|
||||||
{#if updateDownloading}
|
{#if updateDownloading}
|
||||||
<svg class="spinner-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
<svg class="spinner-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" opacity="0.25" /><path d="M12 2a10 10 0 019.95 9" /></svg>
|
||||||
@@ -1204,31 +1050,6 @@
|
|||||||
<div class="update-progress-fill" style="width: {updateProgress}%"></div>
|
<div class="update-progress-fill" style="width: {updateProgress}%"></div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{:else if $installType === 'deb'}
|
|
||||||
<div class="update-apt-info">
|
|
||||||
<p>Update via your package manager:</p>
|
|
||||||
<code>sudo apt update && sudo apt upgrade helix-notes</code>
|
|
||||||
</div>
|
|
||||||
{:else if $installType === 'aur'}
|
|
||||||
<div class="update-apt-info">
|
|
||||||
<p>Update via your AUR helper:</p>
|
|
||||||
<code>yay -Syu helixnotes</code>
|
|
||||||
</div>
|
|
||||||
{:else if $installType === 'android'}
|
|
||||||
<button class="update-install-btn" onclick={() => { openUrl('https://helixnotes.com/#download').catch(() => {}); }}>
|
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>
|
|
||||||
</svg>
|
|
||||||
Download from Website
|
|
||||||
</button>
|
|
||||||
{:else}
|
|
||||||
<a class="update-install-btn" href="https://codeberg.org/ArkHost/HelixNotes/releases" target="_blank" rel="noopener">
|
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>
|
|
||||||
</svg>
|
|
||||||
Download from Codeberg
|
|
||||||
</a>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
@@ -1269,8 +1090,7 @@
|
|||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
box-shadow: var(--shadow-lg);
|
box-shadow: var(--shadow-lg);
|
||||||
width: 620px;
|
width: 620px;
|
||||||
height: 80vh;
|
max-height: 80vh;
|
||||||
max-height: 700px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -2098,23 +1918,6 @@
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.update-apt-info {
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
.update-apt-info p {
|
|
||||||
margin: 0 0 6px 0;
|
|
||||||
font-size: 13px;
|
|
||||||
color: var(--text-secondary);
|
|
||||||
}
|
|
||||||
.update-apt-info code {
|
|
||||||
display: block;
|
|
||||||
padding: 8px 12px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 12px;
|
|
||||||
user-select: all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.update-progress-bar {
|
.update-progress-bar {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
@@ -2135,111 +1938,4 @@
|
|||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ═══ Mobile ═══ */
|
|
||||||
|
|
||||||
.settings-overlay.mobile {
|
|
||||||
align-items: stretch;
|
|
||||||
justify-content: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
border-radius: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .settings-content {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .settings-tabs {
|
|
||||||
flex-direction: row;
|
|
||||||
min-width: 0;
|
|
||||||
border-right: none;
|
|
||||||
border-bottom: 1px solid var(--border-light);
|
|
||||||
padding: 8px 8px 0;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
scrollbar-width: none;
|
|
||||||
gap: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .settings-tabs::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .tab-btn {
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
padding: 8px 14px 10px;
|
|
||||||
font-size: 11px;
|
|
||||||
border-radius: 8px 8px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .tab-btn.active {
|
|
||||||
border-bottom: 2px solid var(--accent);
|
|
||||||
border-radius: 8px 8px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .settings-header {
|
|
||||||
padding-top: calc(env(safe-area-inset-top, 12px) + 12px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .settings-body {
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .setting-name {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .setting-desc {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .toggle-switch {
|
|
||||||
width: 44px;
|
|
||||||
height: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .toggle-knob {
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .toggle-switch.on .toggle-knob {
|
|
||||||
transform: translateX(18px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .option-btn {
|
|
||||||
padding: 12px 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .theme-btn {
|
|
||||||
padding: 12px 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .accent-grid {
|
|
||||||
grid-template-columns: repeat(4, 1fr);
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .accent-swatch {
|
|
||||||
padding: 14px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .font-size-options {
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-panel.mobile .font-size-btn {
|
|
||||||
padding: 12px 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
quickAccessPaths,
|
quickAccessPaths,
|
||||||
collapsedNotebooks
|
collapsedNotebooks
|
||||||
} from '$lib/stores/app';
|
} from '$lib/stores/app';
|
||||||
import { getNotebooks, getAllTags, createNotebook, deleteNotebook, renameNotebook, moveNotebook, getNotebookIcons, setNotebookIcon, saveAttachment, getQuickAccess, addQuickAccess, removeQuickAccess, emptyTrash, moveNote, readNote, getNotes } from '$lib/api';
|
import { getNotebooks, getAllTags, createNotebook, deleteNotebook, renameNotebook, getNotebookIcons, setNotebookIcon, saveAttachment, getQuickAccess, addQuickAccess, removeQuickAccess, emptyTrash, moveNote, readNote, getNotes } from '$lib/api';
|
||||||
import { open as openDialog } from '@tauri-apps/plugin-dialog';
|
import { open as openDialog } from '@tauri-apps/plugin-dialog';
|
||||||
import { readFile } from '@tauri-apps/plugin-fs';
|
import { readFile } from '@tauri-apps/plugin-fs';
|
||||||
import { convertFileSrc } from '@tauri-apps/api/core';
|
import { convertFileSrc } from '@tauri-apps/api/core';
|
||||||
@@ -27,19 +27,13 @@
|
|||||||
onViewChanged?: () => void;
|
onViewChanged?: () => void;
|
||||||
} = $props();
|
} = $props();
|
||||||
|
|
||||||
const modKey = navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl';
|
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
let editingNotebook = $state<string | null>(null);
|
let editingNotebook = $state<string | null>(null);
|
||||||
let editValue = $state('');
|
let editValue = $state('');
|
||||||
let newNotebookName = $state('');
|
let newNotebookName = $state('');
|
||||||
let showNewNotebook = $state(false);
|
let showNewNotebook = $state(false);
|
||||||
let dropTargetPath = $state<string | null>(null);
|
let dropTargetPath = $state<string | null>(null);
|
||||||
let draggedNotebookPath = $state<string | null>(null);
|
|
||||||
let contextMenu = $state<{ x: number; y: number; notebook: NotebookEntry } | null>(null);
|
let contextMenu = $state<{ x: number; y: number; notebook: NotebookEntry } | null>(null);
|
||||||
let trashContextMenu = $state<{ x: number; y: number } | null>(null);
|
let trashContextMenu = $state<{ x: number; y: number } | null>(null);
|
||||||
let tagsCollapsed = $state(true);
|
|
||||||
let deleteConfirm = $state<NotebookEntry | null>(null);
|
|
||||||
function toggleCollapse(path: string, e: MouseEvent) {
|
function toggleCollapse(path: string, e: MouseEvent) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
if ($collapsedNotebooks.includes(path)) {
|
if ($collapsedNotebooks.includes(path)) {
|
||||||
@@ -51,23 +45,11 @@
|
|||||||
|
|
||||||
export async function refresh() {
|
export async function refresh() {
|
||||||
try {
|
try {
|
||||||
if (isMobile) {
|
|
||||||
// On mobile, parallelize and skip getAllTags (derive from $notes instead)
|
|
||||||
const [nbs, icons, qaNotes] = await Promise.all([
|
|
||||||
getNotebooks(),
|
|
||||||
getNotebookIcons(),
|
|
||||||
getQuickAccess(),
|
|
||||||
]);
|
|
||||||
$notebooks = nbs;
|
|
||||||
$notebookIcons = icons;
|
|
||||||
$quickAccessPaths = qaNotes.map(n => n.relative_path);
|
|
||||||
} else {
|
|
||||||
$notebooks = await getNotebooks();
|
$notebooks = await getNotebooks();
|
||||||
$tags = await getAllTags();
|
$tags = await getAllTags();
|
||||||
$notebookIcons = await getNotebookIcons();
|
$notebookIcons = await getNotebookIcons();
|
||||||
const qaNotes = await getQuickAccess();
|
const qaNotes = await getQuickAccess();
|
||||||
$quickAccessPaths = qaNotes.map(n => n.relative_path);
|
$quickAccessPaths = qaNotes.map(n => n.relative_path);
|
||||||
}
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('Failed to refresh sidebar:', e);
|
console.error('Failed to refresh sidebar:', e);
|
||||||
}
|
}
|
||||||
@@ -81,11 +63,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function selectNotebook(nb: NotebookEntry) {
|
function selectNotebook(nb: NotebookEntry) {
|
||||||
// Deselect if clicking the already-active notebook
|
|
||||||
if ($viewMode === 'notebook' && $activeNotebook?.path === nb.path) {
|
|
||||||
selectAllNotes();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$viewMode = 'notebook';
|
$viewMode = 'notebook';
|
||||||
$activeNotebook = nb;
|
$activeNotebook = nb;
|
||||||
$activeTag = null;
|
$activeTag = null;
|
||||||
@@ -106,13 +83,6 @@
|
|||||||
onViewChanged();
|
onViewChanged();
|
||||||
}
|
}
|
||||||
|
|
||||||
function selectDaily() {
|
|
||||||
$viewMode = 'daily';
|
|
||||||
$activeNotebook = null;
|
|
||||||
$activeTag = null;
|
|
||||||
onViewChanged();
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectTrash() {
|
function selectTrash() {
|
||||||
$viewMode = 'trash';
|
$viewMode = 'trash';
|
||||||
$activeNotebook = null;
|
$activeNotebook = null;
|
||||||
@@ -120,33 +90,18 @@
|
|||||||
onViewChanged();
|
onViewChanged();
|
||||||
}
|
}
|
||||||
|
|
||||||
let newNotebookParent = $state<NotebookEntry | null>(null);
|
|
||||||
|
|
||||||
async function handleCreateNotebook() {
|
async function handleCreateNotebook() {
|
||||||
if (!newNotebookName.trim()) return;
|
if (!newNotebookName.trim()) return;
|
||||||
try {
|
try {
|
||||||
const parentRel = newNotebookParent?.relative_path ?? null;
|
await createNotebook(null, newNotebookName.trim());
|
||||||
await createNotebook(parentRel, newNotebookName.trim());
|
|
||||||
newNotebookName = '';
|
newNotebookName = '';
|
||||||
showNewNotebook = false;
|
showNewNotebook = false;
|
||||||
newNotebookParent = null;
|
|
||||||
await refresh();
|
await refresh();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('Failed to create notebook:', e);
|
console.error('Failed to create notebook:', e);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function startNewSubNotebook(nb: NotebookEntry) {
|
|
||||||
contextMenu = null;
|
|
||||||
newNotebookParent = nb;
|
|
||||||
newNotebookName = '';
|
|
||||||
showNewNotebook = true;
|
|
||||||
// Expand parent so the new child is visible
|
|
||||||
if ($collapsedNotebooks.includes(nb.path)) {
|
|
||||||
$collapsedNotebooks = $collapsedNotebooks.filter(p => p !== nb.path);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleRename(nb: NotebookEntry) {
|
async function handleRename(nb: NotebookEntry) {
|
||||||
if (!editValue.trim() || editValue.trim() === nb.name) {
|
if (!editValue.trim() || editValue.trim() === nb.name) {
|
||||||
editingNotebook = null;
|
editingNotebook = null;
|
||||||
@@ -161,22 +116,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function countNotesRecursive(nb: NotebookEntry): number {
|
async function handleDelete(nb: NotebookEntry) {
|
||||||
return nb.note_count + nb.children.reduce((sum, c) => sum + countNotesRecursive(c), 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleDelete(nb: NotebookEntry) {
|
|
||||||
contextMenu = null;
|
contextMenu = null;
|
||||||
const total = countNotesRecursive(nb);
|
|
||||||
if (total > 0) {
|
|
||||||
deleteConfirm = nb;
|
|
||||||
} else {
|
|
||||||
confirmDelete(nb);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function confirmDelete(nb: NotebookEntry) {
|
|
||||||
deleteConfirm = null;
|
|
||||||
try {
|
try {
|
||||||
await deleteNotebook(nb.path);
|
await deleteNotebook(nb.path);
|
||||||
if ($activeNotebook?.path === nb.path) {
|
if ($activeNotebook?.path === nb.path) {
|
||||||
@@ -209,43 +150,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleNotebookDrop(e: DragEvent, destPath: string) {
|
|
||||||
e.preventDefault();
|
|
||||||
dropTargetPath = null;
|
|
||||||
const srcPath = e.dataTransfer?.getData('text/plain');
|
|
||||||
if (!srcPath) return;
|
|
||||||
draggedNotebookPath = null;
|
|
||||||
// Don't move onto self or descendant
|
|
||||||
if (destPath === srcPath || destPath.startsWith(srcPath + '/')) return;
|
|
||||||
// Don't move if already in that parent
|
|
||||||
const parentDir = srcPath.substring(0, srcPath.lastIndexOf('/'));
|
|
||||||
if (parentDir === destPath) return;
|
|
||||||
try {
|
|
||||||
const oldName = srcPath.split('/').pop() || '';
|
|
||||||
const newBasePath = destPath + '/' + oldName;
|
|
||||||
await moveNotebook(srcPath, destPath);
|
|
||||||
// Update collapsedNotebooks paths
|
|
||||||
$collapsedNotebooks = $collapsedNotebooks.map(p => {
|
|
||||||
if (p === srcPath) return newBasePath;
|
|
||||||
if (p.startsWith(srcPath + '/')) return newBasePath + p.slice(srcPath.length);
|
|
||||||
return p;
|
|
||||||
});
|
|
||||||
// Update active notebook/note if inside the moved notebook
|
|
||||||
if ($activeNotebook?.path === srcPath || $activeNotebook?.path.startsWith(srcPath + '/')) {
|
|
||||||
selectAllNotes();
|
|
||||||
}
|
|
||||||
if ($activeNotePath && $activeNotePath.startsWith(srcPath + '/')) {
|
|
||||||
const newNotePath = newBasePath + $activeNotePath.slice(srcPath.length);
|
|
||||||
$activeNotePath = newNotePath;
|
|
||||||
$activeNote = await readNote(newNotePath);
|
|
||||||
}
|
|
||||||
$notebookIcons = await getNotebookIcons();
|
|
||||||
await refresh();
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Failed to move notebook:', e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function startRename(nb: NotebookEntry) {
|
function startRename(nb: NotebookEntry) {
|
||||||
contextMenu = null;
|
contextMenu = null;
|
||||||
editingNotebook = nb.path;
|
editingNotebook = nb.path;
|
||||||
@@ -290,18 +194,9 @@
|
|||||||
return convertFileSrc(`${vaultRoot}/${iconPath}`);
|
return convertFileSrc(`${vaultRoot}/${iconPath}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function clampMenu(x: number, y: number, menuWidth = 220, menuHeight = 300): { x: number; y: number } {
|
|
||||||
if (x + menuWidth > window.innerWidth) x = window.innerWidth - menuWidth - 8;
|
|
||||||
if (y + menuHeight > window.innerHeight) y = window.innerHeight - menuHeight - 8;
|
|
||||||
if (x < 4) x = 4;
|
|
||||||
if (y < 4) y = 4;
|
|
||||||
return { x, y };
|
|
||||||
}
|
|
||||||
|
|
||||||
function onContextMenu(e: MouseEvent, nb: NotebookEntry) {
|
function onContextMenu(e: MouseEvent, nb: NotebookEntry) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
const { x, y } = clampMenu(e.clientX, e.clientY);
|
contextMenu = { x: e.clientX, y: e.clientY, notebook: nb };
|
||||||
contextMenu = { x, y, notebook: nb };
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function closeContextMenu() {
|
function closeContextMenu() {
|
||||||
@@ -311,8 +206,7 @@
|
|||||||
function onTrashContextMenu(e: MouseEvent) {
|
function onTrashContextMenu(e: MouseEvent) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
const { x, y } = clampMenu(e.clientX, e.clientY, 180, 60);
|
trashContextMenu = { x: e.clientX, y: e.clientY };
|
||||||
trashContextMenu = { x, y };
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleEmptyTrash() {
|
async function handleEmptyTrash() {
|
||||||
@@ -338,8 +232,7 @@
|
|||||||
|
|
||||||
<svelte:window onclick={handleWindowClick} />
|
<svelte:window onclick={handleWindowClick} />
|
||||||
|
|
||||||
<aside class="sidebar" class:collapsed={$sidebarCollapsed} class:mobile={isMobile}>
|
<aside class="sidebar" class:collapsed={$sidebarCollapsed}>
|
||||||
{#if !isMobile}
|
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
<button class="collapse-btn" onclick={() => ($sidebarCollapsed = !$sidebarCollapsed)} title="Toggle sidebar">
|
<button class="collapse-btn" onclick={() => ($sidebarCollapsed = !$sidebarCollapsed)} title="Toggle sidebar">
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
@@ -351,7 +244,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
{#if !$sidebarCollapsed}
|
{#if !$sidebarCollapsed}
|
||||||
<button class="icon-btn" onclick={() => ($showSearch = true)} title={`Search (${modKey}+F)`}>
|
<button class="icon-btn" onclick={() => ($showSearch = true)} title="Search (Ctrl+F)">
|
||||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<circle cx="11" cy="11" r="8" />
|
<circle cx="11" cy="11" r="8" />
|
||||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||||
@@ -359,7 +252,6 @@
|
|||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if !$sidebarCollapsed}
|
{#if !$sidebarCollapsed}
|
||||||
<nav class="sidebar-nav">
|
<nav class="sidebar-nav">
|
||||||
@@ -386,20 +278,6 @@
|
|||||||
<span>Quick Access</span>
|
<span>Quick Access</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
|
||||||
class="nav-item"
|
|
||||||
class:active={$viewMode === 'daily'}
|
|
||||||
onclick={selectDaily}
|
|
||||||
>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
|
|
||||||
<line x1="16" y1="2" x2="16" y2="6" />
|
|
||||||
<line x1="8" y1="2" x2="8" y2="6" />
|
|
||||||
<line x1="3" y1="10" x2="21" y2="10" />
|
|
||||||
</svg>
|
|
||||||
<span>Daily Notes</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
<button
|
||||||
class="nav-item"
|
class="nav-item"
|
||||||
class:active={$viewMode === 'trash'}
|
class:active={$viewMode === 'trash'}
|
||||||
@@ -414,34 +292,9 @@
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<div class="section-header">
|
||||||
<div
|
|
||||||
class="section-header"
|
|
||||||
class:drop-target={dropTargetPath === '__root__'}
|
|
||||||
ondragover={(e) => {
|
|
||||||
if (draggedNotebookPath) {
|
|
||||||
e.preventDefault();
|
|
||||||
e.dataTransfer!.dropEffect = 'move';
|
|
||||||
dropTargetPath = '__root__';
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
ondragleave={() => { if (dropTargetPath === '__root__') dropTargetPath = null; }}
|
|
||||||
ondrop={(e) => {
|
|
||||||
if (draggedNotebookPath) {
|
|
||||||
const vaultRoot = $appConfig?.active_vault;
|
|
||||||
if (vaultRoot) handleNotebookDrop(e, vaultRoot);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<span class="section-title">Notebooks</span>
|
<span class="section-title">Notebooks</span>
|
||||||
<button class="icon-btn-sm" onclick={() => {
|
<button class="icon-btn-sm" onclick={() => (showNewNotebook = !showNewNotebook)} title="New notebook">
|
||||||
if (showNewNotebook) {
|
|
||||||
showNewNotebook = false; newNotebookName = ''; newNotebookParent = null;
|
|
||||||
} else {
|
|
||||||
newNotebookParent = ($viewMode === 'notebook' && $activeNotebook) ? $activeNotebook : null;
|
|
||||||
showNewNotebook = true;
|
|
||||||
}
|
|
||||||
}} title={$viewMode === 'notebook' && $activeNotebook ? `New notebook inside ${$activeNotebook.name}` : 'New notebook'}>
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
<line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
|
<line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
|
||||||
</svg>
|
</svg>
|
||||||
@@ -450,16 +303,13 @@
|
|||||||
|
|
||||||
{#if showNewNotebook}
|
{#if showNewNotebook}
|
||||||
<div class="new-notebook-input">
|
<div class="new-notebook-input">
|
||||||
{#if newNotebookParent}
|
|
||||||
<span class="new-notebook-parent">{newNotebookParent.name}/</span>
|
|
||||||
{/if}
|
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
bind:value={newNotebookName}
|
bind:value={newNotebookName}
|
||||||
placeholder={newNotebookParent ? 'Sub-notebook name...' : 'Notebook name...'}
|
placeholder="Notebook name..."
|
||||||
onkeydown={(e) => {
|
onkeydown={(e) => {
|
||||||
if (e.key === 'Enter') handleCreateNotebook();
|
if (e.key === 'Enter') handleCreateNotebook();
|
||||||
if (e.key === 'Escape') { showNewNotebook = false; newNotebookName = ''; newNotebookParent = null; }
|
if (e.key === 'Escape') { showNewNotebook = false; newNotebookName = ''; }
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -470,38 +320,13 @@
|
|||||||
{@render notebookItem(nb, 0)}
|
{@render notebookItem(nb, 0)}
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
{#if isMobile && $tags.length > 0}
|
|
||||||
<div class="tags-section-inline">
|
|
||||||
<button class="section-header" onclick={() => tagsCollapsed = !tagsCollapsed}>
|
|
||||||
<span class="section-title">Tags</span>
|
|
||||||
<span class="tag-count" style="margin-left: auto">{$tags.length}</span>
|
|
||||||
</button>
|
|
||||||
{#if !tagsCollapsed}
|
|
||||||
<div class="tag-list">
|
|
||||||
{#each $tags as [tag, count]}
|
|
||||||
<button
|
|
||||||
class="tag-item"
|
|
||||||
class:active={$viewMode === 'tag' && $activeTag === tag}
|
|
||||||
onclick={() => selectTag(tag)}
|
|
||||||
>
|
|
||||||
<span class="tag-hash">#</span>
|
|
||||||
<span class="tag-name">{tag}</span>
|
|
||||||
<span class="tag-count">{count}</span>
|
|
||||||
</button>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if !isMobile && $tags.length > 0}
|
{#if $tags.length > 0}
|
||||||
<div class="tags-section">
|
<div class="section">
|
||||||
<button class="section-header" onclick={() => tagsCollapsed = !tagsCollapsed}>
|
<div class="section-header">
|
||||||
<span class="section-title">Tags</span>
|
<span class="section-title">Tags</span>
|
||||||
<span class="tag-count" style="margin-left: auto">{$tags.length}</span>
|
</div>
|
||||||
</button>
|
|
||||||
{#if !tagsCollapsed}
|
|
||||||
<div class="tag-list">
|
<div class="tag-list">
|
||||||
{#each $tags as [tag, count]}
|
{#each $tags as [tag, count]}
|
||||||
<button
|
<button
|
||||||
@@ -515,7 +340,6 @@
|
|||||||
</button>
|
</button>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
@@ -543,10 +367,6 @@
|
|||||||
{#if contextMenu}
|
{#if contextMenu}
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="context-menu" style="left: {contextMenu.x}px; top: {contextMenu.y}px" onmousedown={(e) => e.stopPropagation()}>
|
<div class="context-menu" style="left: {contextMenu.x}px; top: {contextMenu.y}px" onmousedown={(e) => e.stopPropagation()}>
|
||||||
<button onclick={() => startNewSubNotebook(contextMenu!.notebook)}>
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" /><line x1="12" y1="11" x2="12" y2="17" /><line x1="9" y1="14" x2="15" y2="14" /></svg>
|
|
||||||
New Sub-notebook
|
|
||||||
</button>
|
|
||||||
<button onclick={() => startRename(contextMenu!.notebook)}>
|
<button onclick={() => startRename(contextMenu!.notebook)}>
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" /><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" /></svg>
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" /><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" /></svg>
|
||||||
Rename
|
Rename
|
||||||
@@ -580,21 +400,6 @@
|
|||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{#if deleteConfirm}
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
||||||
<div class="delete-confirm-overlay" onclick={() => deleteConfirm = null}>
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
||||||
<div class="delete-confirm" onclick={(e) => e.stopPropagation()}>
|
|
||||||
<h4>Delete "{deleteConfirm.name}"?</h4>
|
|
||||||
<p>This notebook contains {countNotesRecursive(deleteConfirm)} note{countNotesRecursive(deleteConfirm) === 1 ? '' : 's'} that will be permanently deleted.</p>
|
|
||||||
<div class="delete-confirm-actions">
|
|
||||||
<button class="delete-confirm-cancel" onclick={() => deleteConfirm = null}>Cancel</button>
|
|
||||||
<button class="delete-confirm-btn" onclick={() => confirmDelete(deleteConfirm!)}>Delete</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#snippet notebookItem(nb: NotebookEntry, depth: number)}
|
{#snippet notebookItem(nb: NotebookEntry, depth: number)}
|
||||||
{@const hasChildren = nb.children.length > 0}
|
{@const hasChildren = nb.children.length > 0}
|
||||||
{@const isCollapsed = $collapsedNotebooks.includes(nb.path)}
|
{@const isCollapsed = $collapsedNotebooks.includes(nb.path)}
|
||||||
@@ -618,34 +423,11 @@
|
|||||||
class:active={$viewMode === 'notebook' && $activeNotebook?.path === nb.path}
|
class:active={$viewMode === 'notebook' && $activeNotebook?.path === nb.path}
|
||||||
class:drop-target={dropTargetPath === nb.path}
|
class:drop-target={dropTargetPath === nb.path}
|
||||||
style="padding-left: {8 + depth * 16}px"
|
style="padding-left: {8 + depth * 16}px"
|
||||||
draggable="true"
|
|
||||||
onclick={() => selectNotebook(nb)}
|
onclick={() => selectNotebook(nb)}
|
||||||
oncontextmenu={(e) => onContextMenu(e, nb)}
|
oncontextmenu={(e) => onContextMenu(e, nb)}
|
||||||
ondragstart={(e) => { draggedNotebookPath = nb.path; e.dataTransfer!.setData('text/plain', nb.path); e.dataTransfer!.effectAllowed = 'move'; }}
|
ondragover={(e) => { e.preventDefault(); e.dataTransfer!.dropEffect = 'move'; dropTargetPath = nb.path; }}
|
||||||
ondragend={() => { draggedNotebookPath = null; }}
|
|
||||||
ondragover={(e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
if (draggedNotebookPath) {
|
|
||||||
// Prevent drop on self or descendant
|
|
||||||
if (nb.path === draggedNotebookPath || nb.path.startsWith(draggedNotebookPath + '/')) {
|
|
||||||
e.dataTransfer!.dropEffect = 'none';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Prevent no-op (already in this parent)
|
|
||||||
const parentDir = draggedNotebookPath.substring(0, draggedNotebookPath.lastIndexOf('/'));
|
|
||||||
if (parentDir === nb.path) { e.dataTransfer!.dropEffect = 'none'; return; }
|
|
||||||
}
|
|
||||||
e.dataTransfer!.dropEffect = 'move';
|
|
||||||
dropTargetPath = nb.path;
|
|
||||||
}}
|
|
||||||
ondragleave={() => { if (dropTargetPath === nb.path) dropTargetPath = null; }}
|
ondragleave={() => { if (dropTargetPath === nb.path) dropTargetPath = null; }}
|
||||||
ondrop={(e) => {
|
ondrop={(e) => handleNoteDrop(e, nb)}
|
||||||
if (draggedNotebookPath) {
|
|
||||||
handleNotebookDrop(e, nb.path);
|
|
||||||
} else {
|
|
||||||
handleNoteDrop(e, nb);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
{#if hasChildren}
|
{#if hasChildren}
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
@@ -737,26 +519,11 @@
|
|||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tags-section {
|
|
||||||
flex-shrink: 0;
|
|
||||||
border-top: 1px solid var(--border-light);
|
|
||||||
padding: 4px 0;
|
|
||||||
max-height: 30%;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header {
|
.section-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 8px 12px 4px;
|
padding: 8px 12px 4px;
|
||||||
width: 100%;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
color: inherit;
|
|
||||||
font: inherit;
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
@@ -802,35 +569,9 @@
|
|||||||
|
|
||||||
.new-notebook-input {
|
.new-notebook-input {
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0;
|
|
||||||
border: 1px solid var(--accent);
|
|
||||||
border-radius: 4px;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-notebook-parent {
|
.new-notebook-input input, .rename-input {
|
||||||
padding: 4px 0 4px 8px;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
font-size: inherit;
|
|
||||||
white-space: nowrap;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-notebook-input input {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
padding: 4px 8px;
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: inherit;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rename-input {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
border: 1px solid var(--accent);
|
border: 1px solid var(--accent);
|
||||||
@@ -869,8 +610,7 @@
|
|||||||
color: var(--text-accent);
|
color: var(--text-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.notebook-item.drop-target,
|
.notebook-item.drop-target {
|
||||||
.section-header.drop-target {
|
|
||||||
background: color-mix(in srgb, var(--accent) 20%, transparent);
|
background: color-mix(in srgb, var(--accent) 20%, transparent);
|
||||||
outline: 2px dashed var(--accent);
|
outline: 2px dashed var(--accent);
|
||||||
outline-offset: -2px;
|
outline-offset: -2px;
|
||||||
@@ -1019,205 +759,4 @@
|
|||||||
.context-menu button.danger:hover {
|
.context-menu button.danger:hover {
|
||||||
background: color-mix(in srgb, var(--danger) 10%, transparent);
|
background: color-mix(in srgb, var(--danger) 10%, transparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete-confirm-overlay {
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
background: rgba(0, 0, 0, 0.4);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm {
|
|
||||||
background: var(--bg-primary);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px 24px;
|
|
||||||
max-width: 340px;
|
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm h4 {
|
|
||||||
margin: 0 0 8px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm p {
|
|
||||||
margin: 0 0 16px;
|
|
||||||
font-size: 12.5px;
|
|
||||||
color: var(--text-secondary);
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm-actions {
|
|
||||||
display: flex;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm-cancel {
|
|
||||||
padding: 6px 14px;
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 6px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: 12px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm-cancel:hover {
|
|
||||||
background: var(--bg-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm-btn {
|
|
||||||
padding: 6px 14px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: var(--danger, #e53e3e);
|
|
||||||
color: white;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete-confirm-btn:hover {
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ═══ MOBILE (class-based for Android high-DPI) ═══ */
|
|
||||||
.sidebar.mobile {
|
|
||||||
width: 100% !important;
|
|
||||||
min-width: 100%;
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile.collapsed {
|
|
||||||
width: 100% !important;
|
|
||||||
min-width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .sidebar-header {
|
|
||||||
padding: 10px 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .collapse-btn {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .nav-item {
|
|
||||||
padding: 12px 14px;
|
|
||||||
font-size: 15px;
|
|
||||||
min-height: 48px;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .nav-item svg {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .section {
|
|
||||||
padding-bottom: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .tags-section-inline {
|
|
||||||
border-top: 1px solid var(--border-light);
|
|
||||||
padding: 4px 0;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .section-header {
|
|
||||||
padding: 12px 16px 6px;
|
|
||||||
min-height: 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .section-title {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .icon-btn,
|
|
||||||
.sidebar.mobile .icon-btn-sm {
|
|
||||||
min-width: 44px;
|
|
||||||
min-height: 44px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .notebook-item {
|
|
||||||
padding: 12px 12px;
|
|
||||||
min-height: 48px;
|
|
||||||
gap: 10px;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .notebook-icon {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .new-notebook-input {
|
|
||||||
padding: 4px 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .new-notebook-parent {
|
|
||||||
padding: 10px 0 10px 12px;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .new-notebook-input input {
|
|
||||||
padding: 10px 12px;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .rename-input {
|
|
||||||
padding: 10px 12px;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .tag-item {
|
|
||||||
padding: 10px 16px;
|
|
||||||
min-height: 44px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .sidebar-footer {
|
|
||||||
padding: 8px 12px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .context-menu {
|
|
||||||
min-width: 200px;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .context-menu button {
|
|
||||||
padding: 12px 16px;
|
|
||||||
font-size: 15px;
|
|
||||||
min-height: 44px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .delete-confirm {
|
|
||||||
max-width: calc(100vw - 40px);
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .delete-confirm h4 {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .delete-confirm p {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar.mobile .delete-confirm-cancel,
|
|
||||||
.sidebar.mobile .delete-confirm-btn {
|
|
||||||
padding: 10px 20px;
|
|
||||||
font-size: 14px;
|
|
||||||
min-height: 44px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,15 +1,12 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { getCurrentWindow } from '@tauri-apps/api/window';
|
import { getCurrentWindow } from '@tauri-apps/api/window';
|
||||||
import { vaultReady, focusMode, readOnly, updateAvailable, showSettings, settingsTab } from '$lib/stores/app';
|
import { vaultReady, focusMode } from '$lib/stores/app';
|
||||||
|
|
||||||
let { onNewNote = () => {}, onDailyNote = () => {} }: {
|
let { onNewNote = () => {} }: {
|
||||||
onNewNote?: () => void;
|
onNewNote?: () => void;
|
||||||
onDailyNote?: () => void;
|
|
||||||
} = $props();
|
} = $props();
|
||||||
|
|
||||||
const appWindow = getCurrentWindow();
|
const appWindow = getCurrentWindow();
|
||||||
const isMac = navigator.platform.startsWith('Mac');
|
|
||||||
const modKey = isMac ? '⌘' : 'Ctrl';
|
|
||||||
let maximized = $state(false);
|
let maximized = $state(false);
|
||||||
|
|
||||||
async function checkMaximized() {
|
async function checkMaximized() {
|
||||||
@@ -62,7 +59,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="titlebar" class:macos={isMac} onmousedown={handleMouseDown}>
|
<div class="titlebar" onmousedown={handleMouseDown}>
|
||||||
<div class="titlebar-brand">
|
<div class="titlebar-brand">
|
||||||
<svg width="18" height="18" viewBox="0 0 48 48" fill="none">
|
<svg width="18" height="18" viewBox="0 0 48 48" fill="none">
|
||||||
<rect width="48" height="48" rx="12" fill="var(--accent)" />
|
<rect width="48" height="48" rx="12" fill="var(--accent)" />
|
||||||
@@ -74,12 +71,6 @@
|
|||||||
<line x1="29" y1="18" x2="19" y2="30" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.7" />
|
<line x1="29" y1="18" x2="19" y2="30" stroke="white" stroke-width="2" stroke-linecap="round" opacity="0.7" />
|
||||||
</svg>
|
</svg>
|
||||||
<span class="titlebar-title">HelixNotes</span>
|
<span class="titlebar-title">HelixNotes</span>
|
||||||
{#if $updateAvailable}
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
||||||
<button class="update-badge" onmousedown={(e) => e.stopPropagation()} onclick={() => { $settingsTab = 'updates'; $showSettings = true; }}>
|
|
||||||
v{$updateAvailable.version} available
|
|
||||||
</button>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="titlebar-actions">
|
<div class="titlebar-actions">
|
||||||
<button class="switch-vault-btn" onclick={() => ($vaultReady = false)} title="Switch Vault">
|
<button class="switch-vault-btn" onclick={() => ($vaultReady = false)} title="Switch Vault">
|
||||||
@@ -92,34 +83,13 @@
|
|||||||
<path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"/>
|
<path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="switch-vault-btn" class:active={$readOnly} onclick={() => ($readOnly = !$readOnly)} title={$readOnly ? 'Switch to Edit Mode' : 'Switch to View Mode'}>
|
<button class="new-note-btn" onclick={onNewNote} title="New Note (Ctrl+N)">
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
{#if $readOnly}
|
|
||||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
|
|
||||||
<circle cx="12" cy="12" r="3" />
|
|
||||||
{:else}
|
|
||||||
<path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94" />
|
|
||||||
<path d="M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19" />
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23" />
|
|
||||||
{/if}
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="switch-vault-btn" onclick={onDailyNote} title="Daily Note">
|
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
|
|
||||||
<line x1="16" y1="2" x2="16" y2="6" />
|
|
||||||
<line x1="8" y1="2" x2="8" y2="6" />
|
|
||||||
<line x1="3" y1="10" x2="21" y2="10" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button class="new-note-btn" onclick={onNewNote} title={`New Note (${modKey}+N)`}>
|
|
||||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
||||||
<path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
|
<path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
|
||||||
</svg>
|
</svg>
|
||||||
New Note
|
New Note
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{#if !isMac}
|
|
||||||
<div class="titlebar-controls">
|
<div class="titlebar-controls">
|
||||||
<button class="titlebar-btn" onclick={minimize} title="Minimize">
|
<button class="titlebar-btn" onclick={minimize} title="Minimize">
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||||
@@ -145,7 +115,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@@ -175,25 +144,6 @@
|
|||||||
color: var(--text-tertiary);
|
color: var(--text-tertiary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.update-badge {
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--accent);
|
|
||||||
background: color-mix(in srgb, var(--accent) 12%, transparent);
|
|
||||||
border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 1px 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
pointer-events: auto;
|
|
||||||
-webkit-app-region: no-drag;
|
|
||||||
transition: background 0.15s, border-color 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.update-badge:hover {
|
|
||||||
background: color-mix(in srgb, var(--accent) 20%, transparent);
|
|
||||||
border-color: color-mix(in srgb, var(--accent) 40%, transparent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar-actions {
|
.titlebar-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -221,11 +171,6 @@
|
|||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch-vault-btn.active {
|
|
||||||
background: color-mix(in srgb, var(--accent) 18%, transparent);
|
|
||||||
color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-note-btn {
|
.new-note-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -233,7 +178,7 @@
|
|||||||
padding: 4px 12px 4px 10px;
|
padding: 4px 12px 4px 10px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
background: color-mix(in srgb, var(--accent) 85%, black);
|
background: var(--accent);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 11.5px;
|
font-size: 11.5px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -282,9 +227,4 @@
|
|||||||
background: #e81123;
|
background: #e81123;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* macOS: add left padding for native traffic light buttons */
|
|
||||||
.titlebar.macos .titlebar-brand {
|
|
||||||
padding-left: 78px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -6,79 +6,22 @@
|
|||||||
import type { VaultConfig } from '$lib/types';
|
import type { VaultConfig } from '$lib/types';
|
||||||
|
|
||||||
const appWindow = getCurrentWindow();
|
const appWindow = getCurrentWindow();
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
let recentVaults: VaultConfig[] = $derived($appConfig?.vaults ?? []);
|
let recentVaults: VaultConfig[] = $derived($appConfig?.vaults ?? []);
|
||||||
let loading = $state(false);
|
let loading = $state(false);
|
||||||
let error = $state('');
|
let error = $state('');
|
||||||
let vaultName = $state('HelixNotes');
|
|
||||||
let hasPermission = $state(!isMobile);
|
|
||||||
let selectedLocation = $state('Documents');
|
|
||||||
let customPath = $state('');
|
|
||||||
|
|
||||||
const storageLocations = [
|
|
||||||
{ label: 'Documents', path: '/storage/emulated/0/Documents' },
|
|
||||||
{ label: 'Downloads', path: '/storage/emulated/0/Download' },
|
|
||||||
{ label: 'Internal Storage', path: '/storage/emulated/0' },
|
|
||||||
];
|
|
||||||
|
|
||||||
if (isMobile) {
|
|
||||||
checkPermission();
|
|
||||||
setTimeout(checkPermission, 500);
|
|
||||||
(window as any).__storagePermissionGranted = () => { hasPermission = true; };
|
|
||||||
document.addEventListener('visibilitychange', () => {
|
|
||||||
if (document.visibilityState === 'visible') setTimeout(checkPermission, 300);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkPermission() {
|
|
||||||
try {
|
|
||||||
const bridge = (window as any).Android;
|
|
||||||
if (bridge?.hasStoragePermission) {
|
|
||||||
hasPermission = bridge.hasStoragePermission() === true;
|
|
||||||
}
|
|
||||||
} catch { /* bridge not ready */ }
|
|
||||||
}
|
|
||||||
|
|
||||||
function requestPermission() {
|
|
||||||
try {
|
|
||||||
const bridge = (window as any).Android;
|
|
||||||
bridge?.requestStoragePermission?.();
|
|
||||||
} catch {
|
|
||||||
error = 'Go to Settings > Apps > HelixNotes > Permissions and enable "All files access".';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getMobileBasePath(): string {
|
|
||||||
if (selectedLocation === 'Custom') {
|
|
||||||
return customPath.trim() || '/storage/emulated/0/Documents';
|
|
||||||
}
|
|
||||||
return storageLocations.find(l => l.label === selectedLocation)?.path || '/storage/emulated/0/Documents';
|
|
||||||
}
|
|
||||||
|
|
||||||
let fullPath = $derived(isMobile ? `${getMobileBasePath()}/${vaultName.trim() || 'HelixNotes'}` : '');
|
|
||||||
|
|
||||||
async function pickFolder() {
|
async function pickFolder() {
|
||||||
if (isMobile) {
|
|
||||||
await openSelectedVault(fullPath);
|
|
||||||
} else {
|
|
||||||
const selected = await open({ directory: true, multiple: false, title: 'Choose Notes Folder' });
|
const selected = await open({ directory: true, multiple: false, title: 'Choose Notes Folder' });
|
||||||
if (selected) {
|
if (selected) {
|
||||||
await openSelectedVault(selected as string);
|
await openSelectedVault(selected as string);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
async function openSelectedVault(path: string) {
|
async function openSelectedVault(path: string) {
|
||||||
loading = true;
|
loading = true;
|
||||||
error = '';
|
error = '';
|
||||||
try {
|
try {
|
||||||
if (isMobile) {
|
|
||||||
try {
|
|
||||||
const bridge = (window as any).Android;
|
|
||||||
bridge?.prepareVaultDir?.(path);
|
|
||||||
} catch { /* Rust will retry mkdir itself */ }
|
|
||||||
}
|
|
||||||
await openVault(path);
|
await openVault(path);
|
||||||
const config = await getAppConfig();
|
const config = await getAppConfig();
|
||||||
$appConfig = config;
|
$appConfig = config;
|
||||||
@@ -92,8 +35,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="vault-picker" class:mobile={isMobile} onmousedown={(e) => { if (!isMobile && !(e.target as HTMLElement).closest('button, .picker-card')) appWindow.startDragging(); }}>
|
<div class="vault-picker" onmousedown={(e) => { if (!(e.target as HTMLElement).closest('button, .picker-card')) appWindow.startDragging(); }}>
|
||||||
{#if !isMobile}
|
|
||||||
<div class="window-controls">
|
<div class="window-controls">
|
||||||
<button class="window-close" onclick={() => appWindow.close()} title="Close">
|
<button class="window-close" onclick={() => appWindow.close()} title="Close">
|
||||||
<svg width="10" height="10" viewBox="0 0 10 10">
|
<svg width="10" height="10" viewBox="0 0 10 10">
|
||||||
@@ -102,7 +44,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
<div class="picker-card">
|
<div class="picker-card">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<svg width="72" height="72" viewBox="0 0 48 48" fill="none">
|
<svg width="72" height="72" viewBox="0 0 48 48" fill="none">
|
||||||
@@ -116,46 +57,8 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h1>HelixNotes</h1>
|
<h1>HelixNotes</h1>
|
||||||
<p class="subtitle">Local markdown notes</p>
|
<p class="subtitle">Local-first markdown notes</p>
|
||||||
{#if isMobile}
|
|
||||||
<p class="description">Choose where to store your notes. Sync with Syncthing, Nextcloud, or any file sync app.</p>
|
|
||||||
|
|
||||||
{#if !hasPermission}
|
|
||||||
<button class="btn-permission" onclick={requestPermission}>
|
|
||||||
Grant File Access
|
|
||||||
</button>
|
|
||||||
<p class="permission-hint">Required to access Documents, Downloads, and other shared folders.</p>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<div class="location-selector">
|
|
||||||
<label class="location-label">Location</label>
|
|
||||||
<div class="location-options">
|
|
||||||
{#each storageLocations as loc}
|
|
||||||
<button
|
|
||||||
class="location-option"
|
|
||||||
class:active={selectedLocation === loc.label}
|
|
||||||
onclick={() => selectedLocation = loc.label}
|
|
||||||
>{loc.label}</button>
|
|
||||||
{/each}
|
|
||||||
<button
|
|
||||||
class="location-option"
|
|
||||||
class:active={selectedLocation === 'Custom'}
|
|
||||||
onclick={() => selectedLocation = 'Custom'}
|
|
||||||
>Custom</button>
|
|
||||||
</div>
|
|
||||||
{#if selectedLocation === 'Custom'}
|
|
||||||
<input class="custom-path-input" type="text" bind:value={customPath} placeholder="/storage/emulated/0/..." />
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="vault-name-input">
|
|
||||||
<label for="vault-name">Vault name</label>
|
|
||||||
<div class="vault-name-preview"><input id="vault-name" type="text" bind:value={vaultName} placeholder="HelixNotes" /></div>
|
|
||||||
<span class="vault-path-hint">{fullPath}</span>
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<p class="description">Your notes are stored as standard Markdown (.md) files. Pick any folder — existing .md files will be recognized automatically.</p>
|
<p class="description">Your notes are stored as standard Markdown (.md) files. Pick any folder — existing .md files will be recognized automatically.</p>
|
||||||
{/if}
|
|
||||||
|
|
||||||
{#if error}
|
{#if error}
|
||||||
<div class="error">{error}</div>
|
<div class="error">{error}</div>
|
||||||
@@ -164,8 +67,6 @@
|
|||||||
<button class="btn-primary" onclick={pickFolder} disabled={loading}>
|
<button class="btn-primary" onclick={pickFolder} disabled={loading}>
|
||||||
{#if loading}
|
{#if loading}
|
||||||
Opening...
|
Opening...
|
||||||
{:else if isMobile}
|
|
||||||
Get Started
|
|
||||||
{:else}
|
{:else}
|
||||||
Open Notes Folder
|
Open Notes Folder
|
||||||
{/if}
|
{/if}
|
||||||
@@ -194,13 +95,11 @@
|
|||||||
<style>
|
<style>
|
||||||
.vault-picker {
|
.vault-picker {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
height: 100dvh;
|
|
||||||
background: var(--bg-primary);
|
background: var(--bg-primary);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow-y: auto;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.window-controls {
|
.window-controls {
|
||||||
@@ -234,9 +133,6 @@
|
|||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 48px 32px;
|
padding: 48px 32px;
|
||||||
padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
|
|
||||||
margin: auto;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@@ -364,166 +260,4 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vault-name-input {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vault-name-input label {
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vault-name-preview {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 10px 12px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vault-name-preview input {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: 14px;
|
|
||||||
font-family: inherit;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.location-selector {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.location-label {
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.location-options {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.location-option {
|
|
||||||
padding: 8px 14px;
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 8px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.location-option.active {
|
|
||||||
background: var(--accent);
|
|
||||||
color: white;
|
|
||||||
border-color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-path-input {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 8px;
|
|
||||||
padding: 10px 12px;
|
|
||||||
background: var(--bg-secondary);
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
border-radius: 8px;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: 13px;
|
|
||||||
font-family: inherit;
|
|
||||||
outline: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-path-input:focus {
|
|
||||||
border-color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vault-path-hint {
|
|
||||||
display: block;
|
|
||||||
font-size: 11px;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
margin-top: 6px;
|
|
||||||
opacity: 0.7;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-permission {
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px 20px;
|
|
||||||
background: var(--accent);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
transition: background 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-permission:hover {
|
|
||||||
background: var(--accent-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.permission-hint {
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
margin-bottom: 20px;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
.mobile .btn-primary {
|
|
||||||
padding: 14px 20px;
|
|
||||||
font-size: 16px;
|
|
||||||
border-radius: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .description {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile h1 {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .logo :global(svg) {
|
|
||||||
width: 88px;
|
|
||||||
height: 88px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .btn-back {
|
|
||||||
padding: 14px 20px;
|
|
||||||
font-size: 16px;
|
|
||||||
border-radius: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .vault-item {
|
|
||||||
padding: 14px 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .vault-name {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile .vault-path {
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -23,7 +23,6 @@ export const searchQuery = writable("");
|
|||||||
export const showCommandPalette = writable(false);
|
export const showCommandPalette = writable(false);
|
||||||
export const showSearch = writable(false);
|
export const showSearch = writable(false);
|
||||||
export const showSettings = writable(false);
|
export const showSettings = writable(false);
|
||||||
export const settingsTab = writable<string | null>(null);
|
|
||||||
export const showInfo = writable(false);
|
export const showInfo = writable(false);
|
||||||
export const notebookIcons = writable<Record<string, string>>({});
|
export const notebookIcons = writable<Record<string, string>>({});
|
||||||
export const quickAccessPaths = writable<string[]>([]);
|
export const quickAccessPaths = writable<string[]>([]);
|
||||||
@@ -38,80 +37,16 @@ export const activeNotePath = writable<string | null>(null);
|
|||||||
export const activeNotebook = writable<NotebookEntry | null>(null);
|
export const activeNotebook = writable<NotebookEntry | null>(null);
|
||||||
export const activeTag = writable<string | null>(null);
|
export const activeTag = writable<string | null>(null);
|
||||||
|
|
||||||
// Mobile state
|
|
||||||
export const mobileView = writable<"sidebar" | "notelist" | "editor">(
|
|
||||||
"sidebar",
|
|
||||||
);
|
|
||||||
|
|
||||||
// Editor state
|
// Editor state
|
||||||
export const editorDirty = writable(false);
|
export const editorDirty = writable(false);
|
||||||
export const sourceMode = writable(false);
|
export const sourceMode = writable(false);
|
||||||
export const focusMode = writable(false);
|
export const focusMode = writable(false);
|
||||||
export const readOnly = writable(false);
|
|
||||||
|
|
||||||
// Theme
|
// Theme
|
||||||
export const theme = writable<string>("system");
|
export const theme = writable<string>("system");
|
||||||
|
|
||||||
// Update state
|
|
||||||
export const updateAvailable = writable<{
|
|
||||||
version: string;
|
|
||||||
body?: string;
|
|
||||||
} | null>(null);
|
|
||||||
export const updateObj = writable<any>(null);
|
|
||||||
export const installType = writable<string>("native");
|
|
||||||
export const androidApkUrl = writable<string | null>(null);
|
|
||||||
|
|
||||||
export async function checkForUpdate() {
|
|
||||||
try {
|
|
||||||
const { check } = await import("@tauri-apps/plugin-updater");
|
|
||||||
const update = await check();
|
|
||||||
if (update) {
|
|
||||||
updateAvailable.set({ version: update.version, body: update.body });
|
|
||||||
updateObj.set(update);
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Silent fail — don't disrupt app startup
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function isNewerVersion(remote: string, local: string): boolean {
|
|
||||||
const r = remote.split(".").map(Number);
|
|
||||||
const l = local.split(".").map(Number);
|
|
||||||
for (let i = 0; i < Math.max(r.length, l.length); i++) {
|
|
||||||
const rv = r[i] || 0;
|
|
||||||
const lv = l[i] || 0;
|
|
||||||
if (rv > lv) return true;
|
|
||||||
if (rv < lv) return false;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function checkForUpdateMobile() {
|
|
||||||
try {
|
|
||||||
const { getVersion } = await import("@tauri-apps/api/app");
|
|
||||||
const currentVersion = await getVersion();
|
|
||||||
const res = await fetch("https://helixnotes.com/latest.json");
|
|
||||||
if (!res.ok) return;
|
|
||||||
const data = await res.json();
|
|
||||||
if (data.version && isNewerVersion(data.version, currentVersion)) {
|
|
||||||
updateAvailable.set({ version: data.version, body: data.notes });
|
|
||||||
const android = data.platforms?.["android-universal"];
|
|
||||||
if (android?.url) {
|
|
||||||
androidApkUrl.set(android.url);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Silent fail
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Derived
|
// Derived
|
||||||
export const sortedNotes = derived(
|
export const sortedNotes = derived([notes, sortMode], ([$notes, $sortMode]) => {
|
||||||
[notes, sortMode, viewMode],
|
|
||||||
([$notes, $sortMode, $viewMode]) => {
|
|
||||||
// Quick Access preserves stored order
|
|
||||||
if ($viewMode === "quickaccess") return $notes;
|
|
||||||
|
|
||||||
const pinned = $notes.filter((n) => n.meta.pinned);
|
const pinned = $notes.filter((n) => n.meta.pinned);
|
||||||
const unpinned = $notes.filter((n) => !n.meta.pinned);
|
const unpinned = $notes.filter((n) => !n.meta.pinned);
|
||||||
|
|
||||||
@@ -134,8 +69,7 @@ export const sortedNotes = derived(
|
|||||||
};
|
};
|
||||||
|
|
||||||
return [...pinned.sort(sortFn), ...unpinned.sort(sortFn)];
|
return [...pinned.sort(sortFn), ...unpinned.sort(sortFn)];
|
||||||
},
|
});
|
||||||
);
|
|
||||||
|
|
||||||
export const vaultState = derived(
|
export const vaultState = derived(
|
||||||
[
|
[
|
||||||
|
|||||||
@@ -14,18 +14,6 @@ export interface NoteEntry {
|
|||||||
preview: string;
|
preview: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface TrashNotebookEntry {
|
|
||||||
name: string;
|
|
||||||
path: string;
|
|
||||||
note_count: number;
|
|
||||||
modified: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TrashContents {
|
|
||||||
notes: NoteEntry[];
|
|
||||||
notebooks: TrashNotebookEntry[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface NotebookEntry {
|
export interface NotebookEntry {
|
||||||
name: string;
|
name: string;
|
||||||
path: string;
|
path: string;
|
||||||
@@ -53,7 +41,6 @@ export interface AppConfig {
|
|||||||
accent_color: string | null;
|
accent_color: string | null;
|
||||||
font_size: number | null;
|
font_size: number | null;
|
||||||
font_family: string | null;
|
font_family: string | null;
|
||||||
line_height: number | null;
|
|
||||||
compact_notes: boolean;
|
compact_notes: boolean;
|
||||||
time_format: string;
|
time_format: string;
|
||||||
gpu_acceleration: boolean;
|
gpu_acceleration: boolean;
|
||||||
@@ -72,7 +59,6 @@ export interface AppConfig {
|
|||||||
ai_provider: string | null;
|
ai_provider: string | null;
|
||||||
ai_api_key: string | null;
|
ai_api_key: string | null;
|
||||||
openai_api_key: string | null;
|
openai_api_key: string | null;
|
||||||
ollama_base_url: string | null;
|
|
||||||
ai_model: string;
|
ai_model: string;
|
||||||
ai_writing_style: string | null;
|
ai_writing_style: string | null;
|
||||||
default_view_mode: boolean;
|
default_view_mode: boolean;
|
||||||
@@ -143,5 +129,4 @@ export type ViewMode =
|
|||||||
| "tag"
|
| "tag"
|
||||||
| "trash"
|
| "trash"
|
||||||
| "search"
|
| "search"
|
||||||
| "quickaccess"
|
| "quickaccess";
|
||||||
| "daily";
|
|
||||||
|
|||||||
@@ -1,42 +0,0 @@
|
|||||||
import { WebviewWindow } from '@tauri-apps/api/webviewWindow';
|
|
||||||
|
|
||||||
const openNoteWindows = new Map<string, string>();
|
|
||||||
|
|
||||||
export async function openNoteWindow(notePath: string, noteTitle: string) {
|
|
||||||
const existingLabel = openNoteWindows.get(notePath);
|
|
||||||
if (existingLabel) {
|
|
||||||
const existing = await WebviewWindow.getByLabel(existingLabel);
|
|
||||||
if (existing) {
|
|
||||||
await existing.show();
|
|
||||||
await existing.unminimize();
|
|
||||||
await existing.setFocus();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
openNoteWindows.delete(notePath);
|
|
||||||
}
|
|
||||||
|
|
||||||
const label = `note-${Date.now()}`;
|
|
||||||
const url = `/?note=${encodeURIComponent(notePath)}`;
|
|
||||||
|
|
||||||
const noteWindow = new WebviewWindow(label, {
|
|
||||||
url,
|
|
||||||
title: `${noteTitle} - HelixNotes`,
|
|
||||||
width: 900,
|
|
||||||
height: 700,
|
|
||||||
minWidth: 500,
|
|
||||||
minHeight: 400,
|
|
||||||
decorations: false,
|
|
||||||
center: true
|
|
||||||
});
|
|
||||||
|
|
||||||
openNoteWindows.set(notePath, label);
|
|
||||||
|
|
||||||
noteWindow.once('tauri://destroyed', () => {
|
|
||||||
openNoteWindows.delete(notePath);
|
|
||||||
});
|
|
||||||
|
|
||||||
noteWindow.once('tauri://error', (e) => {
|
|
||||||
console.error('Failed to create note window:', e);
|
|
||||||
openNoteWindows.delete(notePath);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,15 +1,13 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import '../app.css';
|
import '../app.css';
|
||||||
import { theme, appConfig, activeNote, activeNotePath, installType, checkForUpdate, checkForUpdateMobile } from '$lib/stores/app';
|
import { theme, appConfig, activeNotePath } from '$lib/stores/app';
|
||||||
import { openUrl } from '@tauri-apps/plugin-opener';
|
import { openUrl } from '@tauri-apps/plugin-opener';
|
||||||
import { openFile, readNote, getInstallType } from '$lib/api';
|
import { openFile } from '$lib/api';
|
||||||
import { get } from 'svelte/store';
|
import { get } from 'svelte/store';
|
||||||
|
|
||||||
let { children } = $props();
|
let { children } = $props();
|
||||||
|
|
||||||
const isMobile = /android|ios/i.test(navigator.userAgent);
|
|
||||||
|
|
||||||
// Reactively apply theme class to <html> whenever $theme changes
|
// Reactively apply theme class to <html> whenever $theme changes
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
const t = $theme;
|
const t = $theme;
|
||||||
@@ -33,7 +31,18 @@
|
|||||||
return resolved.join('/');
|
return resolved.join('/');
|
||||||
}
|
}
|
||||||
|
|
||||||
function resolveAndHandleLink(href: string) {
|
// Intercept all link clicks in capture phase to prevent webview navigation
|
||||||
|
onMount(() => {
|
||||||
|
function handleLinkClick(e: MouseEvent) {
|
||||||
|
const target = (e.target as HTMLElement)?.closest('a');
|
||||||
|
if (!target) return;
|
||||||
|
const href = target.getAttribute('href');
|
||||||
|
if (!href) return;
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
|
||||||
if (href.startsWith('http://') || href.startsWith('https://') || href.startsWith('mailto:')) {
|
if (href.startsWith('http://') || href.startsWith('https://') || href.startsWith('mailto:')) {
|
||||||
openUrl(href).catch((err) => console.error('Failed to open URL:', err));
|
openUrl(href).catch((err) => console.error('Failed to open URL:', err));
|
||||||
} else if (!href.startsWith('#')) {
|
} else if (!href.startsWith('#')) {
|
||||||
@@ -42,10 +51,6 @@
|
|||||||
const vaultRoot = config?.active_vault;
|
const vaultRoot = config?.active_vault;
|
||||||
let absPath = decoded;
|
let absPath = decoded;
|
||||||
if (!decoded.startsWith('/') && vaultRoot) {
|
if (!decoded.startsWith('/') && vaultRoot) {
|
||||||
// .helixnotes/ paths are always relative to vault root, not the note's directory
|
|
||||||
if (decoded.startsWith('.helixnotes/')) {
|
|
||||||
absPath = normalizePath(`${vaultRoot}/${decoded}`);
|
|
||||||
} else {
|
|
||||||
const notePath = get(activeNotePath);
|
const notePath = get(activeNotePath);
|
||||||
if (notePath) {
|
if (notePath) {
|
||||||
const noteDir = notePath.substring(0, notePath.lastIndexOf('/'));
|
const noteDir = notePath.substring(0, notePath.lastIndexOf('/'));
|
||||||
@@ -54,81 +59,16 @@
|
|||||||
absPath = normalizePath(`${vaultRoot}/${decoded}`);
|
absPath = normalizePath(`${vaultRoot}/${decoded}`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
// Internal .md note link — navigate within the app
|
|
||||||
if (absPath.endsWith('.md')) {
|
|
||||||
readNote(absPath).then((content) => {
|
|
||||||
activeNote.set({ ...content, content: content.content });
|
|
||||||
activeNotePath.set(absPath);
|
|
||||||
}).catch((err) => console.error('Failed to navigate to note:', err));
|
|
||||||
} else {
|
|
||||||
openFile(absPath).catch((err) => console.error('Failed to open file:', err));
|
openFile(absPath).catch((err) => console.error('Failed to open file:', err));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// Detect install type and check for updates on startup
|
|
||||||
onMount(() => {
|
|
||||||
if (isMobile) {
|
|
||||||
installType.set('android');
|
|
||||||
checkForUpdateMobile();
|
|
||||||
} else {
|
|
||||||
getInstallType().then(t => installType.set(t)).catch(() => {});
|
|
||||||
checkForUpdate();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Intercept all link clicks in capture phase to prevent webview navigation
|
|
||||||
onMount(() => {
|
|
||||||
function handleLinkClick(e: MouseEvent) {
|
|
||||||
const target = (e.target as HTMLElement)?.closest('a');
|
|
||||||
if (!target) return;
|
|
||||||
const href = target.getAttribute('href');
|
|
||||||
if (!href) return;
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
e.stopImmediatePropagation();
|
|
||||||
resolveAndHandleLink(href);
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('click', handleLinkClick, true);
|
document.addEventListener('click', handleLinkClick, true);
|
||||||
|
return () => document.removeEventListener('click', handleLinkClick, true);
|
||||||
// On Android WebView, tapping a link can trigger native navigation before
|
|
||||||
// the JS click event fires (causing 404s for relative .md links).
|
|
||||||
// We intercept touchend: if it's a tap (not a scroll) on an <a>, we
|
|
||||||
// preventDefault to block the native navigation and handle it ourselves.
|
|
||||||
let touchStartY = 0;
|
|
||||||
function handleTouchStart(e: TouchEvent) {
|
|
||||||
touchStartY = e.touches[0]?.clientY ?? 0;
|
|
||||||
}
|
|
||||||
function handleTouchEnd(e: TouchEvent) {
|
|
||||||
const endY = e.changedTouches[0]?.clientY ?? 0;
|
|
||||||
// If the finger moved > 10px, it's a scroll, not a tap
|
|
||||||
if (Math.abs(endY - touchStartY) > 10) return;
|
|
||||||
const target = (e.target as HTMLElement)?.closest('a');
|
|
||||||
if (!target) return;
|
|
||||||
const href = target.getAttribute('href');
|
|
||||||
if (!href) return;
|
|
||||||
e.preventDefault();
|
|
||||||
resolveAndHandleLink(href);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isMobile) {
|
|
||||||
document.addEventListener('touchstart', handleTouchStart, { capture: true, passive: true });
|
|
||||||
document.addEventListener('touchend', handleTouchEnd, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
document.removeEventListener('click', handleLinkClick, true);
|
|
||||||
if (isMobile) {
|
|
||||||
document.removeEventListener('touchstart', handleTouchStart, true);
|
|
||||||
document.removeEventListener('touchend', handleTouchEnd, true);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:document oncontextmenu={(e) => { if (!isMobile) e.preventDefault(); }} />
|
<svelte:document oncontextmenu={(e) => e.preventDefault()} />
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>HelixNotes</title>
|
<title>HelixNotes</title>
|
||||||
|
|||||||
@@ -4,19 +4,10 @@
|
|||||||
import { getAppConfig, openVault } from '$lib/api';
|
import { getAppConfig, openVault } from '$lib/api';
|
||||||
import VaultPicker from '$lib/components/VaultPicker.svelte';
|
import VaultPicker from '$lib/components/VaultPicker.svelte';
|
||||||
import AppLayout from '$lib/components/AppLayout.svelte';
|
import AppLayout from '$lib/components/AppLayout.svelte';
|
||||||
import NoteWindow from '$lib/components/NoteWindow.svelte';
|
|
||||||
|
|
||||||
let loading = $state(true);
|
let loading = $state(true);
|
||||||
let noteWindowPath = $state<string | null>(null);
|
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
// Check for note window mode
|
|
||||||
const params = new URLSearchParams(window.location.search);
|
|
||||||
const notePath = params.get('note');
|
|
||||||
if (notePath) {
|
|
||||||
noteWindowPath = notePath;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const config = await getAppConfig();
|
const config = await getAppConfig();
|
||||||
$appConfig = config;
|
$appConfig = config;
|
||||||
@@ -34,9 +25,6 @@
|
|||||||
if (config.font_size) {
|
if (config.font_size) {
|
||||||
document.documentElement.style.setProperty('--editor-font-size', `${config.font_size}px`);
|
document.documentElement.style.setProperty('--editor-font-size', `${config.font_size}px`);
|
||||||
}
|
}
|
||||||
if (config.line_height) {
|
|
||||||
document.documentElement.style.setProperty('--editor-line-height', String(config.line_height));
|
|
||||||
}
|
|
||||||
if (config.font_family) {
|
if (config.font_family) {
|
||||||
const fontStacks: Record<string, string> = {
|
const fontStacks: Record<string, string> = {
|
||||||
system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
||||||
@@ -81,10 +69,7 @@
|
|||||||
// Auto-open last vault if available
|
// Auto-open last vault if available
|
||||||
if (config.active_vault) {
|
if (config.active_vault) {
|
||||||
try {
|
try {
|
||||||
// Note windows don't re-open the vault (already open in main process)
|
|
||||||
if (!noteWindowPath) {
|
|
||||||
await openVault(config.active_vault);
|
await openVault(config.active_vault);
|
||||||
}
|
|
||||||
$vaultReady = true;
|
$vaultReady = true;
|
||||||
} catch {
|
} catch {
|
||||||
// Vault path might not exist anymore
|
// Vault path might not exist anymore
|
||||||
@@ -101,8 +86,6 @@
|
|||||||
<div class="loading">
|
<div class="loading">
|
||||||
<div class="spinner"></div>
|
<div class="spinner"></div>
|
||||||
</div>
|
</div>
|
||||||
{:else if noteWindowPath}
|
|
||||||
<NoteWindow notePath={noteWindowPath} />
|
|
||||||
{:else if $vaultReady}
|
{:else if $vaultReady}
|
||||||
<AppLayout />
|
<AppLayout />
|
||||||
{:else}
|
{:else}
|
||||||
|
|||||||
@@ -10,8 +10,8 @@
|
|||||||
"skipLibCheck": true,
|
"skipLibCheck": true,
|
||||||
"sourceMap": true,
|
"sourceMap": true,
|
||||||
"strict": true,
|
"strict": true,
|
||||||
"moduleResolution": "bundler",
|
"moduleResolution": "bundler"
|
||||||
},
|
}
|
||||||
// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
|
// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
|
||||||
// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
|
// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
|
||||||
//
|
//
|
||||||
|
|||||||