fix: svg (pre)views

webui/src/components/display/BlobPreview.svelte

@@ -6,6 +6,7 @@
   import VideoViewer from "./blobs/VideoViewer.svelte";
   import HashBadge from "./HashBadge.svelte";
   import { API_URL } from "../../lib/api";
+  import { includes } from "lodash";
 
   export let address: string;
 
@@ -60,7 +61,9 @@
           </div>
         {/if}
         <img
-          src="{API_URL}/thumb/{address}?size=512&quality=75"
+          src="{API_URL}/{mimeType?.includes('svg+xml')
+            ? 'raw'
+            : 'thumb'}/{address}?size=512&quality=75"
           alt="Thumbnail for {address}..."
           on:load={() => (imageLoaded = address)}
           on:error={() => (handled = false)}

webui/src/components/display/blobs/ImageViewer.svelte

@@ -21,6 +21,9 @@
   let imageLoaded = false;
   let imageEl: HTMLImageElement;
 
+  $: svg = Boolean($entity?.get("FILE_MIME")?.toString().includes("svg+xml"));
+  $: console.log({svg});
+
   interface Annotorious {
     addAnnotation: (a: W3cAnnotation) => void;
     on: ((
@@ -231,7 +234,7 @@
   >
     <img
       class="preview-image"
-      src="{API_URL}/{detail ? 'raw' : 'thumb'}/{address}"
+      src="{API_URL}/{detail || svg ? 'raw' : 'thumb'}/{address}"
       alt={address}
       on:load={loaded}
       bind:this={imageEl}