mirror of
https://gitlab.com/ArkHost/HelixNotes.git
synced 2026-09-19 17:37:29 +02:00
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c1faf0b0f5 | ||
|
|
564c28904f | ||
|
|
06d53cea66 | ||
|
|
d9fe358e6b | ||
|
|
253449acc2 | ||
|
|
bfea8c998a | ||
|
|
81dadd4be1 | ||
|
|
b3939bcfb3 | ||
|
|
6e75468420 | ||
|
|
2697e10907 | ||
|
|
a88fcbefba | ||
|
|
f32f77dcd5 | ||
|
|
ea323e508b | ||
|
|
6dfea864f3 | ||
|
|
070590bd2a | ||
|
|
d453bbfc3c |
@@ -1,34 +1,68 @@
|
|||||||
# HelixNotes
|
# HelixNotes
|
||||||
|
|
||||||
A local-first markdown note-taking app built with Tauri, SvelteKit, and Rust.
|
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.
|
||||||
|
No cloud, no lock-in.
|
||||||
|
|
||||||
## Download
|
## Download
|
||||||
|
|
||||||
| Platform | Download | Notes |
|
### Linux
|
||||||
|----------|----------|-------|
|
|
||||||
| Linux (Arch/rolling) | [HelixNotes_1.0.5_amd64.AppImage](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.0.5/HelixNotes_1.0.5_amd64.AppImage) | Best for Arch, Fedora, openSUSE |
|
|
||||||
| Linux (Debian/Ubuntu/Mint) | [HelixNotes_1.0.5_amd64.deb](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.0.5/HelixNotes_1.0.5_amd64.deb) | Ubuntu 22.04+ |
|
|
||||||
| Windows | [HelixNotes_1.0.5_x64-setup.exe](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.0.5/HelixNotes_1.0.5_x64-setup.exe) | Windows 10/11 |
|
|
||||||
| macOS | Coming soon | |
|
|
||||||
|
|
||||||
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 (any distro)
|
||||||
|
|
||||||
|
[Download AppImage](https://download.helixnotes.com/releases/v1.1.2/HelixNotes_1.1.2_amd64.AppImage)
|
||||||
|
|
||||||
|
#### .deb (manual)
|
||||||
|
|
||||||
|
[Download .deb](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.1.2/HelixNotes_1.1.2_amd64.deb) — Ubuntu 22.04+
|
||||||
|
|
||||||
|
### Windows
|
||||||
|
|
||||||
|
[Download Installer](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.1.2/HelixNotes_1.1.2_x64-setup.exe) — Windows 10/11
|
||||||
|
|
||||||
|
### macOS
|
||||||
|
|
||||||
|
[Download .dmg](https://codeberg.org/ArkHost/HelixNotes/releases/download/v1.1.2/HelixNotes_1.1.2_x64.dmg) — macOS 12+ (Intel, runs on Apple Silicon via Rosetta)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
All releases: [codeberg.org/ArkHost/HelixNotes/releases](https://codeberg.org/ArkHost/HelixNotes/releases)
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- **Markdown editor** with rich formatting toolbar, slash commands, and source mode
|
- **Markdown editor** with rich formatting toolbar, slash commands, source mode toggle, and code syntax highlighting
|
||||||
- **Wiki-links** — link notes with `[[Note Title]]` syntax
|
- **Wiki-links** — link notes with `[[Note Title]]` syntax
|
||||||
- **Graph view** — visualize connections between your notes
|
- **Graph view** — visualize connections between your notes
|
||||||
|
- **Outline panel** — heading navigation for long notes
|
||||||
- **Full-text search** powered by Tantivy
|
- **Full-text search** powered by Tantivy
|
||||||
|
- **Math support** — KaTeX rendering for inline and block equations
|
||||||
|
- **Daily notes** — one-click button to create or open today's note
|
||||||
- **AI writing tools** — improve, summarize, translate, and more (Anthropic / OpenAI)
|
- **AI writing tools** — improve, summarize, translate, and more (Anthropic / OpenAI)
|
||||||
- **Version history** — per-note snapshots with diff view
|
- **Version history** — per-note snapshots with diff view
|
||||||
- **Backups** — automatic zip-based vault backups
|
- **Backups** — automatic zip-based vault backups
|
||||||
- **PDF preview** — inline rendering of embedded PDFs
|
- **PDF preview** — inline rendering of embedded PDFs
|
||||||
|
- **Tag management** — organize notes with tags, bulk edit from context menu
|
||||||
|
- **Drag-and-drop** — move notes between notebooks, reorganize notebooks by dragging
|
||||||
- **Obsidian import** — convert Obsidian wiki-links to standard markdown
|
- **Obsidian import** — convert Obsidian wiki-links to standard markdown
|
||||||
- **Themes** — light/dark mode with customizable accent colors and fonts
|
- **Themes** — light/dark mode with customizable accent colors and fonts
|
||||||
- **Focus mode** — distraction-free writing
|
- **Focus mode** — distraction-free writing
|
||||||
- **Local-first** — everything stays on your machine
|
- **View mode** — read-only toggle for distraction-free reading
|
||||||
|
- **Local** — everything stays on your machine
|
||||||
|
|
||||||
|
Full documentation: [helixnotes.com/docs](https://helixnotes.com/docs.html)
|
||||||
|
|
||||||
## Tech Stack
|
## Tech Stack
|
||||||
|
|
||||||
@@ -60,4 +94,4 @@ pnpm tauri build
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[AGPL-3.0](LICENSE)
|
[AGPL-3.0](https://codeberg.org/ArkHost/HelixNotes/src/branch/main/LICENSE)
|
||||||
|
|||||||
+3
-1
@@ -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.0.5",
|
"version": "1.1.3",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite dev",
|
"dev": "vite dev",
|
||||||
@@ -57,7 +57,9 @@
|
|||||||
"@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",
|
||||||
|
|||||||
Generated
+25
@@ -89,9 +89,15 @@ 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
|
||||||
@@ -936,6 +942,9 @@ 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==}
|
||||||
|
|
||||||
@@ -972,6 +981,10 @@ 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'}
|
||||||
@@ -1048,6 +1061,10 @@ 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'}
|
||||||
@@ -1972,6 +1989,8 @@ 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':
|
||||||
@@ -1997,6 +2016,8 @@ 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: {}
|
||||||
@@ -2074,6 +2095,10 @@ 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:
|
||||||
|
|||||||
Generated
+17
-1
@@ -1778,7 +1778,7 @@ checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
|
|||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "helixnotes"
|
name = "helixnotes"
|
||||||
version = "1.0.4"
|
version = "1.1.3"
|
||||||
dependencies = [
|
dependencies = [
|
||||||
"chrono",
|
"chrono",
|
||||||
"dirs",
|
"dirs",
|
||||||
@@ -1799,6 +1799,7 @@ dependencies = [
|
|||||||
"tauri-plugin-fs",
|
"tauri-plugin-fs",
|
||||||
"tauri-plugin-log",
|
"tauri-plugin-log",
|
||||||
"tauri-plugin-opener",
|
"tauri-plugin-opener",
|
||||||
|
"tauri-plugin-single-instance",
|
||||||
"tauri-plugin-updater",
|
"tauri-plugin-updater",
|
||||||
"tokio",
|
"tokio",
|
||||||
"uuid",
|
"uuid",
|
||||||
@@ -5081,6 +5082,21 @@ dependencies = [
|
|||||||
"zbus",
|
"zbus",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "tauri-plugin-single-instance"
|
||||||
|
version = "2.4.0"
|
||||||
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||||
|
checksum = "dc61e4822b8f74d68278e09161d3e3fdd1b14b9eb781e24edccaabf10c420e8c"
|
||||||
|
dependencies = [
|
||||||
|
"serde",
|
||||||
|
"serde_json",
|
||||||
|
"tauri",
|
||||||
|
"thiserror 2.0.18",
|
||||||
|
"tracing",
|
||||||
|
"windows-sys 0.60.2",
|
||||||
|
"zbus",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "tauri-plugin-updater"
|
name = "tauri-plugin-updater"
|
||||||
version = "2.10.0"
|
version = "2.10.0"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "helixnotes"
|
name = "helixnotes"
|
||||||
version = "1.0.4"
|
version = "1.1.3"
|
||||||
description = "Local-first markdown note-taking app"
|
description = "Local markdown note-taking app"
|
||||||
authors = ["HelixNotes"]
|
authors = ["HelixNotes"]
|
||||||
license = "AGPL-3.0-or-later"
|
license = "AGPL-3.0-or-later"
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
@@ -38,3 +38,4 @@ zip = { version = "2", default-features = false, features = ["deflate"] }
|
|||||||
reqwest = { version = "0.12", features = ["json", "stream"] }
|
reqwest = { version = "0.12", features = ["json", "stream"] }
|
||||||
futures = "0.3"
|
futures = "0.3"
|
||||||
rayon = "1"
|
rayon = "1"
|
||||||
|
tauri-plugin-single-instance = "2"
|
||||||
|
|||||||
+104
-3
@@ -102,6 +102,77 @@ pub fn rename_notebook(path: String, new_name: String) -> Result<String, String>
|
|||||||
operations::rename_notebook(&path, &new_name)
|
operations::rename_notebook(&path, &new_name)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#[tauri::command]
|
||||||
|
pub fn move_notebook(
|
||||||
|
state: State<'_, AppState>,
|
||||||
|
notebook_path: String,
|
||||||
|
dest_parent: 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")?;
|
||||||
|
|
||||||
|
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]
|
#[tauri::command]
|
||||||
pub fn delete_notebook(state: State<'_, AppState>, path: String) -> Result<(), String> {
|
pub fn delete_notebook(state: State<'_, AppState>, path: String) -> Result<(), String> {
|
||||||
let config = state.config.lock().map_err(|e| e.to_string())?;
|
let config = state.config.lock().map_err(|e| e.to_string())?;
|
||||||
@@ -174,6 +245,21 @@ pub fn create_note(
|
|||||||
Ok(entry)
|
Ok(entry)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#[tauri::command]
|
||||||
|
pub fn create_daily_note(state: State<'_, AppState>) -> Result<NoteEntry, 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 entry = operations::create_daily_note(vault_path)?;
|
||||||
|
|
||||||
|
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]
|
#[tauri::command]
|
||||||
pub fn rename_note(path: String, new_title: String) -> Result<String, String> {
|
pub fn rename_note(path: String, new_title: String) -> Result<String, String> {
|
||||||
operations::rename_note(&path, &new_title)
|
operations::rename_note(&path, &new_title)
|
||||||
@@ -421,6 +507,7 @@ 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,
|
||||||
@@ -435,6 +522,7 @@ 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;
|
||||||
@@ -1011,6 +1099,9 @@ 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();
|
||||||
@@ -1385,12 +1476,22 @@ fn save_app_config(config: &AppConfig) -> Result<(), String> {
|
|||||||
|
|
||||||
#[tauri::command]
|
#[tauri::command]
|
||||||
pub fn get_install_type() -> String {
|
pub fn get_install_type() -> String {
|
||||||
if cfg!(target_os = "windows") {
|
if cfg!(target_os = "macos") {
|
||||||
|
"macos".to_string()
|
||||||
|
} else if cfg!(target_os = "windows") {
|
||||||
"windows".to_string()
|
"windows".to_string()
|
||||||
} else if std::env::var("APPIMAGE").is_ok() {
|
|
||||||
"appimage".to_string()
|
|
||||||
} else if std::path::Path::new("/var/lib/dpkg/info/helix-notes.list").exists() {
|
} else if std::path::Path::new("/var/lib/dpkg/info/helix-notes.list").exists() {
|
||||||
"deb".to_string()
|
"deb".to_string()
|
||||||
|
} else if std::path::Path::new("/var/lib/pacman/local").exists()
|
||||||
|
&& std::process::Command::new("pacman")
|
||||||
|
.args(["-Q", "helixnotes"])
|
||||||
|
.output()
|
||||||
|
.map(|o| o.status.success())
|
||||||
|
.unwrap_or(false)
|
||||||
|
{
|
||||||
|
"aur".to_string()
|
||||||
|
} else if std::env::var("APPIMAGE").is_ok() {
|
||||||
|
"appimage".to_string()
|
||||||
} else {
|
} else {
|
||||||
"native".to_string()
|
"native".to_string()
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,6 +23,13 @@ pub fn run() {
|
|||||||
let app_state = AppState::new(config);
|
let app_state = AppState::new(config);
|
||||||
|
|
||||||
let mut builder = tauri::Builder::default()
|
let mut builder = tauri::Builder::default()
|
||||||
|
.plugin(tauri_plugin_single_instance::init(|app, _args, _cwd| {
|
||||||
|
if let Some(window) = app.get_webview_window("main") {
|
||||||
|
let _ = window.show();
|
||||||
|
let _ = window.unminimize();
|
||||||
|
let _ = window.set_focus();
|
||||||
|
}
|
||||||
|
}))
|
||||||
.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())
|
||||||
@@ -54,10 +61,12 @@ pub fn run() {
|
|||||||
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,
|
||||||
|
|||||||
@@ -70,6 +70,8 @@ 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,
|
||||||
@@ -148,6 +150,7 @@ 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,
|
||||||
|
|||||||
@@ -1,9 +1,8 @@
|
|||||||
use crate::types::NoteMeta;
|
use crate::types::NoteMeta;
|
||||||
use chrono::Utc;
|
use chrono::{NaiveDate, NaiveDateTime, 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 {
|
||||||
@@ -15,6 +14,32 @@ 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);
|
||||||
@@ -28,15 +53,16 @@ pub fn parse_note(raw: &str, filename: &str) -> (NoteMeta, String) {
|
|||||||
|
|
||||||
let created = fm
|
let created = fm
|
||||||
.created
|
.created
|
||||||
.and_then(|s| s.parse().ok())
|
.and_then(|s| parse_date_flexible(&s))
|
||||||
.unwrap_or_else(Utc::now);
|
.unwrap_or_else(Utc::now);
|
||||||
|
|
||||||
let modified = fm
|
let modified = fm
|
||||||
.modified
|
.modified
|
||||||
.and_then(|s| s.parse().ok())
|
.and_then(|s| parse_date_flexible(&s))
|
||||||
.unwrap_or_else(Utc::now);
|
.unwrap_or_else(Utc::now);
|
||||||
|
|
||||||
let id = fm.id.unwrap_or_else(|| Uuid::new_v4().to_string());
|
// Don't generate UUID on read — empty string signals "no ID yet"
|
||||||
|
let id = fm.id.unwrap_or_default();
|
||||||
|
|
||||||
let meta = NoteMeta {
|
let meta = NoteMeta {
|
||||||
id,
|
id,
|
||||||
@@ -81,6 +107,65 @@ pub fn update_note_raw(meta: &NoteMeta, body: &str) -> String {
|
|||||||
format!("{}{}", fm, body)
|
format!("{}{}", fm, body)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/// 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),
|
||||||
|
};
|
||||||
|
|
||||||
|
format!("---\n{}---\n{}", yaml_str, body)
|
||||||
|
}
|
||||||
|
|
||||||
fn filename_to_title(filename: &str) -> String {
|
fn filename_to_title(filename: &str) -> String {
|
||||||
let stem = filename.trim_end_matches(".md");
|
let stem = filename.trim_end_matches(".md");
|
||||||
// Only replace dashes/underscores acting as word separators (between non-space chars).
|
// Only replace dashes/underscores acting as word separators (between non-space chars).
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
use crate::types::{NoteContent, NoteEntry, NoteMeta, NotebookEntry, VaultState};
|
use crate::types::{NoteContent, NoteEntry, NoteMeta, NotebookEntry, VaultState};
|
||||||
use crate::vault::frontmatter;
|
use crate::vault::frontmatter;
|
||||||
use chrono::Utc;
|
use chrono::{Local, Utc};
|
||||||
use rayon::prelude::*;
|
use rayon::prelude::*;
|
||||||
use std::fs;
|
use std::fs;
|
||||||
use std::io::Read;
|
use std::io::Read;
|
||||||
@@ -184,13 +184,19 @@ 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 if frontmatter didn't have them
|
// Use filesystem times only if frontmatter didn't have created/modified fields
|
||||||
|
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 let Ok(modified) = fs_meta.modified() {
|
if !has_modified {
|
||||||
meta.modified = modified.into();
|
if let Ok(modified) = fs_meta.modified() {
|
||||||
|
meta.modified = modified.into();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
if let Ok(created) = fs_meta.created() {
|
if !has_created {
|
||||||
meta.created = created.into();
|
if let Ok(created) = fs_meta.created() {
|
||||||
|
meta.created = created.into();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -233,7 +239,19 @@ 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();
|
||||||
|
|
||||||
let raw = frontmatter::update_note_raw(&updated_meta, body);
|
// Generate UUID on first save if note didn't have one
|
||||||
|
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(())
|
||||||
}
|
}
|
||||||
@@ -290,6 +308,49 @@ pub fn create_note(
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pub fn create_daily_note(vault_path: &str) -> Result<NoteEntry, String> {
|
||||||
|
let today = Local::now();
|
||||||
|
let date_str = today.format("%Y-%m-%d").to_string();
|
||||||
|
let title = today.format("%B %d, %Y").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>,
|
||||||
@@ -385,7 +446,10 @@ pub fn rename_note(path: &str, new_title: &str) -> Result<String, String> {
|
|||||||
let (mut meta, content) = frontmatter::parse_note(&raw, &filename);
|
let (mut meta, content) = frontmatter::parse_note(&raw, &filename);
|
||||||
meta.title = new_title.to_string();
|
meta.title = new_title.to_string();
|
||||||
meta.modified = Utc::now();
|
meta.modified = Utc::now();
|
||||||
let updated = frontmatter::update_note_raw(&meta, &content);
|
if meta.id.is_empty() {
|
||||||
|
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);
|
||||||
@@ -432,6 +496,38 @@ 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> {
|
||||||
|
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())
|
||||||
|
}
|
||||||
|
|
||||||
pub fn get_trash_notes(vault_path: &str) -> Result<Vec<NoteEntry>, String> {
|
pub fn get_trash_notes(vault_path: &str) -> Result<Vec<NoteEntry>, 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() {
|
||||||
|
|||||||
@@ -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.0.5",
|
"version": "1.1.3",
|
||||||
"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 blob: data:; font-src 'self' data:; style-src 'self' 'unsafe-inline'",
|
"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'; frame-src 'self' asset: http://asset.localhost",
|
||||||
"assetProtocol": {
|
"assetProtocol": {
|
||||||
"enable": true,
|
"enable": true,
|
||||||
"scope": ["**/*", "/**", "**/.helixnotes/**"]
|
"scope": ["**/*", "/**", "**/.helixnotes/**"]
|
||||||
|
|||||||
@@ -0,0 +1,16 @@
|
|||||||
|
{
|
||||||
|
"app": {
|
||||||
|
"windows": [
|
||||||
|
{
|
||||||
|
"label": "main",
|
||||||
|
"decorations": true,
|
||||||
|
"titleBarStyle": "Overlay",
|
||||||
|
"hiddenTitle": true,
|
||||||
|
"trafficLightPosition": {
|
||||||
|
"x": 12,
|
||||||
|
"y": 10
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -60,6 +60,13 @@ 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[]> {
|
||||||
@@ -85,6 +92,10 @@ export async function createNote(
|
|||||||
return invoke("create_note", { notebookRelative, title });
|
return invoke("create_note", { notebookRelative, title });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function createDailyNote(): Promise<NoteEntry> {
|
||||||
|
return invoke("create_daily_note");
|
||||||
|
}
|
||||||
|
|
||||||
export async function renameNote(
|
export async function renameNote(
|
||||||
path: string,
|
path: string,
|
||||||
newTitle: string,
|
newTitle: string,
|
||||||
@@ -180,6 +191,7 @@ 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,
|
||||||
@@ -194,6 +206,7 @@ export async function setGeneralSettings(
|
|||||||
pdfHeight,
|
pdfHeight,
|
||||||
titleMode,
|
titleMode,
|
||||||
hideTitleInBody,
|
hideTitleInBody,
|
||||||
|
showLineNumbers,
|
||||||
defaultViewMode,
|
defaultViewMode,
|
||||||
showTrayIcon,
|
showTrayIcon,
|
||||||
closeToTray,
|
closeToTray,
|
||||||
|
|||||||
@@ -20,15 +20,18 @@
|
|||||||
showCommandPalette,
|
showCommandPalette,
|
||||||
theme,
|
theme,
|
||||||
focusMode,
|
focusMode,
|
||||||
|
readOnly,
|
||||||
activeNote,
|
activeNote,
|
||||||
activeNotePath,
|
activeNotePath,
|
||||||
editorDirty,
|
editorDirty,
|
||||||
showInfo,
|
showInfo,
|
||||||
showSettings
|
showSettings,
|
||||||
|
sourceMode
|
||||||
} from '$lib/stores/app';
|
} from '$lib/stores/app';
|
||||||
|
|
||||||
const appWindow = getCurrentWindow();
|
const appWindow = getCurrentWindow();
|
||||||
import { loadVaultState, saveVaultState, readNote } from '$lib/api';
|
const isMac = navigator.platform.startsWith('Mac');
|
||||||
|
import { loadVaultState, saveVaultState, readNote, createDailyNote } from '$lib/api';
|
||||||
import { debounce } from '$lib/utils/debounce';
|
import { debounce } from '$lib/utils/debounce';
|
||||||
import type { VaultState, FileEvent } from '$lib/types';
|
import type { VaultState, FileEvent } from '$lib/types';
|
||||||
|
|
||||||
@@ -106,12 +109,28 @@
|
|||||||
editor?.focusTitle();
|
editor?.focusTitle();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function handleDailyNote() {
|
||||||
|
try {
|
||||||
|
const entry = await createDailyNote();
|
||||||
|
const content = await readNote(entry.path);
|
||||||
|
$activeNote = content;
|
||||||
|
$activeNotePath = entry.path;
|
||||||
|
$editorDirty = false;
|
||||||
|
editor?.loadNote(entry.path, content.content);
|
||||||
|
noteList?.refresh();
|
||||||
|
sidebar?.refresh();
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Failed to create/open daily note:', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function handleMouseDown(e: MouseEvent) {
|
function handleMouseDown(e: MouseEvent) {
|
||||||
if (e.button === 3) { e.preventDefault(); navigateHistory(-1); }
|
if (e.button === 3) { e.preventDefault(); navigateHistory(-1); }
|
||||||
if (e.button === 4) { 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.altKey && e.key === 'ArrowLeft') {
|
if (e.altKey && e.key === 'ArrowLeft') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
navigateHistory(-1);
|
navigateHistory(-1);
|
||||||
@@ -122,19 +141,19 @@
|
|||||||
navigateHistory(1);
|
navigateHistory(1);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && !e.shiftKey && e.key === 'n') {
|
if (mod && !e.shiftKey && e.key === 'n') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
createAndFocusNote();
|
createAndFocusNote();
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && e.shiftKey && e.key === 'N') {
|
if (mod && e.shiftKey && e.key === 'N') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && e.shiftKey && e.key === 'F') {
|
if (mod && e.shiftKey && e.key === 'F') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$showSearch = true;
|
$showSearch = true;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && !e.shiftKey && e.key === 'f') {
|
if (mod && !e.shiftKey && e.key === 'f') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if ($activeNotePath) {
|
if ($activeNotePath) {
|
||||||
editor?.openNoteSearch();
|
editor?.openNoteSearch();
|
||||||
@@ -143,14 +162,22 @@
|
|||||||
}
|
}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && e.key === 'p') {
|
if (mod && e.key === 'p') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$showCommandPalette = true;
|
$showCommandPalette = true;
|
||||||
}
|
}
|
||||||
if (e.ctrlKey && e.key === 's') {
|
if (mod && 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 (e.key === 'Escape') {
|
if (e.key === 'Escape') {
|
||||||
if ($showSettings) $showSettings = false;
|
if ($showSettings) $showSettings = false;
|
||||||
else if ($showInfo) $showInfo = false;
|
else if ($showInfo) $showInfo = false;
|
||||||
@@ -211,7 +238,7 @@
|
|||||||
<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" onmousedown={(e) => { if (!(e.target as HTMLElement).closest('button')) appWindow.startDragging(); }}>
|
<div class="focus-topbar" class:macos={isMac} 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)">
|
||||||
@@ -219,6 +246,19 @@
|
|||||||
<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>
|
||||||
@@ -228,10 +268,11 @@
|
|||||||
<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} />
|
<TitleBar onNewNote={createAndFocusNote} onDailyNote={handleDailyNote} />
|
||||||
{/if}
|
{/if}
|
||||||
<div class="app-layout">
|
<div class="app-layout">
|
||||||
{#if !$focusMode}
|
{#if !$focusMode}
|
||||||
@@ -349,4 +390,8 @@
|
|||||||
background: #e81123;
|
background: #e81123;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.focus-topbar.macos {
|
||||||
|
padding-left: 78px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -9,6 +9,8 @@
|
|||||||
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!);
|
||||||
@@ -17,7 +19,7 @@
|
|||||||
{
|
{
|
||||||
id: 'search',
|
id: 'search',
|
||||||
label: 'Search Notes',
|
label: 'Search Notes',
|
||||||
shortcut: 'Ctrl+F',
|
shortcut: `${modKey}+F`,
|
||||||
action: () => {
|
action: () => {
|
||||||
$showCommandPalette = false;
|
$showCommandPalette = false;
|
||||||
$showSearch = true;
|
$showSearch = true;
|
||||||
|
|||||||
+1030
-213
File diff suppressed because it is too large
Load Diff
@@ -91,7 +91,12 @@
|
|||||||
let match;
|
let match;
|
||||||
wikiLinkRegex.lastIndex = 0;
|
wikiLinkRegex.lastIndex = 0;
|
||||||
while ((match = wikiLinkRegex.exec(body)) !== null) {
|
while ((match = wikiLinkRegex.exec(body)) !== null) {
|
||||||
const linkTitle = match[1].trim().toLowerCase();
|
// Handle Obsidian syntax: strip |alias, #heading, ^block
|
||||||
|
let rawLink = match[1].trim();
|
||||||
|
const pipeIdx = rawLink.indexOf('|');
|
||||||
|
if (pipeIdx >= 0) rawLink = rawLink.slice(0, pipeIdx).trim();
|
||||||
|
rawLink = rawLink.replace(/#.*$/, '').replace(/\^.*$/, '').trim();
|
||||||
|
const linkTitle = rawLink.toLowerCase();
|
||||||
const targetIdx = nodeIndexMap.get(linkTitle);
|
const targetIdx = nodeIndexMap.get(linkTitle);
|
||||||
if (linkTitle !== node.id && targetIdx !== undefined) {
|
if (linkTitle !== node.id && targetIdx !== undefined) {
|
||||||
const edgeKey = nodeIdx < targetIdx ? `${nodeIdx}|${targetIdx}` : `${targetIdx}|${nodeIdx}`;
|
const edgeKey = nodeIdx < targetIdx ? `${nodeIdx}|${targetIdx}` : `${targetIdx}|${nodeIdx}`;
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
import { getVersion } from '@tauri-apps/api/app';
|
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';
|
||||||
|
|
||||||
let stats = $state<VaultStats | null>(null);
|
let stats = $state<VaultStats | null>(null);
|
||||||
let activeTab = $state<'about' | 'shortcuts'>('shortcuts');
|
let activeTab = $state<'about' | 'shortcuts'>('shortcuts');
|
||||||
let appVersion = $state('...');
|
let appVersion = $state('...');
|
||||||
@@ -71,7 +73,7 @@
|
|||||||
</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">v{appVersion}</p>
|
||||||
<p class="app-description">A local-first markdown note-taking app.</p>
|
<p class="app-description">A local markdown note-taking app.</p>
|
||||||
|
|
||||||
{#if stats}
|
{#if stats}
|
||||||
<div class="info-stats">
|
<div class="info-stats">
|
||||||
@@ -112,16 +114,16 @@
|
|||||||
{: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>Ctrl</kbd>+<kbd>N</kbd></span></div>
|
<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">Quick open</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>P</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">Find in note</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>F</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 vault</span><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>Shift</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 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">Go forward</span><span class="shortcut-keys"><kbd>Alt</kbd>+<kbd>→</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>
|
||||||
|
|||||||
@@ -11,7 +11,8 @@
|
|||||||
editorDirty,
|
editorDirty,
|
||||||
quickAccessPaths,
|
quickAccessPaths,
|
||||||
appConfig,
|
appConfig,
|
||||||
notebooks
|
notebooks,
|
||||||
|
tags
|
||||||
} from '$lib/stores/app';
|
} from '$lib/stores/app';
|
||||||
import {
|
import {
|
||||||
getNotes,
|
getNotes,
|
||||||
@@ -27,7 +28,8 @@
|
|||||||
addQuickAccess,
|
addQuickAccess,
|
||||||
removeQuickAccess,
|
removeQuickAccess,
|
||||||
reorderQuickAccess,
|
reorderQuickAccess,
|
||||||
moveNote
|
moveNote,
|
||||||
|
getAllTags
|
||||||
} from '$lib/api';
|
} from '$lib/api';
|
||||||
import { formatRelativeTime } from '$lib/utils/time';
|
import { formatRelativeTime } from '$lib/utils/time';
|
||||||
import type { NoteEntry, SortMode } from '$lib/types';
|
import type { NoteEntry, SortMode } from '$lib/types';
|
||||||
@@ -37,33 +39,70 @@
|
|||||||
onNoteMoved?: () => void;
|
onNoteMoved?: () => void;
|
||||||
} = $props();
|
} = $props();
|
||||||
|
|
||||||
|
const modKey = navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl';
|
||||||
|
|
||||||
let compact = $derived($appConfig?.compact_notes ?? false);
|
let compact = $derived($appConfig?.compact_notes ?? false);
|
||||||
let contextMenu = $state<{ x: number; y: number; note: NoteEntry } | null>(null);
|
let contextMenu = $state<{ x: number; y: number; note: NoteEntry } | null>(null);
|
||||||
let sortMenu = $state<{ x: number; y: number } | null>(null);
|
let sortMenu = $state<{ x: number; y: number } | null>(null);
|
||||||
let editingNote = $state<string | null>(null);
|
let editingNote = $state<string | null>(null);
|
||||||
let editValue = $state('');
|
let editValue = $state('');
|
||||||
let movePickerNote = $state<NoteEntry | null>(null);
|
let movePickerNote = $state<NoteEntry | null>(null);
|
||||||
|
let tagEditNote = $state<NoteEntry | null>(null);
|
||||||
|
let tagEditValue = $state('');
|
||||||
|
let tagEditTags = $state<string[]>([]);
|
||||||
|
|
||||||
// Multi-select
|
// Multi-select
|
||||||
let selectedPaths = $state<Set<string>>(new Set());
|
let selectedPaths = $state<Set<string>>(new Set());
|
||||||
let lastClickedPath = $state<string | null>(null);
|
let lastClickedPath = $state<string | null>(null);
|
||||||
let batchMovePicker = $state(false);
|
let batchMovePicker = $state(false);
|
||||||
|
let batchTagEdit = $state(false);
|
||||||
|
|
||||||
// Quick Access drag-to-reorder
|
// Quick Access drag-to-reorder
|
||||||
let qaDragFrom = $state<number | null>(null);
|
let qaDragFrom = $state<number | null>(null);
|
||||||
let qaDragOver = $state<number | null>(null);
|
let qaDragOver = $state<number | null>(null);
|
||||||
let qaDragHalf = $state<'top' | 'bottom'>('bottom');
|
let qaDragHalf = $state<'top' | 'bottom'>('bottom');
|
||||||
|
|
||||||
|
// Virtual scroll
|
||||||
|
let listContainer = $state<HTMLDivElement>(null!);
|
||||||
|
let scrollTop = $state(0);
|
||||||
|
let containerHeight = $state(600);
|
||||||
|
let itemHeight = $derived(compact ? 33 : 62);
|
||||||
|
const BUFFER = 10;
|
||||||
|
|
||||||
|
let totalHeight = $derived($sortedNotes.length * itemHeight);
|
||||||
|
let startIndex = $derived(Math.max(0, Math.floor(scrollTop / itemHeight) - BUFFER));
|
||||||
|
let endIndex = $derived(Math.min($sortedNotes.length, Math.ceil((scrollTop + containerHeight) / itemHeight) + BUFFER));
|
||||||
|
let visibleNotes = $derived($sortedNotes.slice(startIndex, endIndex));
|
||||||
|
let topPad = $derived(startIndex * itemHeight);
|
||||||
|
let bottomPad = $derived(Math.max(0, ($sortedNotes.length - endIndex) * itemHeight));
|
||||||
|
|
||||||
|
function onListScroll(e: Event) {
|
||||||
|
const el = e.currentTarget as HTMLDivElement;
|
||||||
|
scrollTop = el.scrollTop;
|
||||||
|
}
|
||||||
|
|
||||||
function clearSelection() {
|
function clearSelection() {
|
||||||
selectedPaths = new Set();
|
selectedPaths = new Set();
|
||||||
lastClickedPath = null;
|
lastClickedPath = null;
|
||||||
batchMovePicker = false;
|
batchMovePicker = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clear selection when view/notebook changes
|
// Clear selection and reset scroll when view/notebook changes
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
const _ = [$viewMode, $activeNotebook, $activeTag];
|
const _ = [$viewMode, $activeNotebook, $activeTag];
|
||||||
clearSelection();
|
clearSelection();
|
||||||
|
scrollTop = 0;
|
||||||
|
if (listContainer) listContainer.scrollTop = 0;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Track container height via ResizeObserver
|
||||||
|
$effect(() => {
|
||||||
|
if (!listContainer) return;
|
||||||
|
const ro = new ResizeObserver((entries) => {
|
||||||
|
containerHeight = entries[0].contentRect.height;
|
||||||
|
});
|
||||||
|
ro.observe(listContainer);
|
||||||
|
return () => ro.disconnect();
|
||||||
});
|
});
|
||||||
|
|
||||||
interface FlatNotebook { name: string; path: string; depth: number; }
|
interface FlatNotebook { name: string; path: string; depth: number; }
|
||||||
@@ -249,6 +288,102 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function openTagEdit(note: NoteEntry) {
|
||||||
|
tagEditNote = note;
|
||||||
|
tagEditTags = [...note.meta.tags];
|
||||||
|
tagEditValue = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
async function addTagToNote(tag: string) {
|
||||||
|
if (!tagEditNote || !tag.trim()) return;
|
||||||
|
const cleaned = tag.trim().toLowerCase();
|
||||||
|
if (tagEditTags.includes(cleaned)) return;
|
||||||
|
tagEditTags = [...tagEditTags, cleaned];
|
||||||
|
tagEditValue = '';
|
||||||
|
await saveTagsForNote(tagEditNote, tagEditTags);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function removeTagFromNote(tag: string) {
|
||||||
|
if (!tagEditNote) return;
|
||||||
|
tagEditTags = tagEditTags.filter(t => t !== tag);
|
||||||
|
await saveTagsForNote(tagEditNote, tagEditTags);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function saveTagsForNote(note: NoteEntry, newTags: string[]) {
|
||||||
|
try {
|
||||||
|
const content = await readNote(note.path);
|
||||||
|
content.meta.tags = newTags;
|
||||||
|
await saveNote(note.path, content.meta, content.content);
|
||||||
|
$notes = $notes.map(n =>
|
||||||
|
n.path === note.path ? { ...n, meta: { ...n.meta, tags: newTags } } : n
|
||||||
|
);
|
||||||
|
if ($activeNotePath === note.path && $activeNote) {
|
||||||
|
$activeNote = { ...$activeNote, meta: { ...$activeNote.meta, tags: newTags } };
|
||||||
|
}
|
||||||
|
$tags = await getAllTags();
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Failed to save tags:', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openBatchTagEdit() {
|
||||||
|
batchTagEdit = true;
|
||||||
|
tagEditValue = '';
|
||||||
|
// Show tags common to ALL selected notes
|
||||||
|
const selectedNotes = $notes.filter(n => selectedPaths.has(n.path));
|
||||||
|
if (selectedNotes.length === 0) { tagEditTags = []; return; }
|
||||||
|
tagEditTags = selectedNotes[0].meta.tags.filter(t =>
|
||||||
|
selectedNotes.every(n => n.meta.tags.includes(t))
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function addTagToBatch(tag: string) {
|
||||||
|
if (!tag.trim()) return;
|
||||||
|
const cleaned = tag.trim().toLowerCase();
|
||||||
|
tagEditValue = '';
|
||||||
|
if (!tagEditTags.includes(cleaned)) tagEditTags = [...tagEditTags, cleaned];
|
||||||
|
try {
|
||||||
|
for (const path of selectedPaths) {
|
||||||
|
const content = await readNote(path);
|
||||||
|
if (!content.meta.tags.includes(cleaned)) {
|
||||||
|
content.meta.tags = [...content.meta.tags, cleaned];
|
||||||
|
await saveNote(path, content.meta, content.content);
|
||||||
|
$notes = $notes.map(n =>
|
||||||
|
n.path === path ? { ...n, meta: { ...n.meta, tags: content.meta.tags } } : n
|
||||||
|
);
|
||||||
|
if ($activeNotePath === path) {
|
||||||
|
$activeNote = content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$tags = await getAllTags();
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Failed to add tag to batch:', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function removeTagFromBatch(tag: string) {
|
||||||
|
tagEditTags = tagEditTags.filter(t => t !== tag);
|
||||||
|
try {
|
||||||
|
for (const path of selectedPaths) {
|
||||||
|
const content = await readNote(path);
|
||||||
|
if (content.meta.tags.includes(tag)) {
|
||||||
|
content.meta.tags = content.meta.tags.filter((t: string) => t !== tag);
|
||||||
|
await saveNote(path, content.meta, content.content);
|
||||||
|
$notes = $notes.map(n =>
|
||||||
|
n.path === path ? { ...n, meta: { ...n.meta, tags: content.meta.tags } } : n
|
||||||
|
);
|
||||||
|
if ($activeNotePath === path) {
|
||||||
|
$activeNote = content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$tags = await getAllTags();
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Failed to remove tag from batch:', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function handleAddQuickAccess(note: NoteEntry) {
|
async function handleAddQuickAccess(note: NoteEntry) {
|
||||||
contextMenu = null;
|
contextMenu = null;
|
||||||
try {
|
try {
|
||||||
@@ -410,7 +545,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handleWindowClick() {
|
function handleWindowClick() {
|
||||||
if (contextMenu) { contextMenu = null; movePickerNote = null; }
|
if (contextMenu) { contextMenu = null; movePickerNote = null; tagEditNote = null; batchTagEdit = false; }
|
||||||
if (sortMenu) sortMenu = null;
|
if (sortMenu) sortMenu = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -450,7 +585,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
{#if $viewMode !== 'trash'}
|
{#if $viewMode !== 'trash'}
|
||||||
<button class="icon-btn" onclick={handleCreateNote} title="New note (Ctrl+N)">
|
<button class="icon-btn" onclick={handleCreateNote} title={`New note (${modKey}+N)`}>
|
||||||
<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>
|
||||||
@@ -506,7 +641,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div class="list-content">
|
<div class="list-content" bind:this={listContainer} onscroll={onListScroll}>
|
||||||
{#if $sortedNotes.length === 0}
|
{#if $sortedNotes.length === 0}
|
||||||
<div class="empty-state">
|
<div class="empty-state">
|
||||||
{#if $viewMode === 'trash'}
|
{#if $viewMode === 'trash'}
|
||||||
@@ -518,7 +653,9 @@
|
|||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{#each $sortedNotes as note, noteIndex (note.path)}
|
<div style="height: {topPad}px"></div>
|
||||||
|
{#each visibleNotes as note, i (note.path)}
|
||||||
|
{@const noteIndex = startIndex + i}
|
||||||
{#if editingNote === note.path}
|
{#if editingNote === note.path}
|
||||||
<div class="note-item active">
|
<div class="note-item active">
|
||||||
<input
|
<input
|
||||||
@@ -626,6 +763,7 @@
|
|||||||
</button>
|
</button>
|
||||||
{/if}
|
{/if}
|
||||||
{/each}
|
{/each}
|
||||||
|
<div style="height: {bottomPad}px"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -640,7 +778,50 @@
|
|||||||
<button class="danger" onclick={() => { contextMenu = null; handleBatchPermanentDelete(); }}>
|
<button class="danger" onclick={() => { contextMenu = null; handleBatchPermanentDelete(); }}>
|
||||||
Delete {selectedPaths.size} permanently
|
Delete {selectedPaths.size} permanently
|
||||||
</button>
|
</button>
|
||||||
|
{:else if batchTagEdit}
|
||||||
|
<button class="move-back" onclick={() => batchTagEdit = false}>
|
||||||
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<polyline points="15 18 9 12 15 6"/>
|
||||||
|
</svg>
|
||||||
|
Tags for {selectedPaths.size} notes
|
||||||
|
</button>
|
||||||
|
<div class="context-sep"></div>
|
||||||
|
<div class="tag-edit-section">
|
||||||
|
<div class="tag-edit-input-row">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="tag-edit-input"
|
||||||
|
placeholder="Add tag to all..."
|
||||||
|
bind:value={tagEditValue}
|
||||||
|
onkeydown={(e) => {
|
||||||
|
if (e.key === 'Enter') { e.preventDefault(); addTagToBatch(tagEditValue); }
|
||||||
|
if (e.key === 'Escape') { e.preventDefault(); batchTagEdit = false; }
|
||||||
|
}}
|
||||||
|
autofocus
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{#if tagEditTags.length > 0}
|
||||||
|
<div class="tag-edit-list">
|
||||||
|
{#each tagEditTags as tag}
|
||||||
|
<div class="tag-edit-item">
|
||||||
|
<span class="tag-edit-name">#{tag}</span>
|
||||||
|
<button class="tag-edit-remove" onclick={() => removeTagFromBatch(tag)} title="Remove from all">
|
||||||
|
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
<div class="context-empty">No common tags</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
|
<button onclick={() => openBatchTagEdit()}>
|
||||||
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/>
|
||||||
|
</svg>
|
||||||
|
Tags...
|
||||||
|
</button>
|
||||||
<button onclick={() => { contextMenu = null; batchMovePicker = true; }}>
|
<button onclick={() => { contextMenu = null; batchMovePicker = true; }}>
|
||||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="12" height="12" 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"/>
|
||||||
@@ -654,6 +835,43 @@
|
|||||||
{:else if $viewMode === 'trash'}
|
{:else if $viewMode === 'trash'}
|
||||||
<button onclick={() => handleRestore(contextMenu!.note)}>Restore</button>
|
<button onclick={() => handleRestore(contextMenu!.note)}>Restore</button>
|
||||||
<button class="danger" onclick={() => handlePermanentDelete(contextMenu!.note)}>Delete Permanently</button>
|
<button class="danger" onclick={() => handlePermanentDelete(contextMenu!.note)}>Delete Permanently</button>
|
||||||
|
{:else if tagEditNote}
|
||||||
|
<button class="move-back" onclick={() => tagEditNote = null}>
|
||||||
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<polyline points="15 18 9 12 15 6"/>
|
||||||
|
</svg>
|
||||||
|
Tags
|
||||||
|
</button>
|
||||||
|
<div class="context-sep"></div>
|
||||||
|
<div class="tag-edit-section">
|
||||||
|
<div class="tag-edit-input-row">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="tag-edit-input"
|
||||||
|
placeholder="Add tag..."
|
||||||
|
bind:value={tagEditValue}
|
||||||
|
onkeydown={(e) => {
|
||||||
|
if (e.key === 'Enter') { e.preventDefault(); addTagToNote(tagEditValue); }
|
||||||
|
if (e.key === 'Escape') { e.preventDefault(); tagEditNote = null; }
|
||||||
|
}}
|
||||||
|
autofocus
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{#if tagEditTags.length > 0}
|
||||||
|
<div class="tag-edit-list">
|
||||||
|
{#each tagEditTags as tag}
|
||||||
|
<div class="tag-edit-item">
|
||||||
|
<span class="tag-edit-name">#{tag}</span>
|
||||||
|
<button class="tag-edit-remove" onclick={() => removeTagFromNote(tag)} title="Remove tag">
|
||||||
|
<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
<div class="context-empty">No tags</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
{:else if movePickerNote}
|
{:else if movePickerNote}
|
||||||
<button class="move-back" onclick={() => movePickerNote = null}>
|
<button class="move-back" onclick={() => movePickerNote = null}>
|
||||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
@@ -683,6 +901,12 @@
|
|||||||
</svg>
|
</svg>
|
||||||
{contextMenu.note.meta.pinned ? 'Unpin Note' : 'Pin Note'}
|
{contextMenu.note.meta.pinned ? 'Unpin Note' : 'Pin Note'}
|
||||||
</button>
|
</button>
|
||||||
|
<button onclick={() => openTagEdit(contextMenu!.note)}>
|
||||||
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/>
|
||||||
|
</svg>
|
||||||
|
Tags...
|
||||||
|
</button>
|
||||||
{#if $quickAccessPaths.includes(contextMenu.note.relative_path)}
|
{#if $quickAccessPaths.includes(contextMenu.note.relative_path)}
|
||||||
<button onclick={() => handleRemoveQuickAccess(contextMenu!.note)}>
|
<button onclick={() => handleRemoveQuickAccess(contextMenu!.note)}>
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
@@ -1139,6 +1363,62 @@
|
|||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tag-edit-section {
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-input-row {
|
||||||
|
padding: 2px 8px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-input {
|
||||||
|
width: 100%;
|
||||||
|
padding: 4px 8px;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
border-radius: 4px;
|
||||||
|
background: var(--bg-secondary);
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-size: 12px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-input:focus {
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-list {
|
||||||
|
max-height: 160px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 3px 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-name {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-remove {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--text-tertiary);
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 2px;
|
||||||
|
border-radius: 3px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-edit-remove:hover {
|
||||||
|
color: var(--danger, #e53e3e);
|
||||||
|
background: color-mix(in srgb, var(--danger, #e53e3e) 10%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
.sort-menu {
|
.sort-menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background: var(--bg-primary);
|
background: var(--bg-primary);
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { showSettings, theme, appConfig, updateAvailable as globalUpdateAvailable, installType, settingsTab } from '$lib/stores/app';
|
import { showSettings, theme, appConfig, updateAvailable as globalUpdateAvailable, updateObj as globalUpdateObj, installType, settingsTab } from '$lib/stores/app';
|
||||||
import { setTheme, setAccentColor, setFontSize, setFontFamily, 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';
|
||||||
@@ -41,6 +41,14 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 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;
|
||||||
@@ -49,6 +57,7 @@
|
|||||||
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 });
|
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!` };
|
||||||
@@ -299,6 +308,7 @@
|
|||||||
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);
|
||||||
@@ -351,12 +361,13 @@
|
|||||||
$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, defaultViewMode, showTrayIcon, closeToTray, enableWikiLinks)
|
setGeneralSettings(compactNotes, timeFormat, gpuAcceleration, autostart, pdfPreview, pdfHeight, titleMode, hideTitleInBody, showLineNumbers, defaultViewMode, showTrayIcon, closeToTray, enableWikiLinks)
|
||||||
.catch((e) => console.error('Failed to save general settings:', e));
|
.catch((e) => console.error('Failed to save general settings:', e));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -616,6 +627,15 @@
|
|||||||
<span class="toggle-knob"></span>
|
<span class="toggle-knob"></span>
|
||||||
</button>
|
</button>
|
||||||
</label>
|
</label>
|
||||||
|
<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>
|
||||||
<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>
|
||||||
@@ -1052,7 +1072,7 @@
|
|||||||
<div class="update-notes">{updateAvailable.body}</div>
|
<div class="update-notes">{updateAvailable.body}</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{#if $installType === 'appimage' || $installType === 'windows'}
|
{#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>
|
||||||
@@ -1074,6 +1094,11 @@
|
|||||||
<p>Update via your package manager:</p>
|
<p>Update via your package manager:</p>
|
||||||
<code>sudo apt update && sudo apt upgrade helix-notes</code>
|
<code>sudo apt update && sudo apt upgrade helix-notes</code>
|
||||||
</div>
|
</div>
|
||||||
|
{:else if $installType === 'aur'}
|
||||||
|
<div class="update-apt-info">
|
||||||
|
<p>Update via your AUR helper:</p>
|
||||||
|
<code>yay -Syu helixnotes</code>
|
||||||
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<a class="update-install-btn" href="https://codeberg.org/ArkHost/HelixNotes/releases" target="_blank" rel="noopener">
|
<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">
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
quickAccessPaths,
|
quickAccessPaths,
|
||||||
collapsedNotebooks
|
collapsedNotebooks
|
||||||
} from '$lib/stores/app';
|
} from '$lib/stores/app';
|
||||||
import { getNotebooks, getAllTags, createNotebook, deleteNotebook, renameNotebook, getNotebookIcons, setNotebookIcon, saveAttachment, getQuickAccess, addQuickAccess, removeQuickAccess, emptyTrash, moveNote, readNote, getNotes } from '$lib/api';
|
import { getNotebooks, getAllTags, createNotebook, deleteNotebook, renameNotebook, moveNotebook, 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,13 +27,18 @@
|
|||||||
onViewChanged?: () => void;
|
onViewChanged?: () => void;
|
||||||
} = $props();
|
} = $props();
|
||||||
|
|
||||||
|
const modKey = navigator.platform.startsWith('Mac') ? '⌘' : 'Ctrl';
|
||||||
|
|
||||||
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)) {
|
||||||
@@ -116,8 +121,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleDelete(nb: NotebookEntry) {
|
function countNotesRecursive(nb: NotebookEntry): number {
|
||||||
|
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) {
|
||||||
@@ -150,6 +169,43 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
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;
|
||||||
@@ -244,7 +300,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
{#if !$sidebarCollapsed}
|
{#if !$sidebarCollapsed}
|
||||||
<button class="icon-btn" onclick={() => ($showSearch = true)} title="Search (Ctrl+F)">
|
<button class="icon-btn" onclick={() => ($showSearch = true)} title={`Search (${modKey}+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" />
|
||||||
@@ -292,7 +348,25 @@
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="section-header">
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
|
<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={() => (showNewNotebook = !showNewNotebook)} title="New notebook">
|
<button class="icon-btn-sm" onclick={() => (showNewNotebook = !showNewNotebook)} title="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">
|
||||||
@@ -323,23 +397,26 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if $tags.length > 0}
|
{#if $tags.length > 0}
|
||||||
<div class="section">
|
<div class="tags-section">
|
||||||
<div class="section-header">
|
<button class="section-header" onclick={() => tagsCollapsed = !tagsCollapsed}>
|
||||||
<span class="section-title">Tags</span>
|
<span class="section-title">Tags</span>
|
||||||
</div>
|
<span class="tag-count" style="margin-left: auto">{$tags.length}</span>
|
||||||
<div class="tag-list">
|
</button>
|
||||||
{#each $tags as [tag, count]}
|
{#if !tagsCollapsed}
|
||||||
<button
|
<div class="tag-list">
|
||||||
class="tag-item"
|
{#each $tags as [tag, count]}
|
||||||
class:active={$viewMode === 'tag' && $activeTag === tag}
|
<button
|
||||||
onclick={() => selectTag(tag)}
|
class="tag-item"
|
||||||
>
|
class:active={$viewMode === 'tag' && $activeTag === tag}
|
||||||
<span class="tag-hash">#</span>
|
onclick={() => selectTag(tag)}
|
||||||
<span class="tag-name">{tag}</span>
|
>
|
||||||
<span class="tag-count">{count}</span>
|
<span class="tag-hash">#</span>
|
||||||
</button>
|
<span class="tag-name">{tag}</span>
|
||||||
{/each}
|
<span class="tag-count">{count}</span>
|
||||||
</div>
|
</button>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
@@ -400,6 +477,21 @@
|
|||||||
</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)}
|
||||||
@@ -423,11 +515,34 @@
|
|||||||
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)}
|
||||||
ondragover={(e) => { e.preventDefault(); e.dataTransfer!.dropEffect = 'move'; dropTargetPath = nb.path; }}
|
ondragstart={(e) => { draggedNotebookPath = nb.path; e.dataTransfer!.setData('text/plain', nb.path); e.dataTransfer!.effectAllowed = 'move'; }}
|
||||||
|
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) => handleNoteDrop(e, nb)}
|
ondrop={(e) => {
|
||||||
|
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 -->
|
||||||
@@ -519,11 +634,26 @@
|
|||||||
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 {
|
||||||
@@ -610,7 +740,8 @@
|
|||||||
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;
|
||||||
@@ -759,4 +890,71 @@
|
|||||||
.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;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,12 +1,15 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { getCurrentWindow } from '@tauri-apps/api/window';
|
import { getCurrentWindow } from '@tauri-apps/api/window';
|
||||||
import { vaultReady, focusMode, updateAvailable, showSettings, settingsTab } from '$lib/stores/app';
|
import { vaultReady, focusMode, readOnly, updateAvailable, showSettings, settingsTab } from '$lib/stores/app';
|
||||||
|
|
||||||
let { onNewNote = () => {} }: {
|
let { onNewNote = () => {}, onDailyNote = () => {} }: {
|
||||||
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() {
|
||||||
@@ -59,7 +62,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<div class="titlebar" onmousedown={handleMouseDown}>
|
<div class="titlebar" class:macos={isMac} 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)" />
|
||||||
@@ -89,13 +92,34 @@
|
|||||||
<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="new-note-btn" onclick={onNewNote} title="New Note (Ctrl+N)">
|
<button class="switch-vault-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>
|
||||||
|
<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">
|
||||||
@@ -121,6 +145,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@@ -196,6 +221,11 @@
|
|||||||
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;
|
||||||
@@ -203,7 +233,7 @@
|
|||||||
padding: 4px 12px 4px 10px;
|
padding: 4px 12px 4px 10px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
background: var(--accent);
|
background: color-mix(in srgb, var(--accent) 85%, black);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 11.5px;
|
font-size: 11.5px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -252,4 +282,9 @@
|
|||||||
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>
|
||||||
|
|||||||
@@ -57,7 +57,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h1>HelixNotes</h1>
|
<h1>HelixNotes</h1>
|
||||||
<p class="subtitle">Local-first markdown notes</p>
|
<p class="subtitle">Local markdown notes</p>
|
||||||
<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 error}
|
{#if error}
|
||||||
|
|||||||
@@ -42,6 +42,7 @@ export const activeTag = writable<string | null>(null);
|
|||||||
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");
|
||||||
@@ -51,6 +52,7 @@ export const updateAvailable = writable<{
|
|||||||
version: string;
|
version: string;
|
||||||
body?: string;
|
body?: string;
|
||||||
} | null>(null);
|
} | null>(null);
|
||||||
|
export const updateObj = writable<any>(null);
|
||||||
export const installType = writable<string>("native");
|
export const installType = writable<string>("native");
|
||||||
|
|
||||||
export async function checkForUpdate() {
|
export async function checkForUpdate() {
|
||||||
@@ -59,6 +61,7 @@ export async function checkForUpdate() {
|
|||||||
const update = await check();
|
const update = await check();
|
||||||
if (update) {
|
if (update) {
|
||||||
updateAvailable.set({ version: update.version, body: update.body });
|
updateAvailable.set({ version: update.version, body: update.body });
|
||||||
|
updateObj.set(update);
|
||||||
}
|
}
|
||||||
} catch {
|
} catch {
|
||||||
// Silent fail — don't disrupt app startup
|
// Silent fail — don't disrupt app startup
|
||||||
|
|||||||
Reference in New Issue
Block a user