react-lastfm-viewer v2.0.1
react-lastfm-viewer
!NOTE This repository is now part of a monorepo if you want to start developing on it go to the original monorepo here
A React component to view recent scrobbles for a provided last.fm user, built with:
tailwind
,daisyui
vite
lastfm-ts-api
color.js
Quick start
Install it:
npm i react-lastfm-viewer
# or
yarn add react-lastfm-viewer
# or
pnpm add react-lastfm-viewer
Use it
to start using the component you first need to get a last.fm API key from here, once you've done that just import the component and specify the username of the user you want to get scrobbling information from:
Please note that some users set their profile stats to private, so not every user is applicable, if you're using this component on your personal account just set your "Recent listening" stats to public here
import ReactLastFMViewer from "react-lastfm-viewer";
function App() {
return (
<>
<ReactLastFMViewer user="[username]" api_key="[API_KEY]" />
</>
);
}
if you want to frequently fetch the user's listening info just specify the updateInterval
prop. (milliseconds) (it takes a number that determines the update interval):
import ReactLastFMViewer from "react-lastfm-viewer";
function App() {
return (
<>
<ReactLastFMViewer
user="[username]"
api_key="[API_KEY]"
updateInterval={20000} //20 seconds
/>
</>
);
}
!CAUTION setting the
updateInterval
prop to a low number might subject your api key for termination, to avoid this just use a higher more reasonable number.