/wooorm.github.io

🐛 personal website

Primary LanguageJavaScript

wooorm.com

Build

To build the site, create a .env file with the following tokens, from GitHub (note: it needs user:* and admin:org scopes), OpenCollective, Last.fm, Trakt.tv, and The Movie DB.

GH_TOKEN=123123123
OC_TOKEN=123123123
LFM_TOKEN=123123123
LFM_USER=username
TTV_TOKEN=123123123
TTV_USER=username
TMDB_TOKEN=123123123
SPOT_R_TOKEN=123123123
SPOT_C_ID=123123123
SPOT_C_SECRET=123123123
STRA_R_TOKEN=123123123
STRA_C_ID=123123123
STRA_C_SECRET=123123123

Do npm i and then npm t, which checks and builds the site.

For Spotify, create an app, configure a callback URL as http://localhost/callback, note the client ID and secret, then go to (in a browser):

https://accounts.spotify.com/authorize?client_id=$CLIENT_ID&response_type=code&redirect_uri=http://localhost/callback&scope=user-top-read

Accept, grab the code from the URL, and do the following in a terminal:

curl --verbose \
  -d "grant_type=authorization_code" \
  -d "redirect_uri=http://localhost/callback" \
  -d "client_id=$CLIENT_ID" \
  -d "client_secret=$CLIENT_SECRET" \
  -d "code=$CODE" \
  https://accounts.spotify.com/api/token

Grab the refresh_token from the result. Place it, the client id, and the client secret in .env.

For Strava, create an app, note the client ID and secret, then go to (in a browser):

http://www.strava.com/oauth/authorize?client_id=$CLIENT_ID&response_type=code&redirect_uri=http://localhost:8000/&approval_prompt=force&scope=activity:read_all

Accept, grab the code from the URL, and do the following in a terminal:

curl -X POST https://www.strava.com/oauth/token \
  -F client_id=$CLIENT_ID \
  -F client_secret=$CLIENT_SECRET \
  -F code=$CODE \
  -F grant_type=authorization_code

And you’re done.