Code Cleanup™

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

@@ -23,7 +23,7 @@
     import CodeMirror from "svelte-codemirror-editor";
     import {base64ToBytes} from "../../util.ts";
     import type {Page} from "@type/page.ts";
-    import {materialDark} from '@ddietr/codemirror-themes/material-dark.js'
+    import {materialDark} from "@ddietr/codemirror-themes/material-dark.js";
     import {createEventDispatcher} from "svelte";
     import MDEMarkdownEditor from "./MDEMarkdownEditor.svelte";
     import {pageRepo} from "@repo/page.ts";
@@ -40,24 +40,30 @@
 
     function getPage(value: Page): Page {
         page = value;
-        pageContent = new TextDecoder().decode(base64ToBytes(value.content));
+
+        if (!dirty || confirm("You have unchanged Changes! Discard them? ")) {
+            navigator.clipboard.writeText(pageContent);
+            dirty = false;
+            pageContent = new TextDecoder().decode(base64ToBytes(value.content));
+        }
+
         return value;
     }
 
     function savePage() {
-        let message = window.prompt("Commit message:", "Update " + page!.name)
+        let message = window.prompt("Commit message:", "Update " + page!.name);
         if (message) {
-            $pageRepo.updatePage(pageId, pageContent, page!.sha, message, branch)
+            $pageRepo.updatePage(pageId, pageContent, page!.sha, message, branch);
             dirty = false;
         }
     }
 
     async function deletePage() {
-        let message = window.prompt("Commit message:", "Delete " + page!.name)
+        let message = window.prompt("Commit message:", "Delete " + page!.name);
         if (message) {
-            await $pageRepo.deletePage(pageId, message, page!.sha, branch)
+            await $pageRepo.deletePage(pageId, message, page!.sha, branch);
             dirty = false;
-            dispatcher("reload")
+            dispatcher("reload");
         }
     }
 </script>
@@ -65,9 +71,9 @@
     if (dirty) {
         return "You have unsaved changes. Are you sure you want to leave?";
     }
-}} />
+}}/>
 {#await pageFuture}
-    <Spinner />
+    <Spinner/>
 {:then p}
     <div>
         <div>
@@ -83,9 +89,9 @@
             </Toolbar>
         </div>
         {#if page?.name.endsWith("md")}
-            <MDEMarkdownEditor bind:value={pageContent} bind:dirty />
+            <MDEMarkdownEditor bind:value={pageContent} bind:dirty/>
         {:else}
-            <CodeMirror bind:value={pageContent} lang={json()} theme={materialDark} on:change={() => dirty = true} />
+            <CodeMirror bind:value={pageContent} lang={json()} theme={materialDark} on:change={() => dirty = true}/>
         {/if}
     </div>
 {:catch error}