Code Monkey home page Code Monkey logo

deviantartenhancer's Introduction

deviantArtEnhancer v1.3.1

A userscript that for enhancing browsing of deviantArt, based on a modern build system(i.e. webpack)

Usage

  1. The script can be configured to filter artists from browsing based on a range of criteria(either removing their deviations or fading them out).
  2. 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.
  3. 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).

Installation

  1. Clone repo, run "yarn/npm install"
  2. Do your config, etc.
  3. Run "yarn/npm run build".
  4. The next steps depend on the type of installation: Local or remote.

Local

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:

  1. 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)
  2. You are good to go. Script is now working.

Remote

  1. Go to dist/. Copy the file main.js to some location available on the web.
  2. 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.
  3. You are good to go. Script is now working.

The old fashioned way

  1. Go to dist/. Open both files there. Take everything from main.js and copy over to local.user.js (below everything there). Optional: You can delete or not the last require from the userscript metadata. Tampermonkey doesn't care.
  2. Take your thusly smushed file and import into userscript manager via method of preference (i.e. copy-paste everything like it's 2006).
  3. You are good to go. Script is now working.

Development

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).

deviantartenhancer's People

Contributors

martixy avatar

Stargazers

 avatar Kai SL avatar  avatar

Watchers

 avatar James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.