SpotOn, a browser extension for Spotify. Including full custom toggles and user settings! For more info check out the README.md! Happy Spotting!
OTHER License
Significant optimizations and bug fixes have been implemented. Detailed changes are as follows:
options
folder has been removed; settingsDown.js
is now located in the settings
folder.toggle.js
and contents of the shared
folder into a single file themeToggles.js
within the settings
folder.import.js
to ensure reliable importing of user settings.settingsOptions.js
, settings.js
, search.js
, locals.js
, and background.js
.I may add each release to the release tab, instead of only doing major releases, minor bug fixes, i may only add to the readme..... we'll see.
Full Changelog: https://github.com/SenpaiHunters/SpotOn/compare/V3.0.2...V3.0.3.5
Published by SenpaiHunters 8 months ago
Enhanced the code by adding missing variables, updated the version, removed a default feature, and fixed a bug related to the white color in SpotOn.
Accidentally pushed the wrong branch... I'm so sorry about this.
Also, fixed bugs and added stuff I forgot.
Full Changelog: https://github.com/SenpaiHunters/SpotOn/compare/V2...V3.0.2
Published by SenpaiHunters 8 months ago
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.
Optimization was the main focus: speed, optimization, and UI/UX. I'm happy to say that this has been succeeded.
TL:DR: Every file has had a change of some sort
Sizing
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 to options.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.
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!
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!!
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.
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.
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!
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!
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!
options
folder.vendor~web-player.da5d0645
).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.
Published by SenpaiHunters about 1 year ago
Full Changelog: https://github.com/SenpaiHunters/SpotOn/compare/V_1.5...V2
Published by SenpaiHunters over 1 year ago
Added new toggle options (in beta)
Full redone of SpotOn code #28
It's now super easy to edit SpotOn to your tastes without needing knowledge in css
or js
~
Reduced code size from 413kb to 268kb, resulting in a decrease of 35.12%
Introduced inbuilt SpotOn Righter, which can be toggled on/off (only inside js
for now)
Reduced image sizes for improved performance
Revamped popup.html
and added a new popup design
Restructured and reformatted code, removing unnecessary parts
Moved the streaming to devices bar inside the Now Playing Bar
Redesigned the Hotkeys panel
Redid the design of artist page
Enhanced toggle.js
code
Temporarily removed the scrollbar
Removed borders on multiple elements
command + k
) and been improved nowAnimations now play smoother
Hovering looks better, with a smooth fade in
Subtext for songs, like albums are now a sorta grey color, looks better now
Added additional customisation options to tailor SpotOn to individual preferences
SpotOnMain.js
Nav bar & Now playing bar customisation:
--now-playing-color:
--nav-bar-color:
--bg-img:
--song-color: white;
--album-art:
Hiders:
--hide-song-date:
--hide-song-numbering:
--hide-song-dura:
--hide-song-album:
--hide-song-heart:
--hide-top-infbar:
--hide-profile-icon:
Lyrics:
--lyrics-color:
--lyrics-font-size:
Progress bar settings:
--progress-bar--background-color:
--progress-bar-dot-color:
--playback-duration-color:
And more to come in future updates
style.css
, transferring necessary parts to other filestoggle
button inside popup.html
toggle.js
toggle.js
function
node for extra SpotOn CSSmanifest.json
that caused installation difficulties for some usersFixed a lot, added a lot, Improved a lot, sleep now
Published by SenpaiHunters over 1 year ago
In this version there has been a lot of changes, for all browsers. I mean a lot, close to a week of solid work, mostly to get some features to work then spotify went down, so that was cool. Anyway, release notes are as follows.
options
menu, added the icon to be constant now, ability to copy the lyrics shownconnect to a device
, changed colour of the play icon for arc browsers (fallback for other browsers too)right-click
menu i mean).⌘ + →
or ⌘ + ←
Liked Songs
, now at the start and not to the end of nowheree
at the bottom of the songs)remove cache
)This is one of my biggest updates in a long time, thank you to those who reported a bug and provided information when requested, thank you to everyone who downloads SpotOn, I hope you enjoy it, I'm making 0 pennies off SpotOn so any support is much appericated. Feel free to reach out to me on my socials or launch an issue on GitHub.
Published by SenpaiHunters over 1 year ago
Published by SenpaiHunters almost 2 years ago
Published by SenpaiHunters almost 2 years ago
- NOTE: The Hotkeys shown are for MAC! They should work for windows simply by pressing Control instead of Command, and Alt instead of Option.
⌥ (Option) - (Windows Ctrl)
⌘ (Command) - ( Windows Alt)
Published by SenpaiHunters almost 2 years ago
In this new mode, the now playing bar at the bottom no longer is hidden!
With the release of V0.5, users on low-end software might encounter a slight performance drop. But! I've tested it on the lowest of hardware and it's not really noticeable, unless you reload the Spotify page every single second, sometimes the images won't change, and for that to fix itself simply skip the song back and forwards.
This has got many features, but is intended for low performance hardware. The performance difference between the 3 different 'SpotOn's are about 0.43% Performance gain. So, it won't be getting looked at, nor will have any good features.
In this new mode, the now playing bar at the bottom no longer is hidden!
Published by SenpaiHunters about 2 years ago
Published by SenpaiHunters about 2 years ago
Published by SenpaiHunters about 2 years ago
A redesigned NPB (now playing bar) which is now fully customisable!
A fix for when Spotify needs to reload an error would occur.
Fixed an error where the menu bar would fail to load.
Fixed an error in the code line, causing slow performance on low-end hardware.