Breaks the spotify UI

[xWinqq]

How did you install Beautiful Lyrics?

Marketplace

What is the Bug/Issue?

Well, it speaks for itself. This also happens:

What Country are you from?

The Netherlands

What Operating System are you using?

Windows

Spotify/Spicetify Information

Spotify Version: 1.2.31.1205.g4d59ad7c
Spotify Runtime: cef_121.3.6+gbbcaed4+chromium-121.0.6167.139
Spicetify Version: 2.38.7
Spicetify Theme: marketplace
Spicetify Extensions: [beautiful-lyrics.mjs]
Spicetify Custom Apps: [marketplace, name-that-tune]

Spotify HTML/CSS and Console Screenshots

The shortcut doesn't work, so im submitting this

Information Checklist

• Spotify/Spicetify Information
• Spotify HTML File
• Spotify CSS File
• Screenshots of Developer Tools Console Tab

[somewhat69]

same issue

[0xh311]

+1 same issue here sadly

[iseeface]

Guys, from what we’ve (me and @SpikeNew7774) analyzed, the Beautiful Lyrics plugin is currently experiencing an issue. The extension loads its main files from its CDN (Cloudflare R2) bucket, but the bucket is not granting access to users, resulting in an HTTP 403 Forbidden error. This is a backend issue, meaning there’s nothing we can do at the moment—only @surfbryce can fix it.

In the meantime, let's stay calm and avoid spamming the complaint chat or this issue page with repeated messages. The best course of action is to wait for the fix.

[AgentMonkey00]

New fullscreen UI goes crazy

in all seriousness though, hope this gets fixed and all good wishes to surfbryce <3

[awdev1]

Guys, from what we’ve (me and @SpikeNew7774) analyzed, the Beautiful Lyrics plugin is currently experiencing an issue. The extension loads its main files from its CDN (Cloudflare R2) bucket, but the bucket is not granting access to users, resulting in an HTTP 403 Forbidden error. This is a backend issue, meaning there’s nothing we can do at the moment—only @surfbryce can fix it.

In the meantime, let's stay calm and avoid spamming the complaint chat or this issue page with repeated messages. The best course of action is to wait for the fix.

Hopefully he fixes it, they haven't been active on GitHub since November! Or they could open source the backend files, but I'd understand if they don't wish to do that

[LunarN0v4]

dupe of #1064

[SpikeNew7774]

@awdev1 The backend files are actually very easy to kind of replicate. To do it, you need to download the source code from github (preferably the "Development" branch), then installing Deno from https://deno.com . Then installing all the packages with deno i (I think). Then running deno run test (make sure to remove the marketplace version before that.) After you should have beautiful lyrica builded, but the downside is, that you will need to run the deno run test in the CLI everytime you want to use beautiful lyrics.

[Aki65RU]

+1

[awdev1]

I’ll play around with it today to see if I can come up with a workaround 

[marriedtopython]

I’ll play around with it today to see if I can come up with a workaround

They wouldn't be a workaround, its due to the buckets being privated. please see the screenshot below.

[awdev1]

Reached out to the author over discord - they are online and hopefully then can fix it!

[awdev1]

I’ll play around with it today to see if I can come up with a workaround

They wouldn't be a workaround, its due to the buckets being privated. please see the screenshot below.

Got it to work! Details coming soon one sec

fonts just a little cooked

[awdev1]

@awdev1 The backend files are actually very easy to kind of replicate. To do it, you need to download the source code from github (preferably the "Development" branch), then installing Deno from https://deno.com . Then installing all the packages with deno i (I think). Then running deno run test (make sure to remove the marketplace version before that.) After you should have beautiful lyrica builded, but the downside is, that you will need to run the deno run test in the CLI everytime you want to use beautiful lyrics.

You were correct, quite easy as long you know basic computering

[awdev1]

The fonts are stored on the server, I'm trying to find a solution to the right font

[SpikeNew7774]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.
2. Make the changes
3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

[awdev1]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.

2. Make the changes

3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

Thank you!

[marriedtopython]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.
2. Make the changes
3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

That's Actually smart, will add this workaround to my issue board explaining whats happened

[awdev1]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.
2. Make the changes
3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

That's Actually smart, will add this workaround to my issue board explaining whats happened

Gotta love the open source community 👍

[SpikeNew7774]

@awdev1 Fun thing is that you're currently sitting behind your PC, and I'm responding at 2am (in my country) through my phone 😂

[marriedtopython]

@awdev1 Fun thing is that you're currently sitting behind your PC, and I'm responding at 2am (in my country) through my phone 😂

damn bro, go to sleep 😂

[awdev1]

@SpikeNew7774 @marriedtopython got em'

[awdev1]

@awdev1 Fun thing is that you're currently sitting behind your PC, and I'm responding at 2am (in my country) through my phone 😂

Oh boy

[marriedtopython]

wasn't the lyrics font a bit more bold? might just be my brain fucking up but still a win in my books!

[awdev1]

wasn't the lyrics font a bit more bold? might just be my brain fucking up but still a win in my books!

I mean hey as long as I don't need to stare at Times New Roman lol

[marriedtopython]

real

[awdev1]

real

Alright, we are done https://github.com/surfbryce/beautiful-lyrics/issues/1080#issuecomment-2574261284

[awdev1]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.

2. Make the changes

3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

Question, how are you hosting these

[LunarN0v4]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.
2. Make the changes
3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

Question, how are you hosting these

a cloudflare worker it seems, also, they made Spicy Lyrics:
https://github.com/SpikeNew7774/spicy-lyrics

[awdev1]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.

2. Make the changes

3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

Question, how are you hosting these

a cloudflare worker it seems, also, they made Spicy Lyrics:

https://github.com/SpikeNew7774/spicy-lyrics

Fair enough, who's up for msking a backend (joke)

[LunarN0v4]

@awdev1 Get them at "https://fonts.spikerko.org/spicy-lyrics/source.css" but you need to change the name from SpicyLyrics to BeautifulLyrics.

1. Make a font replica on your pc.

2. Make the changes

3. Import that into the code.

The font is the same as the BeautifulLyrics font, since on my Spicy Lyrics extension I use the same.

Question, how are you hosting these

a cloudflare worker it seems, also, they made Spicy Lyrics:
https://github.com/SpikeNew7774/spicy-lyrics

Fair enough, who's up for msking a backend (joke)

add me on discord, i sent a friend request