Updates

src/components/admin/pages/edit/Editor.svelte

@@ -30,6 +30,7 @@
 
     export let pageId: number;
     export let branch: string;
+    export let dirty: boolean = false;
 
     let dispatcher = createEventDispatcher();
 
@@ -47,6 +48,7 @@
         let message = window.prompt("Commit message:", "Update " + page!.name)
         if (message) {
             $pageRepo.updatePage(pageId, pageContent, page!.sha, message, branch)
+            dirty = false;
         }
     }
 
@@ -54,11 +56,16 @@
         let message = window.prompt("Commit message:", "Delete " + page!.name)
         if (message) {
             await $pageRepo.deletePage(pageId, message, page!.sha, branch)
+            dirty = false;
             dispatcher("reload")
         }
     }
 </script>
-
+<svelte:window on:beforeunload={() => {
+    if (dirty) {
+        return "You have unsaved changes. Are you sure you want to leave?";
+    }
+}} />
 {#await pageFuture}
     <Spinner />
 {:then p}
@@ -76,9 +83,9 @@
             </Toolbar>
         </div>
         {#if page?.name.endsWith("md")}
-            <MDEMarkdownEditor bind:value={pageContent} />
+            <MDEMarkdownEditor bind:value={pageContent} bind:dirty />
         {:else}
-            <CodeMirror bind:value={pageContent} lang={json()} theme={materialDark} />
+            <CodeMirror bind:value={pageContent} lang={json()} theme={materialDark} on:change={() => dirty = true} />
         {/if}
     </div>
 {:catch error}