Remove lifecycle binding and usages from playerStore

Author: thakurdotdev

client/src/stores/playerStore.js

@@ -8,7 +8,6 @@ import axios from 'axios';
 let audioElement = null;
 let nextAudioElement = null;
 let progressAutoSaveInterval = null;
-let lifecycleBound = false;
 
 const getAudioUrl = (song) =>
   song?.download_url?.[4]?.link || song?.download_url?.[3]?.link || '';
@@ -41,22 +40,6 @@ export const usePlayerStore = create(
         nextAudioElement = nextAudio;
       },
 
-      bindLifecycle: () => {
-        if (lifecycleBound) return;
-        lifecycleBound = true;
-
-        const persistNow = () => {
-          try {
-            get().saveProgress();
-          } catch {}
-        };
-
-        window.addEventListener('pagehide', persistNow);
-        document.addEventListener('visibilitychange', () => {
-          if (document.visibilityState === 'hidden') persistNow();
-        });
-      },
-
       updateTime: (currentTime) => set({ currentTime }),
 
       saveProgress: () => {
@@ -204,7 +187,6 @@ export const usePlayerStore = create(
           updateMediaSession,
           preloadNextTrack,
           startAutoSave,
-          bindLifecycle,
         } = get();
 
         if (!audioElement || !currentSong || currentSong.id === prevSongId) {
@@ -222,7 +204,6 @@ export const usePlayerStore = create(
 
           await audioElement.play();
           startAutoSave();
-          bindLifecycle();
 
           set({ isPlaying: true });
           addToHistory(currentSong, audioElement.currentTime, 'autoplay');
@@ -321,4 +302,4 @@ export const useIsPlaying = () => usePlayerStore((s) => s.isPlaying);
 export const usePlaylist = () => usePlayerStore((s) => s.playlist);
 export const useVolume = () => usePlayerStore((s) => s.volume);
 
-export { getAudioUrl };
+export { getAudioUrl };