feat: update custom stores according to the changed StartStopNotifier interface

sveltejs/svelte#6750

Author: motzel

src/stores/beatleader/stats-history.js

@@ -12,7 +12,7 @@ export default () => {
 	let votingStatuses = {};
 
 	const get = () => votingStatuses;
-	const {subscribe: subscribeState, set} = writable(votingStatuses);
+	const {subscribe: subscribeState, set, update} = writable(votingStatuses);
 
 	const fetchStats = async (playerData, count = 50) => {
 		if (!playerData) return;
@@ -88,6 +88,7 @@ export default () => {
 		subscribe,
 		get,
 		set,
+		update,
 		fetchStats,
 	};
 

src/stores/config.js

@@ -186,6 +186,8 @@ export default async () => {
 		return newConfig;
 	};
 
+	const update = fn => set(fn(currentConfig));
+
 	const setForKey = async (key, value, persist = true) => {
 		currentConfig[key] = value;
 
@@ -195,7 +197,6 @@ export default async () => {
 		}
 
 		settingsChanged = !deepEqual(currentConfig, dbConfig);
-		currentConfig = currentConfig;
 		storeSet(currentConfig);
 
 		return currentConfig;
@@ -260,6 +261,7 @@ export default async () => {
 	configStore = {
 		subscribe,
 		set,
+		update,
 		get,
 		getLocale,
 		setForKey,

src/stores/localstorage.js

@@ -3,19 +3,24 @@ import {writable} from 'svelte/store';
 export default (key, initial = {}, prefix = 'bl-') => {
 	const lsKey = `${prefix}-${key}`;
 
-	const value = JSON.parse(localStorage.getItem(lsKey)) ?? initial;
+	let value = JSON.parse(localStorage.getItem(lsKey)) ?? initial;
 
 	const {subscribe, unsubscribe, set: storeSet} = writable(value ?? initial);
 
-	const set = value => {
-		localStorage.setItem(lsKey, JSON.stringify(value));
+	const set = newValue => {
+		localStorage.setItem(lsKey, JSON.stringify(newValue));
 
-		storeSet(value);
+		value = newValue;
+
+		storeSet(newValue);
 	};
 
+	const update = fn => set(fn(value));
+
 	return {
 		subscribe,
 		unsubscribe,
 		set,
+		update,
 	};
 };

src/stores/playlists.js

@@ -53,6 +53,8 @@ export default () => {
 		return newConfig;
 	};
 
+	const update = fn => set(fn(playlists));
+
 	const create = async (song = null, inputPlaylist = null) => {
 		const playlist = inputPlaylist
 			? inputPlaylist
@@ -290,6 +292,7 @@ export default () => {
 		subscribe,
 		unsubscribe,
 		set,
+		update,
 		get,
 		create,
 		select,