feat: split things even more (#887)

Author: baseplate-admin

src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/config/+page.svelte

@@ -6,10 +6,11 @@
 	import { formatBytes, type ByteUnit } from '#functions/bytes';
 	import { type TimeUnit } from '#functions/times';
 	import ConfigLoadingSkeleton from './config_loading_skeleton.svelte';
-	import StorageFilesCard from './storage_file_card.svelte';
-	import RetentionPolicyCard from './retention_policy_card.svelte';
-	import FileSecurityCard from './file_security_card.svelte';
-	import SiteDescriptionCard from './site_description_card.svelte';
+
+	const { default: StorageFilesCard } = await import('./storage_file_card.svelte');
+	const { default: RetentionPolicyCard } = await import('./retention_policy_card.svelte');
+	const { default: FileSecurityCard } = await import('./file_security_card.svelte');
+	const { default: SiteDescriptionCard } = await import('./site_description_card.svelte');
 
 	const { config: configQuery, update_config } = useConfigQuery();
 

src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/urls/+page.svelte

@@ -5,7 +5,8 @@
 	import { useFilesQuery } from '#queries/files';
 	import { toast } from 'svelte-sonner';
 	import { page } from '$app/state';
-	import OutstandingUrlsCard from './outstanding_urls_card.svelte';
+
+	const { default: OutstandingUrlsCard } = await import('./outstanding_urls_card.svelte');
 
 	let currentPage = $state(1);
 	const pageSize = 20;

src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/user/+page.svelte

@@ -3,8 +3,9 @@
 	import { useAuth } from '#queries/auth';
 	import { kebab_to_initials } from '#functions/string-conversion';
 	import { make_libravatar_url } from '#functions/libravatar';
-	import ProfileFieldsGroup from './profile_fields_group.svelte';
-	import ProfileSubmitSection from './profile_submit_section.svelte';
+
+	const { default: ProfileFieldsGroup } = await import('./profile_fields_group.svelte');
+	const { default: ProfileSubmitSection } = await import('./profile_submit_section.svelte');
 
 	const { user, updateUser } = useAuth();
 

src/frontend/src/routes/(needs_onboarding)/(login_required)/admin/users/+page.svelte

@@ -7,8 +7,9 @@
 	import { Button } from '$lib/components/ui/button';
 	import { Trash2, UserPlus } from '@lucide/svelte';
 	import { toast } from 'svelte-sonner';
-	import CreateUserDialog from './create_user_dialog.svelte';
-	import DeleteUserDialog from './delete_user_dialog.svelte';
+
+	const { default: CreateUserDialog } = await import('./create_user_dialog.svelte');
+	const { default: DeleteUserDialog } = await import('./delete_user_dialog.svelte');
 
 	let currentPage = $state(1);
 	const pageSize = 20;

src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/speedtest/+page.svelte

@@ -18,8 +18,9 @@
 	import { Play, RotateCw, Activity, ArrowDown, ArrowUp, Timer } from '@lucide/svelte';
 	import { Api } from '#consts/backend';
 	import SpeedtestWorker from './speedtest.worker?worker';
-	import SpeedGauge from './SpeedGauge.svelte';
-	import SpeedGraph from './SpeedGraph.svelte';
+
+	const { default: SpeedGauge } = await import('./SpeedGauge.svelte');
+	const { default: SpeedGraph } = await import('./SpeedGraph.svelte');
 
 	let worker: Worker | undefined;
 	let status = $state<

src/frontend/src/routes/(needs_onboarding)/(navbar_and_footer)/upload/+page.svelte

@@ -3,20 +3,23 @@
 	import { useConfigQuery } from '#queries/config';
 	import { Skeleton } from '$lib/components/ui/skeleton';
 	import { ScrollArea } from '$lib/components/ui/scroll-area';
-	import RecentUpload from './recent_upload.svelte';
-	import UploadShowcase from './upload_showcase.svelte';
 	import { toast } from 'svelte-sonner';
 	import { dev } from '$app/environment';
 	import { markdown_to_html } from '$lib/markdown/markdown';
 	import { Button } from '$lib/components/ui/button';
 	import { fly, fade } from 'svelte/transition';
 	import { onMount } from 'svelte';
 	import { CloudOff } from '@lucide/svelte';
+	import { UploadStage, isWhichUploadStage } from './enums';
 
+	// Stages
 	const { default: Stage1 } = await import('./stage_1.svelte');
 	const { default: Stage2 } = await import('./stage_2.svelte');
 	const { default: Stage3 } = await import('./stage_3.svelte');
-	import { UploadStage, isWhichUploadStage } from './enums';
+
+	// Modals
+	const { default: UploadShowcase } = await import('./upload_showcase.svelte');
+	const { default: RecentUpload } = await import('./recent_upload.svelte');
 
 	const { config: configData } = useConfigQuery();
 

src/frontend/src/routes/onboarding/stage_2.svelte

@@ -43,8 +43,8 @@
 		isLoading = true;
 		try {
 			await update_config({
-				total_storage_limit_gb: bytesToNumber(storageLimitVal, storageLimitUnit),
-				max_file_size_mb: bytesToNumber(maxFileVal, maxFileUnit),
+				total_storage_limit: bytesToNumber(storageLimitVal, storageLimitUnit),
+				max_file_size_limit: bytesToNumber(maxFileVal, maxFileUnit),
 				site_description: description
 			});
 			toast.success('Configuration saved');