Formatting

.prettierrc

@@ -1,10 +1,11 @@
 {
-	"useTabs": false,
+  "useTabs": false,
-	"singleQuote": true,
+  "bracketSameLine": true,
-	"trailingComma": "es5",
+  "singleQuote": true,
-	"printWidth": 100,
+  "trailingComma": "es5",
-	"plugins": ["prettier-plugin-svelte"],
+  "printWidth": 100,
-	"pluginSearchDirs": ["."],
+  "plugins": ["prettier-plugin-svelte"],
+  "pluginSearchDirs": ["."],
   "semi": false,
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

src/app.d.ts

@@ -1,12 +1,12 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
-	namespace App {
+  namespace App {
-		// interface Error {}
+    // interface Error {}
-		// interface Locals {}
+    // interface Locals {}
-		// interface PageData {}
+    // interface PageData {}
-		// interface Platform {}
+    // interface Platform {}
-	}
+  }
 }
 
-export {};
+export {}

src/components/CodeView.svelte

@@ -9,9 +9,9 @@
 
 <div class={cssClass}>
   {#if isMarkdown}
-  <div class="h-full p-2">
+    <div class="h-full p-2">
-    {@html htmlContent}
+      {@html htmlContent}
-  </div>
+    </div>
   {:else if isPlainText}
     <div class="whitespace-pre-line h-full">
       {decompressed}

src/components/ComboBox.svelte

@@ -62,12 +62,10 @@
       type="text"
       bind:value={filter}
       bind:this={inputFilter}
-      class={$$restProps.class ?? ''}
+      class={$$restProps.class ?? ''} />
-    />
     <div
       class="absolute top-full left-0 w-full bg-gray-700 max-h-[90vh] overflow-y-auto"
-      bind:this={divContainer}
+      bind:this={divContainer}>
-    >
       {#each filteredItems as item}
         <div class="p-1 hover:bg-gray-600" on:click={() => selectItem(item)}>{item.text}</div>
       {/each}
@@ -78,8 +76,7 @@
       readonly
       value={value?.text ?? ''}
       class={$$restProps.class ?? ''}
-      on:click={showOptions}
+      on:click={showOptions} />
-    />
   {/if}
 </div>
 

src/components/EditForm.svelte

@@ -113,8 +113,7 @@
       <input
         bind:this={urlInput}
         type="text"
-        class="border border-gray-300 bg-transparent p-1 grow"
+        class="border border-gray-300 bg-transparent p-1 grow" />
-      />
       <button class="button" on:click={copyUrl} title="Copy">
         <Icon class="text-xl" icon="fluent:copy-16-regular" />
       </button>
@@ -128,8 +127,7 @@
         <ComboBox
           items={languages}
           bind:value={selectedLanguage}
-          class="bg-gray-700 border border-gray-300 p-1"
+          class="bg-gray-700 border border-gray-300 p-1" />
-        />
       </div>
 
       <!-- Toggle text wrap -->

src/components/TopBar.svelte

@@ -2,8 +2,7 @@
 </script>
 
 <div
-  class="flex flex-wrap justify-between items-center px-3 py-1 text-sm w-full z-10 shadow-md gap-2 font-mono bg-gray-700"
+  class="flex flex-wrap justify-between items-center px-3 py-1 text-sm w-full z-10 shadow-md gap-2 font-mono bg-gray-700">
->
   <div class="flex items-center">
     <h1 class="text-xl">
       <a href="/new" title="Create a new note">Paste</a>

src/routes/+layout.svelte

@@ -2,4 +2,4 @@
   import '../app.postcss'
 </script>
 
-<slot />
+<slot />

src/routes/+layout.ts

@@ -1,2 +1,2 @@
 export const prerender = true
-export const ssr = false
+export const ssr = false

src/routes/+page.svelte

@@ -67,39 +67,35 @@
       <a
         href={'/editor' + getUrlDataPart()}
         class="p-1 hover:bg-gray-600/50"
-        title="Edit a copy of this note"
+        title="Edit a copy of this note">
-      >
         <Icon class="text-xl" icon="fluent:document-edit-16-regular" />
       </a>
     </TopBar>
   {/if}
 
   {#if htmlContent || decompressed}
-    <div class="overflow-y-auto grow">
+    <div class="overflow-y-auto grow pb-4">
       {#if isInIframe()}
         <CodeView
           class="prose dark:prose-invert w-full max-w-full h-full"
           {isMarkdown}
           {isPlainText}
           {decompressed}
-          {htmlContent}
+          {htmlContent} />
-        />
       {:else}
         <CodeView
           class="prose dark:prose-invert lg:py-12 p-[0.5em] md:max-w-3xl md:mx-auto lg:max-w-4xl"
           {isMarkdown}
           {isPlainText}
           {decompressed}
-          {htmlContent}
+          {htmlContent} />
-        />
       {/if}
     </div>
   {/if}
 
   <footer
     class="absolute bottom-0 left-0 w-full bg-gray-700 px-4 py-1 font-mono text-xs"
-    class:hidden={!isInIframe()}
+    class:hidden={!isInIframe()}>
-  >
     <a href={window.location.href} target="_blank">Powered by Paste</a>
   </footer>
 </div>

src/routes/editor/+page.svelte

@@ -66,11 +66,10 @@
         editor.setValue(decompressed)
       }
     }
-
   }
 </script>
 
-<svelte:head>  
+<svelte:head>
   <script
     src="https://cdn.jsdelivr.net/combine/
 npm/codemirror@5.65.16,
@@ -80,8 +79,7 @@ npm/codemirror@5.65.16/addon/mode/multiplex.min.js,
 npm/codemirror@5.65.16/addon/mode/simple.min.js,
 npm/codemirror@5.65.16/addon/scroll/simplescrollbars.js,
 npm/codemirror@5.65.16/mode/meta.min.js"
-    on:load={initCodeEditor}
+    on:load={initCodeEditor}></script>
-  ></script>
 </svelte:head>
 
 <div class="flex flex-col font-mono h-screen bg-gray-700">

tsconfig.json

@@ -1,17 +1,17 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
+  "extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
+  "compilerOptions": {
-		"allowJs": true,
+    "allowJs": true,
-		"checkJs": true,
+    "checkJs": true,
-		"esModuleInterop": true,
+    "esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
+    "forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
+    "resolveJsonModule": true,
-		"skipLibCheck": true,
+    "skipLibCheck": true,
-		"sourceMap": true,
+    "sourceMap": true,
-		"strict": true
+    "strict": true
-	}
+  }
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
-	//
+  //
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
+  // from the referenced tsconfig.json - TypeScript does not merge them in
-}
+}