chore: add import sort plugin, sort imports

src/lib/components/ui/alert-dialog/alert-dialog-action.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
   import { buttonVariants } from '$lib/components/ui/button/index.js';
   import { cn } from '$lib/utils.js';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
   import { buttonVariants } from '$lib/components/ui/button/index.js';
   import { cn } from '$lib/utils.js';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from 'bits-ui';
-  import AlertDialogOverlay from './alert-dialog-overlay.svelte';
   import { cn } from '$lib/utils.js';
+  import AlertDialogOverlay from './alert-dialog-overlay.svelte';
+  import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/alert-dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/alert-dialog/index.ts

@@ -1,12 +1,12 @@
-import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-import Title from './alert-dialog-title.svelte';
 import Action from './alert-dialog-action.svelte';
 import Cancel from './alert-dialog-cancel.svelte';
+import Content from './alert-dialog-content.svelte';
+import Description from './alert-dialog-description.svelte';
 import Footer from './alert-dialog-footer.svelte';
 import Header from './alert-dialog-header.svelte';
 import Overlay from './alert-dialog-overlay.svelte';
-import Content from './alert-dialog-content.svelte';
-import Description from './alert-dialog-description.svelte';
+import Title from './alert-dialog-title.svelte';
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
 const Root = AlertDialogPrimitive.Root;
 const Trigger = AlertDialogPrimitive.Trigger;

src/lib/components/ui/avatar/avatar-fallback.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Avatar as AvatarPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/avatar/avatar-image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Avatar as AvatarPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Avatar as AvatarPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Avatar as AvatarPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/avatar/index.ts

@@ -1,6 +1,6 @@
-import Root from './avatar.svelte';
-import Image from './avatar-image.svelte';
 import Fallback from './avatar-fallback.svelte';
+import Image from './avatar-image.svelte';
+import Root from './avatar.svelte';
 
 export {
   Root,

src/lib/components/ui/badge/badge.svelte

@@ -22,9 +22,9 @@
 </script>
 
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAnchorAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import { cn } from '$lib/utils.js';
   import Check from '@lucide/svelte/icons/check';
   import Minus from '@lucide/svelte/icons/minus';
-  import { cn } from '$lib/utils.js';
+  import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/checkbox/index.ts

@@ -1,4 +1,5 @@
 import Root from './checkbox.svelte';
+
 export {
   Root,
   //

src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import { cn } from '$lib/utils.js';
   import Check from '@lucide/svelte/icons/check';
   import Minus from '@lucide/svelte/icons/minus';
-  import { cn } from '$lib/utils.js';
+  import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
   import type { Snippet } from 'svelte';
 
   let {

src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
-  import Circle from '@lucide/svelte/icons/circle';
   import { cn } from '$lib/utils.js';
+  import Circle from '@lucide/svelte/icons/circle';
+  import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
-  import { type WithElementRef } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { type WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-  import ChevronRight from '@lucide/svelte/icons/chevron-right';
   import { cn } from '$lib/utils.js';
+  import ChevronRight from '@lucide/svelte/icons/chevron-right';
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/dropdown-menu/index.ts

@@ -1,4 +1,3 @@
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
 import Content from './dropdown-menu-content.svelte';
 import GroupHeading from './dropdown-menu-group-heading.svelte';
@@ -9,6 +8,7 @@ import Separator from './dropdown-menu-separator.svelte';
 import Shortcut from './dropdown-menu-shortcut.svelte';
 import SubContent from './dropdown-menu-sub-content.svelte';
 import SubTrigger from './dropdown-menu-sub-trigger.svelte';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 
 const Sub = DropdownMenuPrimitive.Sub;
 const Root = DropdownMenuPrimitive.Root;

src/lib/components/ui/input/input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { HTMLInputAttributes } from 'svelte/elements';
-  import type { WithElementRef } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLInputAttributes } from 'svelte/elements';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/label/label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Label as LabelPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Label as LabelPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/osu-cursor/OsuCursor.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import cursor_default from '$assets/cursor.png';
   import cursor_additive from '$assets/cursor-additive.png';
+  import cursor_default from '$assets/cursor.png';
+  import { cursorSmoothness } from '@/userSettings';
   import { animate } from 'animejs';
   import { onMount } from 'svelte';
-  import { cursorSmoothness } from '@/userSettings';
 
   let { smoothCursor = true }: { smoothCursor?: boolean } = $props();
 
@@ -101,7 +101,7 @@
       duration: smoothCursor ? $cursorSmoothness : 0,
       translateX: mouseX,
       translateY: mouseY,
-      ease: (t: number) => t === 1 ? 1 : 1 - Math.pow(2, -10 * t),
+      ease: (t: number) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t)),
     });
 
     animate(cursor, {
@@ -203,4 +203,4 @@
   :global(html.hiddenCursor textarea) {
     cursor: none !important;
   }
-</style>
+</style>

src/lib/components/ui/progress/progress.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Progress as ProgressPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Progress as ProgressPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/index.ts

@@ -1,12 +1,11 @@
-import { Select as SelectPrimitive } from 'bits-ui';
-
+import Content from './select-content.svelte';
 import GroupHeading from './select-group-heading.svelte';
 import Item from './select-item.svelte';
-import Content from './select-content.svelte';
-import Trigger from './select-trigger.svelte';
-import Separator from './select-separator.svelte';
 import ScrollDownButton from './select-scroll-down-button.svelte';
 import ScrollUpButton from './select-scroll-up-button.svelte';
+import Separator from './select-separator.svelte';
+import Trigger from './select-trigger.svelte';
+import { Select as SelectPrimitive } from 'bits-ui';
 
 const Root = SelectPrimitive.Root;
 const Group = SelectPrimitive.Group;

src/lib/components/ui/select/select-content.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
-  import SelectScrollUpButton from './select-scroll-up-button.svelte';
-  import SelectScrollDownButton from './select-scroll-down-button.svelte';
   import { cn } from '$lib/utils.js';
+  import SelectScrollDownButton from './select-scroll-down-button.svelte';
+  import SelectScrollUpButton from './select-scroll-up-button.svelte';
+  import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-group-heading.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Select as SelectPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Select as SelectPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-item.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import Check from '@lucide/svelte/icons/check';
   import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-scroll-down-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import ChevronDown from '@lucide/svelte/icons/chevron-down';
   import { Select as SelectPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-scroll-up-button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { cn } from '$lib/utils.js';
   import ChevronUp from '@lucide/svelte/icons/chevron-up';
   import { Select as SelectPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import { cn } from '$lib/utils.js';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-separator.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { Separator as SeparatorPrimitive } from 'bits-ui';
   import { Separator } from '$lib/components/ui/separator/index.js';
   import { cn } from '$lib/utils.js';
+  import type { Separator as SeparatorPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/select/select-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
-  import ChevronDown from '@lucide/svelte/icons/chevron-down';
   import { cn } from '$lib/utils.js';
+  import ChevronDown from '@lucide/svelte/icons/chevron-down';
+  import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/separator/separator.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Separator as SeparatorPrimitive } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Separator as SeparatorPrimitive } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/sonner/sonner.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
   import { mode } from 'mode-watcher';
+  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
 
   let { ...restProps }: SonnerProps = $props();
 </script>

src/lib/components/ui/switch/switch.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { Switch as SwitchPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
   import { cn } from '$lib/utils.js';
+  import { Switch as SwitchPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
 
   let {
     ref = $bindable(null),

src/lib/components/ui/titlebar/titlebar.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
-  import Minimize from '@lucide/svelte/icons/minus';
-  import Close from '@lucide/svelte/icons/x';
-  import Volume2 from '@lucide/svelte/icons/volume-2';
-
-  import { getCurrentWindow } from '@tauri-apps/api/window';
-  import { onMount } from 'svelte';
   import { custom_theme_audio_playing, custom_theme_volume } from '@/global';
   import { reduceAnimations, userSettings } from '@/userSettings';
   import { Volume, Volume1, VolumeOff } from '@lucide/svelte';
+  import Minimize from '@lucide/svelte/icons/minus';
+  import Volume2 from '@lucide/svelte/icons/volume-2';
+  import Close from '@lucide/svelte/icons/x';
+  import { getCurrentWindow } from '@tauri-apps/api/window';
+  import { onMount } from 'svelte';
 
   onMount(() => {
     const appWindow = getCurrentWindow();

src/lib/config.ts

@@ -1,7 +1,7 @@
-import { exists, mkdir, readTextFile, writeFile } from '@tauri-apps/plugin-fs';
-import * as path from '@tauri-apps/api/path';
 import { Crypto } from './crypto';
 import { getHWID } from './osuUtil';
+import * as path from '@tauri-apps/api/path';
+import { exists, mkdir, readTextFile, writeFile } from '@tauri-apps/plugin-fs';
 
 export class Config {
   private fileName: string;
@@ -64,7 +64,7 @@ export class Config {
     });
   }
 
-  values () {
+  values() {
     return this.config;
   }
 

src/lib/data.ts

@@ -1,4 +1,4 @@
-import { writable } from 'svelte/store';
 import type { EZPPUserInfo } from './types';
+import { writable } from 'svelte/store';
 
 export const currentUserInfo = writable<EZPPUserInfo | undefined>(undefined);

src/lib/global.ts

@@ -1,11 +1,12 @@
-import { writable } from 'svelte/store';
-import { ezppfarm } from './api/ezpp';
-import type { Component } from 'svelte';
-import Loading from '../screens/Loading.svelte';
-import type { Release } from './types';
-import type { Theme } from './themes';
 import { browser } from '$app/environment';
+import Loading from '../screens/Loading.svelte';
+import { ezppfarm } from './api/ezpp';
+import type { Theme } from './themes';
+import type { Release } from './types';
 import { setGlobalVolume } from './utils';
+import type { Component } from 'svelte';
+import { writable } from 'svelte/store';
+
 export const currentView = writable<Component>(Loading);
 
 export const platform = writable<string>('');

src/lib/osuUtil.ts

@@ -1,7 +1,7 @@
-import { invoke } from '@tauri-apps/api/core';
 import type { UpdateFile, UpdateStatus } from './types';
-import { listen } from '@tauri-apps/api/event';
 import { betterFetch } from '@better-fetch/fetch';
+import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
 
 const updateUrl = 'https://ez-pp.farm/api/ezpplauncher';
 

src/lib/themes.ts

@@ -1,9 +1,9 @@
-import * as path from '@tauri-apps/api/path';
-import * as fs from '@tauri-apps/plugin-fs';
-import { convertFileSrc } from '@tauri-apps/api/core';
 import { active_custom_theme, custom_themes } from './global';
 import { calculateGitBlobSha, setGlobalVolume } from './utils';
 import { betterFetch } from '@better-fetch/fetch';
+import { convertFileSrc } from '@tauri-apps/api/core';
+import * as path from '@tauri-apps/api/path';
+import * as fs from '@tauri-apps/plugin-fs';
 import zip from 'jszip';
 import { SemVer } from 'semver';
 

src/lib/userAuthentication.ts

@@ -1,6 +1,6 @@
-import { writable } from 'svelte/store';
 import { Config } from './config';
 import type { EZPPUser } from './types';
+import { writable } from 'svelte/store';
 
 export const userAuth = writable<Config>(new Config('user_auth', true));
 export const currentUser = writable<EZPPUser | undefined>(undefined);

src/lib/userSettings.ts

@@ -1,5 +1,5 @@
-import { writable } from 'svelte/store';
 import { Config } from './config';
+import { writable } from 'svelte/store';
 
 export const userSettings = writable<Config>(new Config('user_settings', false));
 

src/lib/utils.ts

@@ -1,8 +1,8 @@
+import { custom_theme_audio_playing } from './global';
 import { invoke } from '@tauri-apps/api/core';
 import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { custom_theme_audio_playing } from './global';
 import * as crypto from 'crypto-js';
+import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

src/routes/+layout.svelte

@@ -1,9 +1,12 @@
 <script lang="ts">
   import Logo from '$assets/logo.png';
   import '../app.css';
-
-  import Titlebar from '@/components/ui/titlebar/titlebar.svelte';
   import * as AlertDialog from '@/components/ui/alert-dialog';
+  import AnimatedBg from '@/components/ui/animated-bg/AnimatedBg.svelte';
+  import Button from '@/components/ui/button/button.svelte';
+  import OsuCursor from '@/components/ui/osu-cursor/OsuCursor.svelte';
+  import SileoToast from '@/components/ui/sileo/sileo-toast.svelte';
+  import Titlebar from '@/components/ui/titlebar/titlebar.svelte';
   import {
     active_custom_theme,
     currentLoadingInfo,
@@ -20,8 +23,10 @@
     setupValues,
     trackingEnabled,
   } from '@/global';
-  import { onMount } from 'svelte';
-  import OsuCursor from '@/components/ui/osu-cursor/OsuCursor.svelte';
+  import { exit, getLauncherVersion, getPlatform } from '@/osuUtil';
+  import * as presence from '@/presence';
+  import { getDownloadableThemes, getThemes, loadTheme } from '@/themes';
+  import { userAuth } from '@/userAuthentication';
   import {
     cursorSmoothening,
     customCursor,
@@ -30,18 +35,12 @@
     reduceAnimations,
     userSettings,
   } from '@/userSettings';
-  import { Buffer } from 'buffer';
-  import SileoToast from '@/components/ui/sileo/sileo-toast.svelte';
-  import { userAuth } from '@/userAuthentication';
-  import { exit, getLauncherVersion, getPlatform } from '@/osuUtil';
-  import Button from '@/components/ui/button/button.svelte';
-  import * as presence from '@/presence';
-  import { fade } from 'svelte/transition';
-  import { getDownloadableThemes, getThemes, loadTheme } from '@/themes';
-  import { sileo } from 'sileo';
-  import AnimatedBg from '@/components/ui/animated-bg/AnimatedBg.svelte';
-  import { SemVer } from 'semver';
   import { trackMediaContainer } from '@/utils';
+  import { Buffer } from 'buffer';
+  import { SemVer } from 'semver';
+  import { sileo } from 'sileo';
+  import { onMount } from 'svelte';
+  import { fade } from 'svelte/transition';
 
   let { children } = $props();
 

src/screens/Launch.svelte

@@ -1,10 +1,30 @@
 <script lang="ts">
-  import Logo from '$assets/logo.png';
   import DefaultThemePreview from '$assets/default_preview.png';
+  import Logo from '$assets/logo.png';
+  import { ezppfarm } from '@/api/ezpp';
+  import { osuapi } from '@/api/osuapi';
+  import * as AlertDialog from '@/components/ui/alert-dialog';
   import * as Avatar from '@/components/ui/avatar';
   import Badge from '@/components/ui/badge/badge.svelte';
   import Button from '@/components/ui/button/button.svelte';
+  import { Checkbox } from '@/components/ui/checkbox';
+  import DownloadButton from '@/components/ui/download-button/DownloadButton.svelte';
+  import * as DropdownMenu from '@/components/ui/dropdown-menu';
+  import Input from '@/components/ui/input/input.svelte';
+  import Label from '@/components/ui/label/label.svelte';
+  import Progress from '@/components/ui/progress/progress.svelte';
+  import ScrollContainer from '@/components/ui/scroll-container/ScrollContainer.svelte';
   import * as Select from '@/components/ui/select';
+  import { currentUserInfo } from '@/data';
+  import { useDropZone } from '@/dropZone.svelte';
+  import {
+    getGamemodeInt,
+    getGamemodeName,
+    getModeAndTypeFromGamemode,
+    modeIntToStr,
+    typeIntToStr,
+    validModeTypeCombinationsSorted,
+  } from '@/gamemode';
   import {
     active_custom_theme,
     beatmapSets,
@@ -30,67 +50,6 @@
     skinsCount,
     trackingEnabled,
   } from '@/global';
-  import {
-    LoaderCircle,
-    Music,
-    Wifi,
-    WifiOff,
-    Drum,
-    Cherry,
-    Piano,
-    Circle,
-    LogOut,
-    LogIn,
-    Brush,
-    ArrowRight,
-    Settings,
-    House,
-    Paintbrush,
-    Trash,
-    CloudDownload,
-    Import,
-  } from '@lucide/svelte';
-  import NumberFlow from '@number-flow/svelte';
-  import * as AlertDialog from '@/components/ui/alert-dialog';
-  import Progress from '@/components/ui/progress/progress.svelte';
-  import {
-    compareBuildNumbers,
-    fadeGlobalVolume,
-    formatBytes,
-    numberHumanReadable,
-    openURL,
-    pauseGlobalMedia,
-    releaseStreamToReadable,
-    resumeGlobalMedia,
-    setCurrentTimeGlobalMedia,
-    urlIsValidImage,
-  } from '@/utils';
-  import { fade, fly, scale } from 'svelte/transition';
-  import { Checkbox } from '@/components/ui/checkbox';
-  import Label from '@/components/ui/label/label.svelte';
-  import {
-    cursorSmoothening,
-    customCursor,
-    osuInstallationPath,
-    patch,
-    preferredMode,
-    preferredType,
-    reduceAnimations,
-    userSettings,
-  } from '@/userSettings';
-  import Input from '@/components/ui/input/input.svelte';
-  import { open } from '@tauri-apps/plugin-dialog';
-  import { currentUser, userAuth } from '@/userAuthentication';
-  import {
-    getGamemodeInt,
-    getGamemodeName,
-    getModeAndTypeFromGamemode,
-    modeIntToStr,
-    typeIntToStr,
-    validModeTypeCombinationsSorted,
-  } from '@/gamemode';
-  import { currentUserInfo } from '@/data';
-  import { osuapi } from '@/api/osuapi';
   import {
     downloadEZPPLauncherUpdateFiles,
     downloadUpdate,
@@ -117,16 +76,7 @@
     startOpenTabletDriver,
     stopOpenTabletDriver,
   } from '@/osuUtil';
-  import { getCurrentWindow } from '@tauri-apps/api/window';
-  import { ezppfarm } from '@/api/ezpp';
-  import { EZPPActionStatus } from '@/types';
   import * as presence from '@/presence';
-  import { onMount } from 'svelte';
-  import * as DropdownMenu from '@/components/ui/dropdown-menu';
-  import DownloadButton from '@/components/ui/download-button/DownloadButton.svelte';
-  import { animate } from 'animejs';
-  import { sileo } from 'sileo';
-  import ScrollContainer from '@/components/ui/scroll-container/ScrollContainer.svelte';
   import {
     checkThemeFromFile,
     deleteTheme,
@@ -135,9 +85,59 @@
     loadTheme,
     type ThemeInfo,
   } from '@/themes';
+  import { EZPPActionStatus } from '@/types';
+  import { currentUser, userAuth } from '@/userAuthentication';
+  import {
+    cursorSmoothening,
+    customCursor,
+    osuInstallationPath,
+    patch,
+    preferredMode,
+    preferredType,
+    reduceAnimations,
+    userSettings,
+  } from '@/userSettings';
+  import {
+    compareBuildNumbers,
+    fadeGlobalVolume,
+    formatBytes,
+    numberHumanReadable,
+    openURL,
+    pauseGlobalMedia,
+    releaseStreamToReadable,
+    resumeGlobalMedia,
+    setCurrentTimeGlobalMedia,
+    urlIsValidImage,
+  } from '@/utils';
+  import {
+    LoaderCircle,
+    Music,
+    Wifi,
+    WifiOff,
+    Drum,
+    Cherry,
+    Piano,
+    Circle,
+    LogOut,
+    LogIn,
+    Brush,
+    ArrowRight,
+    Settings,
+    House,
+    Paintbrush,
+    Trash,
+    CloudDownload,
+    Import,
+  } from '@lucide/svelte';
+  import NumberFlow from '@number-flow/svelte';
   import { invoke } from '@tauri-apps/api/core';
   import { listen } from '@tauri-apps/api/event';
-  import { useDropZone } from '@/dropZone.svelte';
+  import { getCurrentWindow } from '@tauri-apps/api/window';
+  import { open } from '@tauri-apps/plugin-dialog';
+  import { animate } from 'animejs';
+  import { sileo } from 'sileo';
+  import { onMount } from 'svelte';
+  import { fade, fly, scale } from 'svelte/transition';
 
   let selectedView = $state('home');
   let progress = $state(-1);

src/screens/Loading.svelte

@@ -1,5 +1,10 @@
 <script lang="ts">
   import Logo from '$assets/logo.png';
+  import Launch from './Launch.svelte';
+  import SetupWizard from './SetupWizard.svelte';
+  import { ezppfarm } from '@/api/ezpp';
+  import { git } from '@/api/git';
+  import { currentUserInfo } from '@/data';
   import { estimateFrameRate } from '@/displayUtils';
   import {
     beatmapSets,
@@ -16,20 +21,6 @@
     skins,
     skinsCount,
   } from '@/global';
-  import {
-    cursorSmoothness,
-    osuInstallationPath,
-    preferredMode,
-    preferredType,
-    userSettings,
-  } from '@/userSettings';
-  import { animate, utils } from 'animejs';
-  import { onMount } from 'svelte';
-  import SetupWizard from './SetupWizard.svelte';
-  import Launch from './Launch.svelte';
-  import { currentUser, userAuth } from '@/userAuthentication';
-  import { ezppfarm } from '@/api/ezpp';
-  import { currentUserInfo } from '@/data';
   import {
     getBeatmapSetsCount,
     getEZPPLauncherStreams,
@@ -39,9 +30,18 @@
     getVersion,
     isValidOsuFolder,
   } from '@/osuUtil';
-  import { git } from '@/api/git';
-  import { sileo } from 'sileo';
   import type { EZPPUser } from '@/types';
+  import { currentUser, userAuth } from '@/userAuthentication';
+  import {
+    cursorSmoothness,
+    osuInstallationPath,
+    preferredMode,
+    preferredType,
+    userSettings,
+  } from '@/userSettings';
+  import { animate, utils } from 'animejs';
+  import { sileo } from 'sileo';
+  import { onMount } from 'svelte';
 
   let ezppLogo: HTMLImageElement;
   let spinnerCircle: SVGCircleElement;

src/screens/SetupWizard.svelte

@@ -1,21 +1,10 @@
 <script lang="ts">
+  import { dev } from '$app/environment';
   import Logo from '$assets/logo.png';
+  import Launch from './Launch.svelte';
   import Button from '@/components/ui/button/button.svelte';
-  import Input from '@/components/ui/input/input.svelte';
-  import { animate } from 'animejs';
-  import { onMount } from 'svelte';
-  import { fade } from 'svelte/transition';
-  import { Check, CircleCheckBig, CircleOff, LoaderCircle } from '@lucide/svelte';
-  import { open } from '@tauri-apps/plugin-dialog';
   import Checkbox from '@/components/ui/checkbox/checkbox.svelte';
-  import {
-    cursorSmoothening,
-    customCursor,
-    osuInstallationPath,
-    patch,
-    reduceAnimations,
-    userSettings,
-  } from '@/userSettings';
+  import Input from '@/components/ui/input/input.svelte';
   import Label from '@/components/ui/label/label.svelte';
   import {
     beatmapSets,
@@ -29,8 +18,6 @@
     skins,
     skinsCount,
   } from '@/global';
-  import Launch from './Launch.svelte';
-  import Confetti from 'svelte-confetti';
   import {
     autoDetectOsuInstallFolder,
     getBeatmapSetsCount,
@@ -40,7 +27,20 @@
     getVersion,
     isValidOsuFolder,
   } from '@/osuUtil';
-  import { dev } from '$app/environment';
+  import {
+    cursorSmoothening,
+    customCursor,
+    osuInstallationPath,
+    patch,
+    reduceAnimations,
+    userSettings,
+  } from '@/userSettings';
+  import { Check, CircleCheckBig, CircleOff, LoaderCircle } from '@lucide/svelte';
+  import { open } from '@tauri-apps/plugin-dialog';
+  import { animate } from 'animejs';
+  import { onMount } from 'svelte';
+  import Confetti from 'svelte-confetti';
+  import { fade } from 'svelte/transition';
 
   let selectedStep = $state(1);
   const steps = ['Welcome', 'Locate your osu! Installation', 'Appearance Settings'];