Fix stats reporting. Add Vite compatibility

svelte/src/user_home/dashboard/CardUsage.svelte

@@ -1,20 +1,20 @@
-<script>
+<script lang="ts">
+import { get_endpoint, get_user, type User } from "lib/PixeldrainAPI";
 import { onMount } from "svelte";
 import HotlinkProgressBar from "user_home/HotlinkProgressBar.svelte";
 import StorageProgressBar from "user_home/StorageProgressBar.svelte";
-import ProgressBar from "util/ProgressBar.svelte";
 
 let transfer_cap = $state(0)
 let transfer_used = $state(0)
-let storage_limit = window.user.subscription.storage_space
-let fs_storage_limit = window.user.subscription.filesystem_storage_limit
+let storage_limit = $state(0)
+
 let load_direct_bw = () => {
 	let today = new Date()
 	let start = new Date()
 	start.setDate(start.getDate() - 30)
 
 	fetch(
-		window.api_endpoint + "/user/time_series/transfer_paid" +
+		get_endpoint() + "/user/time_series/egress" +
 		"?start=" + start.toISOString() +
 		"&end=" + today.toISOString() +
 		"&interval=60"
@@ -29,34 +29,31 @@ let load_direct_bw = () => {
 	})
 }
 
-onMount(() => {
-	if (window.user.monthly_transfer_cap > 0) {
-		transfer_cap = window.user.monthly_transfer_cap
-	} else if (window.user.subscription.monthly_transfer_cap > 0) {
-		transfer_cap = window.user.subscription.monthly_transfer_cap
+let user: User = $state()
+onMount(async () => {
+	user = await get_user()
+
+	if (user.monthly_transfer_cap > 0) {
+		transfer_cap = user.monthly_transfer_cap
+	} else if (user.subscription.monthly_transfer_cap > 0) {
+		transfer_cap = user.subscription.monthly_transfer_cap
 	} else {
 		transfer_cap = -1
 	}
 
+	storage_limit = user.subscription.storage_space
+
 	load_direct_bw()
 })
 
 </script>
 
-Total storage space used:
-<StorageProgressBar used={window.user.storage_space_used} total={storage_limit}/>
-<br/>
-
-{#if window.user.subscription.filesystem_access === true}
-	Filesystem storage space used:
-	<StorageProgressBar
-		used={window.user.filesystem_storage_used}
-		total={fs_storage_limit > 0 ? fs_storage_limit : storage_limit}
-		disable_warnings
-	/>
+{#if user !== undefined}
+	Storage space used:
+	<StorageProgressBar used={user.storage_space_used} total={storage_limit}/>
 	<br/>
-{/if}
 
-Premium data transfer:
-(<a href="/user/sharing/bandwidth">set custom limit</a>)
-<HotlinkProgressBar used={transfer_used} total={transfer_cap}></HotlinkProgressBar>
+	Egress used (30 days):
+	(<a href="/user/sharing/bandwidth">set custom limit</a>)
+	<HotlinkProgressBar used={transfer_used} total={transfer_cap}></HotlinkProgressBar>
+{/if}