Working file support

src-tauri/Cargo.lock

@@ -1615,6 +1615,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.9.5"
@@ -3789,6 +3795,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 = [] }
+tauri = { version = "2", features = ["protocol-asset"] }
 tauri-plugin-shell = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"

src-tauri/tauri.conf.json

@@ -16,7 +16,14 @@
       }
     ],
     "security": {
-      "csp": null
+      "csp": "default-src 'self' ipc: http://ipc.localhost; img-src 'self' asset: http://asset.localhost",
+      "assetProtocol": {
+        "enable": true,
+        "scope": [
+					"$HOME/**"
+				]
+      }
+
     }
   },
   "bundle": {

src/main.js

@@ -7,6 +7,7 @@ const filePath = await join(appDataDirPath, 'Pictures/wallpaper.png');
 
 const assetUrl = convertFileSrc(filePath);
 
+
 let text = "";
 window.addEventListener("DOMCharacterDataModified", () => {
 // window.addEventListener("DOMContentLoaded", () => {
@@ -17,7 +18,7 @@ window.addEventListener("DOMCharacterDataModified", () => {
       (ret)=>{    
         var tag_id = document.getElementById('rendered_markdown');
         // tag_id.innerHTML = "<pre>".concat("", ret).concat("", "</pre>");
-        tag_id.innerText = assetUrl.concat("", ' \n <img src="'.concat("", assetUrl).concat("", '" alt="Girl in a jacket" width="500" height="600">'))
+        tag_id.innerHTML = assetUrl.concat(" ", ' \n <img src="'.concat("", assetUrl).concat("", '" alt="Girl in a jacket" width="500" height="600">'))
       }
     );