Last.FM Recently Played

Note: This package uses Svelte and Typescript with the Bun runtime.

---

Show off your recently played tracks!

See it in action:

https://web.liminal.cafe/~sakura/

Make it yours.

• Edit the props in the App.svelte file

// hard-limit is 50 tracks
<RecentTracks user="YOUR_USERNAME" limit={20} />

ENV

• Make a .env file and add the following variables:

VITE_LF_KEY=YOUR_API_KEY
VITE_B_URL=https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=

Development/Standalone

// install deps
bun install
// try it out
bun run dev
// use as standalone
bun run build

Drop it in a project.

You can easily drop this in an existing svelte project by importing the RecentTracks.svelte file, or even an SSG like Astro, which can hydrate it as an island.