Persist Queue State Across Sessions

packages/app/app/store/configureStore.ts

@@ -22,7 +22,9 @@ export default function configureStore(initialState) {
         'downloads', 
         'local.expandedFolders', 
         'plugin.selected',
-        'nuclear.identity'
+        'nuclear.identity',
+        'queue.queueItems',
+        'queue.currentSong'
       ])
     )
   );

packages/app/app/store/enhancers/syncStorage.js

@@ -18,7 +18,9 @@ export default function (paths) {
     try {
       for (const path of paths) {
         const persistedValue = electronStore.get(path);
-        finalInitialState = _.setWith(_.clone(finalInitialState), path, persistedValue, _.clone); // deep, immutable set
+        if (persistedValue !== undefined) {
+          finalInitialState = _.setWith(_.clone(finalInitialState), path, persistedValue, _.clone); // deep, immutable set
+        }
       }
     } catch (e) {
       logger.warn(

packages/app/app/store/enhancers/syncStorage.test.js

@@ -0,0 +1,49 @@
+
+import {
+  initialStoreState,
+  mockElectronStore
+} from '../../../test/mockElectronStore';
+import { configureMockStore } from '../../../test/testUtils';
+
+describe('Store Initialization and Sync with electronStore', () => {
+  let store;
+  const mockedStore = mockElectronStore(initialStoreState());
+
+
+  jest.mock('@nuclear/core', () => ({
+    store: mockedStore
+  }));
+
+  beforeEach(() => {
+    mockedStore.set('queue.queueItems', [{ uuid: 1, title: 'Initial Song' }]);
+    mockedStore.set('queue.currentSong', 0);
+    mockedStore.set('nuclear.identity', { userId: '123' });
+
+    store = configureMockStore();
+  });
+
+  it('loads initial state from electronStore correctly', () => {
+    const state = store.getState();
+    expect(state.queue.queueItems).toEqual([
+      { uuid: 1, title: 'Initial Song' }
+    ]);
+    expect(state.queue.currentSong).toEqual(0);
+    expect(state.nuclear.identity).toEqual({ userId: '123' });
+  });
+
+  it('updates electronStore when state changes', () => {
+    store.dispatch({
+      type: 'UPDATE_QUEUE_ITEMS',
+      payload: [{ uuid: 2, title: 'New Song' }]
+    });
+    store.dispatch({
+      type: 'UPDATE_CURRENT_SONG',
+      payload: 1
+    });
+
+    expect(mockedStore.get('queue.queueItems')).toEqual([
+      { uuid: 2, title: 'New Song' }
+    ]);
+    expect(mockedStore.get('queue.currentSong')).toEqual(1);
+  });
+});

packages/app/test/mockElectronStore.ts

@@ -7,7 +7,11 @@ export const initialStoreState = () => ({
     albums: [],
     tracks: []
   },
-  playlists: []
+  playlists: [],
+  queue: {
+    queueItems: [],
+    currentSong: null
+  }
 });
 
 export type MockStore = ReturnType<typeof initialStoreState>;

packages/app/test/storeBuilders.ts

@@ -917,6 +917,10 @@ export const buildElectronStoreState = (overrides?: AnyProps) => {
       albums: [],
       tracks: []
     },
+    queue: {
+      queueItems: [],
+      currentSong: 0
+    },
     playlists: [],
     ...overrides
   };

packages/app/test/testUtils.tsx

@@ -36,7 +36,11 @@ export const configureMockStore = (initialState?: AnyProps) => createStore(
   initialState,
   compose(
     applyMiddleware(ReduxPromise, thunk),
-    syncStore(['downloads'])
+    syncStore([
+      'downloads',
+      'queue.queueItems',
+      'queue.currentSong'
+    ])
   )
 );