From 4dcd9e692b0150697b6b4d861276635b6819f0c7 Mon Sep 17 00:00:00 2001
From: SrIzan10 <66965250+SrIzan10@users.noreply.github.com>
Date: Fri, 25 Apr 2025 19:30:10 +0000
Subject: [PATCH] chore: use mobile atmospheres

---
 src/lib/components/app/atmospheres.svelte |  1 +
 src/lib/components/app/daemon.svelte      |  4 +++-
 src/lib/isMobile.svelte.ts                | 20 ++++++++++++++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/isMobile.svelte.ts

diff --git a/src/lib/components/app/atmospheres.svelte b/src/lib/components/app/atmospheres.svelte
index 34187ec..f0d05ce 100644
--- a/src/lib/components/app/atmospheres.svelte
+++ b/src/lib/components/app/atmospheres.svelte
@@ -20,6 +20,7 @@
   function getVolumeValue(name: string) {
     return appState.activeAtmospheres[name] || 0;
   }
+  console.log(appState.atmospheres)
 </script>
 
 <DropdownMenu.Root>
diff --git a/src/lib/components/app/daemon.svelte b/src/lib/components/app/daemon.svelte
index ce9ac42..8b745da 100644
--- a/src/lib/components/app/daemon.svelte
+++ b/src/lib/components/app/daemon.svelte
@@ -2,10 +2,12 @@
   import { state as appState } from '@/state.svelte';
   import { getGeneralData, getStationSongs } from '@/utils';
   import { onMount } from 'svelte';
+  import { useIsMobile } from '@/isMobile.svelte';
 
   // svelte-ignore non_reactive_update
   let audioElement: HTMLAudioElement;
   let isTransitioning = $state(false);
+  let isMobile = useIsMobile();
 
   function togglePlayback(play: boolean) {
     if (!audioElement) return;
@@ -204,7 +206,7 @@
 
 {#each Object.entries(appState.activeAtmospheres) as [name, volume]}
   <audio
-    src={`https://chill1.b-cdn.net/audio/v4/desktop/${name}.mp3`}
+    src={isMobile ? appState.atmospheres.find(atm => atm.name === name)?.urlMobile : appState.atmospheres.find(atm => atm.name === name)?.url}
     class="hidden"
     id={name}
     volume={volume}
diff --git a/src/lib/isMobile.svelte.ts b/src/lib/isMobile.svelte.ts
new file mode 100644
index 0000000..39942ac
--- /dev/null
+++ b/src/lib/isMobile.svelte.ts
@@ -0,0 +1,20 @@
+import { readable } from 'svelte/store';
+import { browser } from '$app/environment';
+export function useIsMobile(mobileWidth = 768) {
+  return readable(false, (set) => {
+    if (!browser) return;
+    
+    const checkIsMobile = () => {
+      const isMobile = window.innerWidth < mobileWidth;
+      set(isMobile);
+    };
+    
+    checkIsMobile();
+    
+    window.addEventListener('resize', checkIsMobile);
+    
+    return () => {
+      window.removeEventListener('resize', checkIsMobile);
+    };
+  });
+}
\ No newline at end of file