fix image preview

src-tauri/Cargo.lock

@@ -670,6 +670,7 @@ name = "chrono-snap"
 version = "0.1.0"
 dependencies = [
  "anyhow",
+ "base64 0.22.1",
  "chrono",
  "image",
  "serde",
@@ -2023,6 +2024,12 @@ dependencies = [
  "pin-project-lite",
 ]
 
+[[package]]
+name = "http-range"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21dec9db110f5f872ed9699c3ecf50cf16f423502706ba5c72462e28d3157573"
+
 [[package]]
 name = "httparse"
 version = "1.10.1"
@@ -4902,6 +4909,7 @@ dependencies = [
  "gtk",
  "heck 0.5.0",
  "http",
+ "http-range",
  "jni",
  "libc",
  "log",

src-tauri/Cargo.toml

@@ -18,7 +18,7 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 tauri-build = { version = "2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = ["tray-icon"] }
+tauri = { version = "2", features = ["protocol-asset", "tray-icon"] }
 tauri-plugin-opener = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
@@ -30,6 +30,7 @@ image = "0.25.10"
 chrono = "0.4.44"
 tokio = { version = "1.50.0", features = ["rt-multi-thread", "macros", "time"] }
 anyhow = "1.0.102"
+base64 = "0.22.1"
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
 tauri-plugin-autostart = "2"

src-tauri/src/engine.rs

@@ -24,6 +24,14 @@ pub fn get_pause_state(state: tauri::State<'_, AppState>) -> bool {
     state.is_paused.load(Ordering::SeqCst)
 }
 
+use base64::{engine::general_purpose, Engine as _};
+
+#[tauri::command]
+pub fn get_image_base64(path: String) -> Result<String, String> {
+    let bytes = fs::read(path).map_err(|e| e.to_string())?;
+    Ok(general_purpose::STANDARD.encode(bytes))
+}
+
 #[tauri::command]
 pub fn get_timeline(date: String, base_dir: String) -> Vec<serde_json::Value> {
     let mut results = Vec::new();

src-tauri/src/lib.rs

@@ -19,7 +19,8 @@ pub fn run() {
         .invoke_handler(tauri::generate_handler![
             engine::toggle_pause,
             engine::get_pause_state,
-            engine::get_timeline
+            engine::get_timeline,
+            engine::get_image_base64
         ])
         .setup(|app| {
             app.manage(engine::AppState {

src-tauri/tauri.conf.json

@@ -18,7 +18,11 @@
       }
     ],
     "security": {
-      "csp": null
+      "csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost tauri: http://localhost:*",
+      "assetProtocol": {
+        "enable": true,
+        "scope": ["**"]
+      }
     }
   },
   "bundle": {