A userscript that for enhancing browsing of deviantArt, based on a modern build system(i.e. webpack)
- The script can be configured to filter artists from browsing based on a range of criteria(either removing their deviations or fading them out).
- It places dimensions on deviations' download buttons. Also enables a couple of keyboard shortcuts:
q
and Numpad.
: Download the deviation
e
: Opens downloadable deviations in a new tab. - On gallery pages you can use the following functions:
Shift+Click
on a deviation opens it and the next 4 deviations in new tabs automatically.
Alt+Click
on a deviation downloads the deviation right from the gallery page.
Alt+Shift+Click
on a deviation downloads it and the next 4 deviations right from the gallery page.
All of these can be configured in their respective config files (the script has to be rebuilt for the changes to be reflected).
- Clone repo, run "yarn/npm install"
- Do your config, etc.
- Run "yarn/npm run build".
- The next steps depend on the type of installation: Local or remote.
IMPORTANT! Keep in mind that a local installation is only possible for chrome, because only chrome currently has a setting that allows extensions access to local file URLs. To enable access, go to the menu -> More tools -> Extensions and find your userscript manager (e.g. Tampermonkey. Are there any others even?), click on Details and toggle the setting "Allow access to file URLs". With that out of the way:
- Go to dist/ and open
local.user.js
. Copy its contents into a new userscript and save. This is a one-time step, unless you change something about the build or somehow cause the file path of the script to change(e.g. renaming the project folder or whatever) - You are good to go. Script is now working.
- Go to dist/. Copy the file
main.js
to some location available on the web. - Go to dist/ and open
local.user.js
. Change the last require line to the location you hosted the script on. Copy these contents into a new userscript and save. - You are good to go. Script is now working.
- Go to dist/. Open both files there. Take everything from
main.js
and copy over tolocal.user.js
(below everything there). Optional: You can delete or not the last require from the userscript metadata. Tampermonkey doesn't care. - Take your thusly smushed file and import into userscript manager via method of preference (i.e. copy-paste everything like it's 2006).
- You are good to go. Script is now working.
Feel free to change the script as you wish. Local development is the easiest option. You don't need to juggle compiled assets, uploads or other such nonsense, or even touch the userscript metadata. Just do npm/yarn run build-w
and start developing - the files are now being watched by webpack and any changes are reflected immediately(upon saving the files and reloading the page the script is running on anyway).