chore: add patching, change fonts

src/lib/osuUtil.ts

@@ -70,7 +70,7 @@ export const getSkin = async (folder: string) => {
 };
 
 export const runUpdater = async (folder: string) => await invoke('run_osu_updater', { folder });
-export const runOsu = async (folder: string) => await invoke('run_osu', { folder });
+export const runOsu = async (folder: string, patch: boolean) => await invoke('run_osu', { folder, patch });
 
 export const getEZPPLauncherUpdateFiles = async (folder: string) => {
   const result = await invoke('get_ezpp_launcher_update_files', { folder, updateUrl });

src/lib/userSettings.ts

@@ -7,6 +7,7 @@ export const customCursor = writable<boolean>(false);
 export const cursorSmoothening = writable<boolean>(false);
 export const cursorSmoothness = writable<number>(180);
 export const reduceAnimations = writable<boolean>(false);
+export const patch = writable<boolean>(true);
 
 export const osuInstallationPath = writable<string>('');
 

src/lib/utils.ts

@@ -1,4 +1,5 @@
 import { createAudioStore } from '@elron/svelte-audio-store';
+import { invoke } from '@tauri-apps/api/core';
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
@@ -93,3 +94,7 @@ export const formatBytes = (bytes: number, decimals = 2) => {
 
   return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))}${sizes[i]}`;
 };
+
+export const openURL = async (url: string) => {
+  await invoke('open_url_in_browser', { url });
+};

src/pages/Launch.svelte

@@ -40,6 +40,7 @@
     formatBytes,
     formatTimeReadable,
     numberHumanReadable,
+    openURL,
     releaseStreamToReadable,
   } from '@/utils';
   import { fade, scale } from 'svelte/transition';
@@ -49,6 +50,7 @@
     cursorSmoothening,
     customCursor,
     osuInstallationPath,
+    patch,
     preferredMode,
     preferredType,
     reduceAnimations,
@@ -86,6 +88,7 @@
     setUserConfigValues,
   } from '@/osuUtil';
   import { getCurrentWindow } from '@tauri-apps/api/window';
+  import { Heart } from 'radix-icons-svelte';
 
   let selectedTab = $state('home');
   let progress = $state(-1);
@@ -296,7 +299,7 @@
       await replaceUIFiles(osuPath, false);
       await new Promise((res) => setTimeout(res, 1000));
       await getCurrentWindow().hide();
-      await runOsu(osuPath);
+      await runOsu(osuPath, true);
       launchInfo = 'Cleaning up...';
       await getCurrentWindow().show();
       await new Promise((res) => setTimeout(res, 1000));
@@ -776,98 +779,113 @@
         <div class="flex flex-row items-center gap-3 font-semibold text-xl px-3 pt-3">
           <Settings2 /> EZPPLauncher Settings
         </div>
-        <div
-          class="grid grid-cols-[1fr_auto] gap-y-5 items-center border-t border-theme-800 py-3 px-6"
-        >
-          <div class="flex flex-col">
-            <Label class="text-sm" for="setting-custom-cursor">Lazer-Style Cursor</Label>
-            <div class="text-muted-foreground text-xs">
-              Enable a custom cursor in the Launcher like in the lazer build of osu!
+        <div>
+          <div
+            class="grid grid-cols-[1fr_auto] gap-y-5 items-center border-t border-theme-800 pt-4 pb-1 px-6"
+          >
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-custom-cursor">Patching</Label>
+              <div class="text-muted-foreground text-xs">Shows misses in Relax and Autopilot</div>
+            </div>
+            <Checkbox
+              id="setting-custom-cursor"
+              checked={$patch}
+              onCheckedChange={async (e) => {
+                patch.set(e);
+                $userSettings.save();
+              }}
+              class="flex items-center justify-center w-5 h-5"
+            ></Checkbox>
+
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-custom-cursor">Lazer-Style Cursor</Label>
+              <div class="text-muted-foreground text-xs">
+                Enable a custom cursor in the Launcher like in the lazer build of osu!
+              </div>
+            </div>
+            <Checkbox
+              id="setting-custom-cursor"
+              checked={$customCursor}
+              onCheckedChange={async (e) => {
+                if (!e) {
+                  cursorSmoothening.set(false);
+                }
+                customCursor.set(e);
+
+                $userSettings.save();
+              }}
+              class="flex items-center justify-center w-5 h-5"
+            ></Checkbox>
+
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-cursor-smoothening">Cursor Smoothening</Label>
+              <div class="text-muted-foreground text-xs">
+                Makes the custom cursor movement smoother.
+              </div>
+            </div>
+            <Checkbox
+              id="setting-cursor-smoothening"
+              checked={$cursorSmoothening}
+              onCheckedChange={async (e) => {
+                if (!$customCursor) return;
+                cursorSmoothening.set(e);
+                $userSettings.save();
+              }}
+              disabled={!$customCursor}
+              class="flex items-center justify-center w-5 h-5"
+            ></Checkbox>
+
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-cursor-smoothening">Reduce Animations</Label>
+              <div class="text-muted-foreground text-xs">
+                Disables some animations in the Launcher to improve performance on low-end devices.
+              </div>
+            </div>
+            <Checkbox
+              id="setting-cursor-smoothening"
+              checked={$reduceAnimations}
+              onCheckedChange={async (e) => {
+                reduceAnimations.set(e);
+                $userSettings.save();
+              }}
+              disabled={!$customCursor}
+              class="flex items-center justify-center w-5 h-5"
+            ></Checkbox>
+          </div>
+          <div
+            class="grid grid-cols-[0.7fr_auto] gap-y-5 items-center border-theme-800 pl-6 pr-5 pb-4"
+          >
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-custom-cursor">osu! installation path</Label>
+              <div class="text-muted-foreground text-xs">The path to your osu! installation.</div>
+            </div>
+            <div class="flex flex-row w-full">
+              <Input
+                class="mt-4 w-full bg-theme-950 border-theme-800 border-r-0 rounded-r-none"
+                type="text"
+                value={$osuInstallationPath}
+                placeholder="Path to osu! installation"
+                readonly
+              />
+              <Button
+                class="mt-4 bg-theme-950 border-theme-800 rounded-l-none"
+                variant="outline"
+                onclick={browse_osu_installation}>Browse</Button
+              >
             </div>
           </div>
-          <Checkbox
-            id="setting-custom-cursor"
-            checked={$customCursor}
-            onCheckedChange={async (e) => {
-              if (!e) {
-                cursorSmoothening.set(false);
-              }
-              customCursor.set(e);
-
-              $userSettings.save();
-            }}
-            class="flex items-center justify-center w-5 h-5"
-          ></Checkbox>
-
-          <div class="flex flex-col">
-            <Label class="text-sm" for="setting-cursor-smoothening">Cursor Smoothening</Label>
-            <div class="text-muted-foreground text-xs">
-              Makes the custom cursor movement smoother.
-            </div>
-          </div>
-          <Checkbox
-            id="setting-cursor-smoothening"
-            checked={$cursorSmoothening}
-            onCheckedChange={async (e) => {
-              if (!$customCursor) return;
-              cursorSmoothening.set(e);
-              $userSettings.save();
-            }}
-            disabled={!$customCursor}
-            class="flex items-center justify-center w-5 h-5"
-          ></Checkbox>
-
-          <div class="flex flex-col">
-            <Label class="text-sm" for="setting-cursor-smoothening">Reduce Animations</Label>
-            <div class="text-muted-foreground text-xs">
-              Disables some animations in the Launcher to improve performance on low-end devices.
-            </div>
-          </div>
-          <Checkbox
-            id="setting-cursor-smoothening"
-            checked={$reduceAnimations}
-            onCheckedChange={async (e) => {
-              reduceAnimations.set(e);
-              $userSettings.save();
-            }}
-            disabled={!$customCursor}
-            class="flex items-center justify-center w-5 h-5"
-          ></Checkbox>
         </div>
       </div>
-      <div
-        class="bg-theme-900/90 flex flex-col justify-center gap-3 border border-theme-800/90 rounded-lg"
-        in:scale={{
-          duration: $reduceAnimations ? 0 : 400,
-          delay: $reduceAnimations ? 0 : 50,
-          start: 0.98,
-        }}
-      >
-        <div class="flex flex-row items-center gap-3 font-semibold text-xl px-3 pt-3">
-          <Settings2 /> osu! Settings
-        </div>
-        <div
-          class="grid grid-cols-[0.7fr_auto] gap-y-5 items-center border-t border-theme-800 py-3 px-6"
+      <div class="mt-auto mx-auto flex flex-row items-center gap-2">
+        <Button
+          variant="link"
+          class="font-semibold font-mono text-sm text-theme-100/70"
+          onclick={() => openURL('https://ez-pp.farm/u/1001')}
         >
-          <div class="flex flex-col">
-            <Label class="text-sm" for="setting-custom-cursor">osu! installation path</Label>
-            <div class="text-muted-foreground text-xs">The path to your osu! installation.</div>
-          </div>
-          <div class="flex flex-row w-full">
-            <Input
-              class="mt-4 w-full bg-theme-950 border-theme-800 border-r-0 rounded-r-none"
-              type="text"
-              value={$osuInstallationPath}
-              placeholder="Path to osu! installation"
-              readonly
-            />
-            <Button
-              class="mt-4 bg-theme-950 border-theme-800 rounded-l-none"
-              variant="outline"
-              onclick={browse_osu_installation}>Browse</Button
-            >
-          </div>
-        </div>
+          made with
+          <Heart class="text-red-600 animate-pulse" />
+          by horizoncode
+        </Button>
       </div>
     {/if}
   </div>

src/pages/SetupWizard.svelte

@@ -12,6 +12,7 @@
     cursorSmoothening,
     customCursor,
     osuInstallationPath,
+    patch,
     reduceAnimations,
     userSettings,
   } from '@/userSettings';
@@ -250,6 +251,20 @@
           <div
             class="grid grid-cols-[1fr_auto] gap-y-5 items-center border-t border-theme-800 py-3 px-6"
           >
+            <div class="flex flex-col">
+              <Label class="text-sm" for="setting-custom-cursor">Patching</Label>
+              <div class="text-muted-foreground text-xs">Shows misses in Relax and Autopilot</div>
+            </div>
+            <Checkbox
+              id="setting-custom-cursor"
+              checked={$patch}
+              onCheckedChange={async (e) => {
+                patch.set(e);
+                $userSettings.save();
+              }}
+              class="flex items-center justify-center w-5 h-5"
+            ></Checkbox>
+
             <div class="flex flex-col">
               <Label class="text-sm" for="setting-custom-cursor">Lazer-Style Cursor</Label>
               <div class="text-muted-foreground text-xs">

src/routes/+layout.svelte

@@ -8,12 +8,17 @@
     cursorSmoothening,
     customCursor,
     osuInstallationPath,
+    patch,
     reduceAnimations,
     userSettings,
   } from '@/userSettings';
   import { Buffer } from 'buffer';
   import { Toaster } from '@/components/ui/sonner';
   import { userAuth } from '@/userAuthentication';
+
+  import '@fontsource/sora';
+  import '@fontsource/space-mono';
+
   let { children } = $props();
 
   function disableReload() {
@@ -72,16 +77,19 @@
     $userAuth.init();
 
     currentLoadingInfo.set('Loading config...');
+    const config_patching = $userSettings.value('patching');
     const config_custom_cursor = $userSettings.value('custom_cursor');
     const config_cursor_smoothening = $userSettings.value('cursor_smoothening');
     const config_reduce_animations = $userSettings.value('reduce_animations');
     const config_osu_installation_path = $userSettings.value('osu_installation_path');
 
+    patch.set(config_patching.get(true));
     customCursor.set(config_custom_cursor.get(true));
     cursorSmoothening.set(config_cursor_smoothening.get(true));
     reduceAnimations.set(config_reduce_animations.get(false));
     osuInstallationPath.set(config_osu_installation_path.get(''));
 
+    patch.subscribe((val) => config_patching.set(val));
     customCursor.subscribe((val) => config_custom_cursor.set(val));
     cursorSmoothening.subscribe((val) => config_cursor_smoothening.set(val));
     reduceAnimations.subscribe((val) => config_reduce_animations.set(val));