From cf2281dfdb8bfa4135c31ac55710db431f7095e0 Mon Sep 17 00:00:00 2001
From: Ollie Taylor <13766232+OllieJT@users.noreply.github.com>
Date: Fri, 24 Feb 2023 20:04:01 +0000
Subject: [PATCH] =?UTF-8?q?adds=20=E2=80=9Csave=20all=20state=E2=80=9D=20u?=
 =?UTF-8?q?tility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/audio-loader.svelte |  6 ++----
 src/lib/index.ts                       |  1 +
 src/lib/utility/index.ts               |  2 ++
 src/lib/utility/use-state.ts           | 12 ++++++++++++
 src/routes/+page.svelte                |  9 ++++++++-
 5 files changed, 25 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/utility/index.ts
 create mode 100644 src/lib/utility/use-state.ts

diff --git a/src/lib/components/audio-loader.svelte b/src/lib/components/audio-loader.svelte
index 27d3593..b508af8 100644
--- a/src/lib/components/audio-loader.svelte
+++ b/src/lib/components/audio-loader.svelte
@@ -13,6 +13,7 @@
 	} from '$lib/context/audio-internals';
 	import { user_preferences } from '$lib/context/user-preferences';
 	import type { PlayerElement } from '$lib/types/types';
+	import { load_podcast_state } from '$lib/utility/use-state';
 	import { onMount } from 'svelte';
 
 	// readonly values
@@ -40,10 +41,7 @@
 	$: muted = $audio_muted;
 	$: current_time = $audio_start_at;
 
-	onMount(() => {
-		episode_progress.load_all();
-		user_preferences.load();
-	});
+	onMount(load_podcast_state);
 </script>
 
 <audio
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 7230b96..4b9d6c9 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -2,3 +2,4 @@ export { default as AudioLoader } from '$lib/components/audio-loader.svelte';
 export * from '$lib/context/audio';
 export * from '$lib/context/episode-progress';
 export * from '$lib/context/user-preferences';
+export * from '$lib/utility';
diff --git a/src/lib/utility/index.ts b/src/lib/utility/index.ts
new file mode 100644
index 0000000..6705355
--- /dev/null
+++ b/src/lib/utility/index.ts
@@ -0,0 +1,2 @@
+export * from './seconds-to-timestamp';
+export * from './use-state';
diff --git a/src/lib/utility/use-state.ts b/src/lib/utility/use-state.ts
new file mode 100644
index 0000000..3812747
--- /dev/null
+++ b/src/lib/utility/use-state.ts
@@ -0,0 +1,12 @@
+import { episode_progress } from '$lib/context/episode-progress';
+import { user_preferences } from '$lib/context/user-preferences';
+
+export function save_podcast_state() {
+	episode_progress.save_all();
+	user_preferences.save();
+}
+
+export function load_podcast_state() {
+	episode_progress.load_all();
+	user_preferences.load();
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 054b854..a2305fa 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-	import { audio, episode_progress, user_preferences, type AudioLoadData } from '$lib';
+	import {
+		audio,
+		episode_progress,
+		save_podcast_state,
+		user_preferences,
+		type AudioLoadData,
+	} from '$lib';
 
 	const sources = {
 		syntax: {
@@ -24,6 +30,7 @@
 <a href="/another-page">Another Page</a>
 <button type="button" on:click={episode_progress.save_all}>Save progress</button>
 <button type="button" on:click={user_preferences.save}>Save preferences</button>
+<button type="button" on:click={save_podcast_state}>Save state (all)</button>
 
 <h5>Load Audio</h5>
 <button