+
diff --git a/src/routes/podcast/+page.svelte b/src/routes/podcast/+page.svelte
index f9d8408..042098b 100644
--- a/src/routes/podcast/+page.svelte
+++ b/src/routes/podcast/+page.svelte
@@ -4,6 +4,7 @@
import PlayIcon from '@inqling/svelte-icons/heroicon-24-solid/play.svelte';
import { format_seconds, type PodcastEpisode } from '$lib/index';
+ import Seo from '$lib/Seo.svelte';
import RadioPlayer from '$src/radio/radio-player.svelte';
import type { PlayableTrack } from '$src/radio/playable';
import { radio_player } from '$src/radio/radio-store';
@@ -13,6 +14,11 @@
$: feed = data.feed;
+ /** Nombre d'épisodes affichés par page de la liste. */
+ const PAGE_SIZE = 50;
+ let shown = PAGE_SIZE;
+ $: visible_episodes = feed.episodes.slice(0, shown);
+
/** Maps a podcast episode to a track playable by the queue. */
function to_track(episode: Omit
): PlayableTrack {
return {
@@ -42,10 +48,11 @@
}
-
- {feed.title} — Lecteur podcast
-
-
+
{#if feed.artwork}
@@ -81,16 +88,16 @@
+
- {#each feed.episodes as episode, index (episode.id)}
+ {#each visible_episodes as episode, index (episode.id)}
{@const is_current = $radio_player.current?.id === episode.id}
- -
+
-
{/each}
+
+{#if shown < feed.episodes.length}
+
+
+
+{/if}
+
+
diff --git a/src/service-worker.js b/src/service-worker.js
new file mode 100644
index 0000000..a40867c
--- /dev/null
+++ b/src/service-worker.js
@@ -0,0 +1,95 @@
+///
+///
+///
+///
+
+import { build, files, version } from '$service-worker';
+
+const sw = /** @type {ServiceWorkerGlobalScope} */ (
+ /** @type {unknown} */ (self)
+);
+
+const CACHE = `radyobokaz-${version}`;
+
+// Shell applicatif : bundles + fichiers statiques + page d'accueil.
+const ASSETS = [...build, ...files, './'];
+
+sw.addEventListener('install', (event) => {
+ event.waitUntil(
+ caches
+ .open(CACHE)
+ .then((cache) => cache.addAll(ASSETS))
+ .then(() => sw.skipWaiting()),
+ );
+});
+
+sw.addEventListener('activate', (event) => {
+ event.waitUntil(
+ caches
+ .keys()
+ .then((keys) =>
+ Promise.all(
+ keys.filter((key) => key !== CACHE).map((key) => caches.delete(key)),
+ ),
+ )
+ .then(() => sw.clients.claim()),
+ );
+});
+
+sw.addEventListener('fetch', (event) => {
+ const { request } = event;
+ if (request.method !== 'GET') return;
+
+ // Jamais les flux audio : les requêtes Range et les fichiers médias
+ // partent directement sur le réseau.
+ if (request.headers.has('range')) return;
+ const url = new URL(request.url);
+ if (/\.(mp3|ogg|opus|m4a|flac|wav|aac)(\?|$)/i.test(url.pathname)) return;
+
+ // Navigations : réseau d'abord (contenu frais), repli cache hors-ligne.
+ if (request.mode === 'navigate') {
+ event.respondWith(
+ fetch(request)
+ .then((response) => {
+ if (response.ok) {
+ const copy = response.clone();
+ caches.open(CACHE).then((cache) => cache.put(request, copy));
+ }
+ return response;
+ })
+ .catch(() =>
+ caches
+ .match(request)
+ .then((cached) => cached || caches.match('./'))
+ .then((cached) => cached || Response.error()),
+ ),
+ );
+ return;
+ }
+
+ // Assets same-origin (bundles _app, icônes…) : cache d'abord.
+ if (url.origin === sw.location.origin) {
+ event.respondWith(
+ caches
+ .match(request)
+ .then((cached) => cached || fetch(request)),
+ );
+ return;
+ }
+
+ // Pochettes distantes (Funkwhale, flux RSS) : cache d'abord,
+ // remplissage au premier accès. Réponses opaques acceptées.
+ if (request.destination === 'image') {
+ event.respondWith(
+ caches.open(CACHE).then(async (cache) => {
+ const cached = await cache.match(request);
+ if (cached) return cached;
+ const response = await fetch(request);
+ if (response.ok || response.type === 'opaque') {
+ cache.put(request, response.clone());
+ }
+ return response;
+ }),
+ );
+ }
+});
diff --git a/static/icon-192.png b/static/icon-192.png
new file mode 100644
index 0000000..f810228
Binary files /dev/null and b/static/icon-192.png differ
diff --git a/static/icon-512.png b/static/icon-512.png
new file mode 100644
index 0000000..9394f30
Binary files /dev/null and b/static/icon-512.png differ
diff --git a/static/icon-maskable-192.png b/static/icon-maskable-192.png
new file mode 100644
index 0000000..f85f4d1
Binary files /dev/null and b/static/icon-maskable-192.png differ
diff --git a/static/icon-maskable-512.png b/static/icon-maskable-512.png
new file mode 100644
index 0000000..261d7cd
Binary files /dev/null and b/static/icon-maskable-512.png differ
diff --git a/static/manifest.webmanifest b/static/manifest.webmanifest
new file mode 100644
index 0000000..8a01b9a
--- /dev/null
+++ b/static/manifest.webmanifest
@@ -0,0 +1,37 @@
+{
+ "name": "Radyobòkaz Player",
+ "short_name": "Radyobòkaz",
+ "description": "Écoute la radio Radyobòkaz de mizik.o-k-i.net : lecture aléatoire continue ou à la carte.",
+ "lang": "fr",
+ "start_url": "./",
+ "scope": "./",
+ "display": "standalone",
+ "background_color": "#f1f5f9",
+ "theme_color": "#ea580c",
+ "icons": [
+ {
+ "src": "icon-192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "icon-512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "icon-maskable-192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "icon-maskable-512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable"
+ }
+ ]
+}