Simplify setup (#46)

This commit is contained in:
Ollie Taylor
2023-07-13 00:27:14 +01:00
committed by GitHub
parent 29ef65733e
commit d18b0c78d0
68 changed files with 1236 additions and 1470 deletions
+2 -59
View File
@@ -1,12 +1,8 @@
<script>
import PlayerStack from '$src/components/example-player/player-stack.svelte';
import PlayerWidget from '$src/components/example-player/player-widget.svelte';
import { episodes } from '$src/content/episodes';
import { DocsPage } from '$src/layout/page';
import PreviewComponent from '$src/layout/preview-component.svelte';
import { episode_audio } from 'svelte-podcast';
$: console.log('details :: ', $episode_audio?.details);
$: player_widget = {
current_time: true,
@@ -16,24 +12,12 @@
skip_forward: 30,
};
$: player_stack = {
playback_rate: true,
timestamps: true,
skip_back: 10,
skip_forward: 30,
};
/** @type { string | undefined} */
let audio_src = episodes.knomii.src;
</script>
<DocsPage
title="Examples"
let:Section
let:SectionArticle
let:TableModule
let:TableSchema
>
<DocsPage title="Examples" let:Section>
<p class="text-xl font-semibold text-red-500">Work in progress!</p>
<Section title="PlayerWidget">
<PreviewComponent name="PlayerWidget">
<svelte:fragment slot="options">
@@ -82,45 +66,4 @@
<PlayerWidget src={audio_src} include={player_widget} />
</PreviewComponent>
</Section>
<Section title="PlayerStack">
<PreviewComponent name="PlayerStack">
<svelte:fragment slot="options">
<div>
<label for="pw_playback_rate">playback_rate</label>
<input
id="pw_playback_rate"
type="checkbox"
bind:checked={player_stack.playback_rate}
/>
</div>
<div>
<label for="pw_timestamps">timestamps</label>
<input
id="pw_timestamps"
type="checkbox"
bind:checked={player_stack.timestamps}
/>
</div>
<div>
<label for="pw_skip_back">skip_back</label>
<input
id="pw_skip_back"
type="number"
bind:value={player_stack.skip_back}
/>
</div>
<div>
<label for="pw_skip_forward">skip_forward</label>
<input
id="pw_skip_forward"
type="number"
bind:value={player_stack.skip_forward}
/>
</div>
</svelte:fragment>
<PlayerStack src={audio_src} class="max-w-sm" include={player_stack} />
</PreviewComponent>
</Section>
</DocsPage>