markdown insert media

front/js/svelte/files/Uploader.svelte

@@ -1,5 +1,6 @@
 <script>
     import { createEventDispatcher, getContext } from "svelte";
+    import Icon from "../common/Icon.svelte";
 
     const dispatch = createEventDispatcher();
 
@@ -45,6 +46,7 @@
 
 <fieldset class="upload-button" disabled={isLoading}>
     <label class="button primary btn-spinner">
+        <Icon icon="upload"></Icon>
         <span
             class="spinner-border spinner-border-sm"
             role="status"

front/js/svelte/files/imageserver.js

@@ -6,6 +6,14 @@ export function imgurl(channel, file) {
   return channel.filesUrl + `/thumbs/${webpPath}`;
 }
 
+export function presetUrl(channel, file, preset) {
+  if (file.mime === "image/svg+xml") {
+    return fileurl(channel, file);
+  }
+  const webpPath = file.path.slice(0, file.path.lastIndexOf(".")) + ".webp";
+  return channel.filesUrl + `/templates/${preset}/${webpPath}`;
+}
+
 export function fileurl(channel, file) {
   return channel.filesUrl + `/${file.path}`;
 }