tthn0/spotify-readme

A dynamic, customizable, and real-time Spotify now-playing widget that seamlessly integrates with your website or GitHub markdown files!

Hey there, I’m Thomas

I'm a student, developer, and an aspiring software engineer. I am ✨ passionate ✨ about computer science, and I have a strong love for mathematics. I'm making projects or learning something new just about every day. You can find my coolest projects here on my GitHub!

---

Languages I've played with

---

🌎 Bio

class Thomas {
  skills = [
    "Application Security",
    "Web Development",
    "Data Structures",
    "Algorithms",
    "Databases",
  ];
  get currentlyLearning() {
    return "Automata and Computability";
  }
  constructor(pronouns) {
    this.pronouns = pronouns;
  }
}
let me = new Thomas("He" || "Him" || "His");

tthn0@github
┌────────────────────────────────────┐
│ OS        ~  Thomas Nguyen         │
│ Host      ~  Houston, TX           │
│ Uptime    ~  20 years              │
│                                    │
│ Kernel    ~  University of Houston │
│ Shell     ~  B.S. Computer Science │
│ Packages  ~  101/120 Credits       │
└────────────────────────────────────┘

🎶 Vibing to

📈 Interesting numbers

🛠 Architecture

> fetch

💾 OS     ~  macOS
💻 Host   ~  MacBook Air M1
💽 Shell  ~  zsh

📚 Certifications

	Microsoft Word
	Microsoft Excel

spotify-readme's Issues

Deployment Error: 404: NOT_FOUND and ImportModuleError: Unable to import module 'vc__handler__python

"I followed all the steps successfully, but after deploying, it's throwing an error. In the preview, I'm getting a 404: NOT_FOUND with the code: NOT_FOUND, and in the logs, there's a 500 [ERROR] with the message 'Runtime.ImportModuleError: Unable to import module 'vc__handler__python': cannot import name 'url_quote' from 'werkzeug.urls' (/var/task/werkzeug/urls.py)'."

dark theme

can you make available rainbow equalizer for dark theme too?

Getting HTTP error code 500 after deployment

[ERROR] Runtime.ImportModuleError: Unable to import module 'vc__handler__python': cannot import name 'url_quote' from 'werkzeug.urls' (/var/task/werkzeug/urls.py) Traceback (most recent call last):

Status Code: 500 Internal Server Error
Host: spotify-readme-gamma-bay.vercel.app
Request Path: /api
Request ID: 9tr5s-1709187115156-2eb1a61308cf
Request User Agent: github-camo (723732d2)
Level: Error

Previews

[Request] Auto refresh on next song

Hello dev!

First of all, thank you for this project that looks and run great. I have an enhancement request : the card would auto refresh on song change so it always display the current played song.

Images

Hey, the images that you provided in the README.md file are not loading. Can you please fix this issue so that users can see a preview of each Widget

Regards,
Zemerik

Deployment Issue "This Serverless Function has crashed"

The log

Recently played section

Vercel deployment error

In my function log vercel

and when i visit my url with /api myspotify-nqbill.vercel.app

please help @itstommi

caching access tokens

the access token have a lifetime of 3600s, so why not cache them rather than creating new access tokens at every request?

help

I'm going to do the tutorial you say but it appears "invalid client"

"error":"invalid_client"

Hello, I have an "error":"invalid_client" issue.
I did as it was written, created a string in the format
And encoded it in Base64
And sent a curl request

curl \
-X POST \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Authorization: Basic {YzM...REDACTED...MzM=}" \
-d "grant_type=authorization_code&redirect_uri=[http://localhost/callback/&code={AQDzjaRztvKyjHB5XuaMGgZO2XyBCygxqVs2lSFnBsMUyyTo-K2W_mV8uf4qKhmNfaSdtwZ5s3MkFNXvp3KpgueowjB6VCAiw2fkEC7QJdBAJDrOnrwUQBzl3kODDUox8fX8fnsB-P6e5-9JKjL-SfPp7GzQxhHUNqilOasGO8TwBaPsv36vFxeswv2Tm6dft4LI0MMTYLmQ7c_stIF6QfSZElbpy2nJpVI5gQL8}](http://localhost/callback/&code=%7BAQDzjaRztvKyjHB5XuaMGgZO2XyBCygxqVs2lSFnBsMUyyTo-K2W_mV8uf4qKhmNfaSdtwZ5s3MkFNXvp3KpgueowjB6VCAiw2fkEC7QJdBAJDrOnrwUQBzl3kODDUox8fX8fnsB-P6e5-9JKjL-SfPp7GzQxhHUNqilOasGO8TwBaPsv36vFxeswv2Tm6dft4LI0MMTYLmQ7c_stIF6QfSZElbpy2nJpVI5gQL8%7D)" \
https://accounts.spotify.com/api/token

and received the error response "error":"invalid_client"

This Serverless Function has crashed.

I get this error when I try to open (url)/api. I did everything correctly, i don’t know why that’s happening. (I’m using google translator)

I am getting an Error 404

404 error

i have this error trying to acess mu vernel app

500 ERROR - Unable to import module 'vc__handler__python'

[ERROR] Runtime.ImportModuleError: Unable to import module 'vc__handler__python': cannot import name 'url_quote' from 'werkzeug.urls' (/var/task/werkzeug/urls.py)

Vercel functions crash

Hi, I deployed the repo on vercel and when i'm going on the endpoint /api i get this error

404 error when deploying

After deploying on Vercel I see this error.

I tried revising my vercel.json to be this:

{
  "rewrites": [
    { "source": "/(.*)", "destination": "/" }
  ],
  "headers": [
    {
      "source": "/api/(.*)",
      "headers": [
        { "key": "Access-Control-Allow-Credentials", "value": "true" },
        { "key": "Access-Control-Allow-Origin", "value": "*" },
        { "key": "Access-Control-Allow-Methods", "value": "GET,OPTIONS,PATCH,DELETE,POST,PUT" },
        { "key": "Access-Control-Allow-Headers", "value": "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version" }
      ]
    }
  ]
}
 

That didn't work.

Any tips are greatly appreciated.

Interesting issue with svg load on hover in Firefox

I've had this weird, weird bug and I thought I'd bring it up as I can't find any details about it anywhere else.

I've forked your repo and made some simplifications/style edits. But perhaps somewhere along the way, I made a change I shouldn't have (?). I'm currently experiencing an odd bug where the cover of the base64 encoded cover art will only load when the mouse hovers over it.

When this happens it appears instantly, suggesting this isn't an issue with the resource being loaded on the page but something about how the svg is rendered on the page. I only experience this issue with Firefox and I can't always reproduce it. My gut tells me it might be something to do with the Vercel instance going dormant when it's not been activated in a while and so the svg isn't loaded at once with the cover image?

Here is a short little screen recording so you can get the idea.

Screen.Recording.2022-06-28.at.10.08.35.PM.mov

[Request] Link to redirect to current song

eg. https://vercelprojecturl.example/link

Thanks for the project, it looks great 👍

500 Internal Server Error on /api

After deployment I'm getting this error


Any tips are greatly appreciated.