From fd97d589d4d6b8d3b95ca78b2b10f84646286158 Mon Sep 17 00:00:00 2001
From: Djeeberjr <djeeberjr@gmail.com>
Date: Fri, 13 May 2022 15:33:29 +0200
Subject: [PATCH] added file size

---
 web/App.svelte        |  5 ++++-
 web/sizeToReadable.ts | 10 ++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 web/sizeToReadable.ts

diff --git a/web/App.svelte b/web/App.svelte
index bde7b41..c62a50d 100644
--- a/web/App.svelte
+++ b/web/App.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import getComponentForShare from "./contentType";
 	import NotFound from "./NotFound.svelte";
+	import sizeToReadable from "./sizeToReadable";
 
 	const regex = /filename="(.*)"/gm;
 	const slug = window.location.pathname.split("/").pop();
@@ -8,6 +9,7 @@
 	let notFound = false;
 	let contentType: string;
 	let filename: string;
+	let fileSize: number = 0;
 
 	async function getFileHead() {
 		const res = await fetch(`/s/${slug}`,{method:"HEAD"});
@@ -18,6 +20,7 @@
 		}
 
 		contentType = res.headers.get("Content-Type");
+		fileSize = parseInt(res.headers.get("Content-Length"));
 
 		let match;
 		while ((match = regex.exec(res.headers.get("Content-Disposition"))) !== null) {
@@ -34,7 +37,7 @@
 
 {#if !notFound}
 	<div class="dl">
-		<a href="/s/{slug}">Download</a>
+		<a href="/s/{slug}">Download ({sizeToReadable(fileSize)})</a>
 	</div>
 {/if}
 <main>
diff --git a/web/sizeToReadable.ts b/web/sizeToReadable.ts
new file mode 100644
index 0000000..90a6797
--- /dev/null
+++ b/web/sizeToReadable.ts
@@ -0,0 +1,10 @@
+function sizeToReadable(size: number): string {
+	if (size == 0)
+		return "0 B"
+	const i = Math.floor(Math.log(size) / Math.log(1024))
+	const num = (size / Math.pow(1024, i))
+	return (num.toFixed(1).endsWith("0")?num.toFixed(0):num.toFixed(1)) + " " + ["B", "kB", "MB", "GB", "TB"][i]
+
+}
+
+export default sizeToReadable