Update Docs Site (#44)

src/routes/api/code/index.js

@@ -0,0 +1,15 @@
+import { default as load_audio_after_click_src } from './load-audio-after-click.svelte?raw';
+import { default as load_audio_after_mount_src } from './load-audio-after-mount.svelte?raw';
+import { default as load_audio_local_src } from './load-audio-local?raw';
+import { default as load_audio_remote_src } from './load-audio-remote?raw';
+import { default as override_episode_state_src } from './override-episode-state?raw';
+import { default as seconds_to_timestamp_src } from './seconds-to-timestamp?raw';
+
+const format_code = (/** @type {string} */ code) => code.replaceAll('\t', '  ');
+
+export const load_audio_after_click = format_code(load_audio_after_click_src);
+export const load_audio_after_mount = format_code(load_audio_after_mount_src);
+export const load_audio_local = format_code(load_audio_local_src);
+export const load_audio_remote = format_code(load_audio_remote_src);
+export const override_episode_state = format_code(override_episode_state_src);
+export const seconds_to_timestamp = format_code(seconds_to_timestamp_src);

src/routes/api/code/load-audio-after-click.svelte

@@ -0,0 +1,16 @@
+<script>
+	import { episode_audio } from 'svelte-podcast';
+</script>
+
+<!-- load the episode on click -->
+<button
+	on:click={() =>
+		episode_audio.load('/episode-audio.mp3', {
+			/* optional metadata */
+		})}
+>
+	Load Episode
+</button>
+
+<!-- unload the episode on click -->
+<button on:click={() => episode_audio.unload()}>Unload Episode</button>

src/routes/api/code/load-audio-after-mount.svelte

@@ -0,0 +1,11 @@
+<script>
+	import { onMount } from 'svelte';
+	import { episode_audio } from 'svelte-podcast';
+
+	onMount(() => {
+		// load the episode on mount without any metadata
+		episode_audio.load('/episode-audio.mp3', {
+			/* optional metadata */
+		});
+	});
+</script>

src/routes/api/code/load-audio-local.js

@@ -0,0 +1,9 @@
+import { episode_audio } from 'svelte-podcast';
+
+episode_audio.load(
+	// path to file
+	'/episode-audio.mp3',
+
+	// custom metadata
+	{},
+);

src/routes/api/code/load-audio-remote.js

@@ -0,0 +1,9 @@
+import { episode_audio } from 'svelte-podcast';
+
+episode_audio.load(
+	// url
+	'https://media.transistor.fm/27a058c9/27b595e2.mp3',
+
+	// custom metadata
+	{},
+);

src/routes/api/code/override-episode-state.ts

@@ -0,0 +1,11 @@
+// include this in your /src/app.d.ts file
+
+declare module 'svelte-podcast' {
+	interface EpisodeDetails {
+		// define your own properties here
+		title: string;
+		artwork?: string;
+	}
+}
+
+export {};

src/routes/api/code/seconds-to-timestamp.js

@@ -0,0 +1,8 @@
+import { seconds_to_timestamp } from 'svelte-podcast';
+
+// Example
+seconds_to_timestamp(5173); // 01:26:13
+
+// force hours
+seconds_to_timestamp(2700, true); // 00:45:00
+seconds_to_timestamp(2700, false); // 45:00 (default)