feat: add context field to media

server/src/scrapers.rs

···
 pub struct Media {
     pub name: String,
     pub image: String,
+    pub context: String,
 }

server/src/scrapers/apple_music.rs

···
 }
 
 #[derive(Deserialize, Debug, Clone)]
+#[serde(rename_all = "camelCase")]
 struct AppleMusicTrackAttributes {
     name: String,
+    album_name: String,
+    artist_name: String,
     artwork: AppleMusicTrackArtwork,
 }
 
···
             .replace("{w}", dimensions)
             .replace("{h}", dimensions);
 
+        let artist = &track.attributes.artist_name;
+        let album = &track.attributes.album_name;
+        let context = format!("{artist} — {album}");
+
         Ok(Media {
             name: track.attributes.name.clone(),
             image: artwork_url,
+            context,
         })
     }
 

server/src/scrapers/backloggd.rs

···
     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());
+    static PLATFORM_SEL: LazyLock<Selector> =
+        LazyLock::new(|| Selector::parse(".journal-platform").unwrap());
 
     let html = reqwest::get("https://backloggd.com/u/cherryfunk/journal")
         .await
···
         .attr("src")
         .context("image element didn't have src attribute")?
         .to_owned();
+    let platform = first_entry
+        .select(&PLATFORM_SEL)
+        .next()
+        .context("couldn't find platform element")?
+        .text()
+        .next()
+        .context("platform element didn't have any text")?
+        .to_owned();
 
-    Ok(Media { name, image })
+    Ok(Media {
+        name,
+        image,
+        context: platform,
+    })
 }
 
 #[once(time = 300, option = false)]

server/src/scrapers/letterboxd.rs

···
 struct Extracted {
     name: String,
     image_url: Url,
+    rating: Option<u8>,
 }
 
 pub async fn fetch() -> anyhow::Result<Media> {
···
         .text()
         .await
         .context("failed to get HTML text")?;
-    let Extracted { name, image_url } = parse_html(&html)?;
+    let Extracted {
+        name,
+        image_url,
+        rating,
+    } = 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))?
+        .with_context(|| format!("failed to fetch image metadata from URL {image_url}"))?
         .json()
         .await
         .context("failed to parse image metadata")?;
+    let formatted_rating = match rating {
+        Some(rating) => format!(
+            "{} {}",
+            f32::from(rating) / 2.0,
+            if rating == 2 { "star" } else { "stars" }
+        ),
+        None => "no rating".to_owned(),
+    };
 
     Ok(Media {
         name,
         image: image_url_data.url,
+        context: formatted_rating,
     })
 }
 
···
     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());
+    static RATING_SEL: LazyLock<Selector> = LazyLock::new(|| Selector::parse(".rating").unwrap());
 
     let document = Html::parse_document(html);
 
···
         .select(&POSTER_COMPONENT_SEL)
         .next()
         .context("couldn't find post component")?;
+    let rating = first_entry
+        .select(&RATING_SEL)
+        .next()
+        .context("couldn't find rating component")?
+        .value()
+        .classes()
+        .find_map(|class| class.strip_prefix("rated-"))
+        .and_then(|rating| rating.parse().ok());
 
     let image_url = build_image_url(poster_component)?;
 
-    Ok(Extracted { name, image_url })
+    Ok(Extracted {
+        name,
+        image_url,
+        rating,
+    })
 }
 
 fn build_image_url(poster_component: ElementRef) -> anyhow::Result<Url> {

server/templates/index.html

···
             src="{{ media.image }}"
             alt="Cover art for {{ media.name }}"
           />
-          <p class="self-center text-2xl text-white">{{ media.name }}</p>
+          <div class="flex flex-col self-center">
+            <p class="text-2xl text-white">{{ media.name }}</p>
+            <p class="text-xl text-gray-700 italic">{{ media.context }}</p>
+          </div>
         </div>
         {%- endfor %}
       </div>