SpotOn Version 3 #35
SenpaiHunters
announced in
Announcements
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
What's Changed
Greetings everyone!
SpotOn V3 is out. Here is the massive changelog that will take me ages to write. By the time you read this, both the Chrome Web Store and SpotOn here will have been updated.
Changes
Optimization was the main focus: speed, optimization, and UI/UX. I'm happy to say that this has been succeeded.
Optimsation
TL:DR: Every file has had a change of some sort
Sizing
Speed
SpotOn load times have been improved from the previous times of 5ms/15ms at some points to a speed of 1ms. If you're lucky, you could see even less than that! This improvement is due to a significant optimization in how SpotOn loads and interacts with the page.
At its best:
Generalised:
This is just SpotOn load times, when refreshing the page, you will now see faster rendering, and when skipping songs, there will no longer be that annoy lag.
Here is the repo size changes:
The differences, both in numbers and percentage, are as follows:
background.js
decreased by 46kb (76.67% reduction)CSS
decreased by 59kb (86.76% reduction)Icons
decreased by 1kb (33.33% reduction)manifest.json
decreased by 1kb (33.33% reduction)Options
decreased by 53kb (45.69% reduction)settings.html
increased by 1kb (4.55% increase)settings.js
is due tooptions.html
being included in it as wellThe total removal is 160kb.
The total removal in kilobytes (kb) is as follows:
color.html
: 3kbcolorHistory.html
: 3kbcolorOptions.html
: 6kbdownload.html
: 21kboptions.html
: 5kbThemes
: 73kbThe total removal is 111kb.
File changes - Removal / Additions
Additions
Additions / New Features
Theme Locking
A pretty heavily requested feature, allow the SpotOn theme to be locked, this is now fully in effect, and the first thing you'll see when loading into SpotOn, if the theme ever freezes unlock theme will force a state change, if that again does not work, a simple reload will fix it all!
Mini song player
I have drafted several options, including a standalone player menu (which I may add to a future stats website!). However, I decided to go with a small one that updates every time you open SpotOn. Additionally, I added a "Copy Track Info" feature, allowing me to easily copy the song name to the clipboard. I also included a "Search on Genius" option for when Spotify does not have the lyrics, as well as a "Download Album Art" feature. This feature has replaced the original button on the NPB and is now optimized. It downloads all album arts regardless of the situation and does not require a reload to function.
Wanna see that draft?
It's built in JS pretty nice, anyway, back to SpotOn!!
Custom CSS
The Spotify popup has undergone a complete overhaul and now exists as a single page that encompasses everything. The following features have been added:
Images
As evident from the array of buttons, you have numerous options at your disposal. Additionally, the Themes repository provides CSS examples and walkthroughs that can serve as a foundation for your own CSS.
Translator
I was really debating whether to include this drafted feature or not. However, I decided I would, so here we are! After hours of improving and optimising, it's now live. You can change the color of the lyrics too, if you please. We also have an auto translator feature.
Settings
Now, we have a small little settings section, by pressing the cog on the left of the header, you can find the following
In addition to the importing and exporting of settings, we have a new theme picker for how SpotOn will look. In this example, I'm using the Dark theme. We also have Dark, Gray, and Light themes, as well as Auto. Auto will be the default, so hopefully, if you're on a dark theme, you won't see a flashbang when loading into SpotOn. It will fetch your device theme and dynamically change the theme based on your device's mode. Then you have your manual modes.
If you have any suggestions on what else to include, shoot me a message!
Development
Added a small development section where you can see some stats. It's pretty barebones for now, but it's where I'll put some hidden options or toggles in later!
Keybinds
When Nav toggle is enabled, added the option to use keybinds for toggling the sidebar and npb
URL: chrome://extensions/shortcuts
Notable mention: When you right-click, you have a few options under SpotOn, such as going to the current Spotify tab, opening a playlist, or closing the current tab. When you highlight some text, you can then use that text to search for the song on Spotify as well!
Removal
Bug Fixes
options
folder.vendor~web-player.da5d0645
).Ending notes
SpotOn V3 has taken me a while—from new features to bug fixes. Unfortunately, I am now sick. I wish I had posted this 15 days ago, but time is running out. I do have more plans and will continue maintaining SpotOn. However, I am currently out of ideas. I have already rewritten it six times, from V2 to V3, and I can't optimize it any further.
This project has made me nothing still, but if you find use in it, that's good enough. I'm always happy to hear your feedback!
If you'd like to make some themes for SpotOn, share them in the new repository under a pull request!
I have spent over 3 months working on this; hopefully, there won't be any bugs!
If you'd like to support the development of SpotOn, you can find some links here:
I will now go to bed and wake up, editing this if there are any new features or if I missed something. This took an hour to write.
This discussion was created from the release SpotOn Version 3.
Beta Was this translation helpful? Give feedback.
All reactions