reidlab/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix scrobblerrr

Browse source
This commit is contained in:
Reid 2026-02-17 07:05:29 -08:00
parent 21ad28c980
commit 8a6d08d276
Signed by: reidlab
GPG key ID: DAF5EAF6665839FD
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/LastFm.astro
View file

@ -4,7 +4,7 @@
<div class="lastfm">
<img class="cover" src="https://lastfm.freetls.fastly.net/i/u/300x300/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg">
<div class="info">
<h3 class="title">loading...</h3>
<h3 class="title"><a target="_blank">loading...</a></h3>
on <span class="album"><strong>loading...</strong></span><br>
by <span class="artist"><strong>loading...</strong></span><br>
at <time class="time"><strong>loading...</strong></time>
@ -15,28 +15,34 @@
const json = await fetch("https://lastfm.nkko.workers.dev/?method=user.getRecentTracks&user=reidlab")
.then(res => res.json())
.catch(err => console.error("last.fm fail:", err));
console.log(json);
type LastFmResource<T> = { "#text": T }
const track = json.recenttracks.track[0] as {
"@attr"?: { nowplaying: boolean },
album: LastFmResource<string>,
artist: LastFmResource<string>,
date: LastFmResource<string>,
date?: LastFmResource<string>,
image: LastFmResource<string>[],
name: string,
url: string,
};
const title = document.querySelector(".title") as HTMLHeadingElement;
// i think it's okay to have this be an anchor element
// the aria role is link if href is present, otherwise generic (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a#technical_summary)
// also briefly stated in the html spec (https://html.spec.whatwg.org/#the-a-element)
const title = document.querySelector(".title a") as HTMLAnchorElement;
const album = document.querySelector(".album strong") as HTMLElement;
const artist = document.querySelector(".artist strong") as HTMLElement;
const time = document.querySelector(".time strong") as HTMLTimeElement;
const cover = document.querySelector(".cover") as HTMLImageElement;
title.innerText = track.name;
title.href = track.url;
album.innerText = track.album["#text"];
artist.innerText = track.artist["#text"];
time.innerText = new Date(track.date["#text"]).toLocaleString(undefined, {
time.innerText = (track.date && new Date(track.date["#text"]).toLocaleString(undefined, {
dateStyle: "medium",
timeStyle: "short"
});
})) || (track["@attr"]?.nowplaying && "NOW!!!") || "epic error getting play time..";
// i chose a random thing from my library missing an album cover for this
// but apparently this goes for any missing track? cuz everyone else is doing it