feat: loop over scraped media in template

server/src/index.rs

···
 use crate::scrapers::{
-    apple_music::{self, AppleMusic, AppleMusicClient},
-    backloggd::{self, Backloggd},
-    letterboxd::{self, Letterboxd},
+    Media,
+    apple_music::{self, AppleMusicClient},
+    backloggd, letterboxd,
 };
 
 use askama::Template;
···
 #[derive(Template, Debug, Clone)]
 #[template(path = "index.html")]
 pub struct RootTemplate {
-    game: Option<Backloggd>,
-    movie: Option<Letterboxd>,
-    song: Option<AppleMusic>,
+    media: Vec<Media>,
 }
 
 impl RootTemplate {
···
             letterboxd::cached_fetch(),
             apple_music::cached_fetch(apple_music_client)
         );
-        RootTemplate { game, movie, song }
+        let media = [game, movie, song].into_iter().flatten().collect();
+
+        RootTemplate { media }
     }
 }

server/src/scrapers.rs

···
 pub mod apple_music;
 pub mod backloggd;
 pub mod letterboxd;
+
+#[derive(Debug, Clone)]
+pub struct Media {
+    pub name: String,
+    pub image: String,
+}

server/src/scrapers/apple_music.rs

···
 use reqwest::Client;
 use serde::{Deserialize, Serialize};
 
-#[derive(Debug, Clone)]
-pub struct AppleMusic {
-    pub name: String,
-    pub art: String,
-}
+use super::Media;
 
 #[derive(Serialize, Debug, Clone)]
 struct Claims {
···
         })
     }
 
-    pub async fn fetch(&self) -> anyhow::Result<AppleMusic> {
+    pub async fn fetch(&self) -> anyhow::Result<Media> {
         let jwt = self.build_developer_token()?;
 
         let response: AppleMusicResponse = self
···
             .replace("{w}", dimensions)
             .replace("{h}", dimensions);
 
-        Ok(AppleMusic {
+        Ok(Media {
             name: track.attributes.name.clone(),
-            art: artwork_url,
+            image: artwork_url,
         })
     }
 
···
 }
 
 #[once(time = 30, option = false)]
-pub async fn cached_fetch(this: &AppleMusicClient) -> Option<AppleMusic> {
+pub async fn cached_fetch(this: &AppleMusicClient) -> Option<Media> {
     this.fetch()
         .await
         .map_err(|error| tracing::warn!(?error, "failed to call Apple Music"))

server/src/scrapers/backloggd.rs

···
 use cached::proc_macro::once;
 use scraper::{Html, Selector};
 
-#[derive(Debug, Clone)]
-pub struct Backloggd {
-    pub name: String,
-    pub image: String,
-}
+use super::Media;
 
-impl Backloggd {
-    pub async fn fetch() -> anyhow::Result<Self> {
-        static FIRST_ENTRY_SEL: LazyLock<Selector> =
-            LazyLock::new(|| Selector::parse(".journal_entry:first-child").unwrap());
-        static NAME_SEL: LazyLock<Selector> =
-            LazyLock::new(|| Selector::parse(".game-name a").unwrap());
-        static IMAGE_SEL: LazyLock<Selector> =
-            LazyLock::new(|| Selector::parse(".card-img").unwrap());
+pub async fn fetch() -> anyhow::Result<Media> {
+    static FIRST_ENTRY_SEL: LazyLock<Selector> =
+        LazyLock::new(|| Selector::parse(".journal_entry:first-child").unwrap());
+    static NAME_SEL: LazyLock<Selector> =
+        LazyLock::new(|| Selector::parse(".game-name a").unwrap());
+    static IMAGE_SEL: LazyLock<Selector> = LazyLock::new(|| Selector::parse(".card-img").unwrap());
 
-        let html = reqwest::get("https://backloggd.com/u/cherryfunk/journal")
-            .await
-            .context("failed to fetch Backloggd page")?
-            .text()
-            .await
-            .context("failed to get HTML text")?;
-        let document = Html::parse_document(&html);
+    let html = reqwest::get("https://backloggd.com/u/cherryfunk/journal")
+        .await
+        .context("failed to fetch Backloggd page")?
+        .text()
+        .await
+        .context("failed to get HTML text")?;
+    let document = Html::parse_document(&html);
 
-        let first_entry = document
-            .select(&FIRST_ENTRY_SEL)
-            .next()
-            .context("couldn't find any journal entries")?;
-        let name = first_entry
-            .select(&NAME_SEL)
-            .next()
-            .context("couldn't find name element")?
-            .text()
-            .next()
-            .context("name element didn't have any text")?
-            .to_owned();
-        let image = first_entry
-            .select(&IMAGE_SEL)
-            .next()
-            .context("couldn't find image element")?
-            .attr("src")
-            .context("image element didn't have src attribute")?
-            .to_owned();
+    let first_entry = document
+        .select(&FIRST_ENTRY_SEL)
+        .next()
+        .context("couldn't find any journal entries")?;
+    let name = first_entry
+        .select(&NAME_SEL)
+        .next()
+        .context("couldn't find name element")?
+        .text()
+        .next()
+        .context("name element didn't have any text")?
+        .to_owned();
+    let image = first_entry
+        .select(&IMAGE_SEL)
+        .next()
+        .context("couldn't find image element")?
+        .attr("src")
+        .context("image element didn't have src attribute")?
+        .to_owned();
 
-        Ok(Self { name, image })
-    }
+    Ok(Media { name, image })
 }
 
 #[once(time = 300, option = false)]
-pub async fn cached_fetch() -> Option<Backloggd> {
-    Backloggd::fetch()
+pub async fn cached_fetch() -> Option<Media> {
+    fetch()
         .await
         .map_err(|error| tracing::warn!(?error, "failed to scrape Backloggd"))
         .ok()

server/src/scrapers/letterboxd.rs

···
 use scraper::{ElementRef, Html, Selector};
 use serde::Deserialize;
 
-#[derive(Debug, Clone)]
-pub struct Letterboxd {
-    pub name: String,
-    pub poster: String,
-}
+use super::Media;
 
 #[derive(Deserialize, Debug, Clone)]
 pub struct ImageUrlMetadata {
···
     image_url: Url,
 }
 
-impl Letterboxd {
-    pub async fn fetch() -> anyhow::Result<Self> {
-        let client = Client::new();
-        let html = client
-            .get("https://letterboxd.com/ivom/films/diary/")
-            .send()
-            .await
-            .context("failed to fetch Letterboxd page")?
-            .text()
-            .await
-            .context("failed to get HTML text")?;
-        let Extracted { name, image_url } = Self::parse_html(&html)?;
+pub async fn fetch() -> anyhow::Result<Media> {
+    let client = Client::new();
+    let html = client
+        .get("https://letterboxd.com/ivom/films/diary/")
+        .send()
+        .await
+        .context("failed to fetch Letterboxd page")?
+        .text()
+        .await
+        .context("failed to get HTML text")?;
+    let Extracted { name, image_url } = parse_html(&html)?;
+
+    let image_url_data: ImageUrlMetadata = client
+        .get(image_url.clone())
+        .send()
+        .await
+        .with_context(|| format!("failed to fetch image metadata from URL {}", image_url))?
+        .json()
+        .await
+        .context("failed to parse image metadata")?;
 
-        let image_url_data: ImageUrlMetadata = client
-            .get(image_url.clone())
-            .send()
-            .await
-            .with_context(|| format!("failed to fetch image metadata from URL {}", image_url))?
-            .json()
-            .await
-            .context("failed to parse image metadata")?;
+    Ok(Media {
+        name,
+        image: image_url_data.url,
+    })
+}
 
-        Ok(Self {
-            name,
-            poster: image_url_data.url,
-        })
-    }
+fn parse_html(html: &str) -> anyhow::Result<Extracted> {
+    static FIRST_ENTRY_SEL: LazyLock<Selector> =
+        LazyLock::new(|| Selector::parse(".diary-entry-row:first-child").unwrap());
+    static NAME_SEL: LazyLock<Selector> = LazyLock::new(|| Selector::parse(".name").unwrap());
+    static POSTER_COMPONENT_SEL: LazyLock<Selector> =
+        LazyLock::new(|| Selector::parse(".react-component:has(> .poster)").unwrap());
 
-    fn parse_html(html: &str) -> anyhow::Result<Extracted> {
-        static FIRST_ENTRY_SEL: LazyLock<Selector> =
-            LazyLock::new(|| Selector::parse(".diary-entry-row:first-child").unwrap());
-        static NAME_SEL: LazyLock<Selector> = LazyLock::new(|| Selector::parse(".name").unwrap());
-        static POSTER_COMPONENT_SEL: LazyLock<Selector> =
-            LazyLock::new(|| Selector::parse(".react-component:has(> .poster)").unwrap());
+    let document = Html::parse_document(html);
 
-        let document = Html::parse_document(html);
+    let first_entry = document
+        .select(&FIRST_ENTRY_SEL)
+        .next()
+        .context("couldn't find any journal entries")?;
+    let name = first_entry
+        .select(&NAME_SEL)
+        .next()
+        .context("couldn't find name element")?
+        .text()
+        .next()
+        .context("name element didn't have any text")?
+        .to_owned();
+    let poster_component = first_entry
+        .select(&POSTER_COMPONENT_SEL)
+        .next()
+        .context("couldn't find post component")?;
 
-        let first_entry = document
-            .select(&FIRST_ENTRY_SEL)
-            .next()
-            .context("couldn't find any journal entries")?;
-        let name = first_entry
-            .select(&NAME_SEL)
-            .next()
-            .context("couldn't find name element")?
-            .text()
-            .next()
-            .context("name element didn't have any text")?
-            .to_owned();
-        let poster_component = first_entry
-            .select(&POSTER_COMPONENT_SEL)
-            .next()
-            .context("couldn't find post component")?;
+    let image_url = build_image_url(poster_component)?;
 
-        let image_url = Self::build_image_url(poster_component)?;
+    Ok(Extracted { name, image_url })
+}
 
-        Ok(Extracted { name, image_url })
+fn build_image_url(poster_component: ElementRef) -> anyhow::Result<Url> {
+    let film_path = poster_component
+        .attr("data-item-link")
+        .context("poster component didn't have an image URL path")?;
+    let cache_key = poster_component.attr("data-cache-busting-key");
+    let image_size = 230;
+    let image_url = format!("https://letterboxd.com{film_path}/poster/std/{image_size}/",);
+    let mut image_url =
+        Url::parse(&image_url).with_context(|| format!("failed to parse URL {image_url}"))?;
+    if let Some(cache_key) = cache_key {
+        image_url.query_pairs_mut().append_pair("k", cache_key);
     }
 
-    fn build_image_url(poster_component: ElementRef) -> anyhow::Result<Url> {
-        let film_path = poster_component
-            .attr("data-item-link")
-            .context("poster component didn't have an image URL path")?;
-        let cache_key = poster_component.attr("data-cache-busting-key");
-        let image_size = 230;
-        let image_url = format!(
-            "https://letterboxd.com{}/poster/std/{}/",
-            film_path, image_size
-        );
-        let mut image_url =
-            Url::parse(&image_url).with_context(|| format!("failed to parse URL {}", image_url))?;
-        if let Some(cache_key) = cache_key {
-            image_url.query_pairs_mut().append_pair("k", cache_key);
-        }
-
-        Ok(image_url)
-    }
+    Ok(image_url)
 }
 
 #[once(time = 1800, option = false)]
-pub async fn cached_fetch() -> Option<Letterboxd> {
-    Letterboxd::fetch()
+pub async fn cached_fetch() -> Option<Media> {
+    fetch()
         .await
         .map_err(|error| tracing::warn!(?error, "failed to scrape Letterboxd"))
         .ok()

server/templates/index.html

···
         </h1>
       </div>
       <div class="flex justify-center">
-        {% if let Some(game) = game -%}
+        {% for media in media -%}
         <img
           class="p-3"
-          src="{{ game.image }}"
-          alt="Cover art for {{ game.name }}"
+          src="{{ media.image }}"
+          alt="Cover art for {{ media.name }}"
         />
-        {%- endif %} {% if let Some(movie) = movie -%}
-        <img
-          class="p-3"
-          src="{{ movie.poster }}"
-          alt="Poster for {{ movie.name }}"
-        />
-        {%- endif %} {% if let Some(song) = song -%}
-        <img
-          class="p-3"
-          src="{{ song.art }}"
-          alt="Album art for {{ song.name }}"
-        />
-        {%- endif %}
-
+        {%- endfor %}
       </div>
     </div>
   </body>