GithubHelp home page GithubHelp logo

pilar6195 / anilist-extras Goto Github PK

View Code? Open in Web Editor NEW
46.0 2.0 2.0 517 KB

Simple userscript/extension for AniList that adds a few additional features using modern javascript.

License: MIT License

JavaScript 1.03% TypeScript 93.22% SCSS 5.75%
anilist myanimelist userscript firefox chrome extension

anilist-extras's Introduction


GitHub license Chrome Web Store Users Mozilla Add-on Users

Current Features

  • Modular design allowing easy addition of features.
  • Settings page to enable/disable modules and configure their options (if any). Accessible at https://anilist.co/settings/apps.
  • Adds character data from MyAnimeList since most of the time AniList does not have a complete character list.
  • Adds opening/ending themes data from MyAnimeList.
  • Integrates MyAnimeList scores into AniList.
  • Displays the total number of followers, following, forum threads, and comments on a user's social tab.
  • Toggle option to display character lists as a grid (default) or as a list.
  • Adds Reddit discussion links to anime or manga pages.
  • Set default YouTube player volume.
  • Hide global activity feed.
  • Adds AniList links to MyAnimeList pages.
  • And more!

Installation

Browser Extension

Chrome Web Store

Firefox Add-ons

The browser extension on the Firefox Add-ons Store is currently outdated. Working out some issues getting it published. It will eventually be updated, but for now, please use the userscript or chrome version instead.

Userscript

Userscript

If the above link just opens/downloads the file, it means your browser lacks a userscript manager. If that's the case then install one like Tampermonkey or Violentmonkey with the links provided below and then click on the above link again to finish the AniList Extras installation process.

Getting Tampermonkey
Getting Violentmonkey

Building/Development

To build the userscript/extension, you need Bun.

  1. Clone the repository.
  2. Run bun install to install dependencies.
  3. Run bun run build to build the project. Built assets will be in the dist directory. Unpackaged extension will be in the .build directory.
    • Use bun run watch to watch for changes and rebuild automatically.
    • Use bun run watch:serve to serve the userscript at http://localhost:3000/anilist-extras.user.js for easy development with Violentmonkey.

Running bun run watch and bun run watch:serve will build with sourcemaps enabled for easier debugging. bun run build will not include sourcemaps by default but can be enabled by setting the --include-sourcemap flag.

Note: Since this project is primarily a userscript, the browser extension serves as a wrapper around it. Consequently, browser extension specific features/APIs cannot be used.

Planned Features (maybe)

  • /characters support.

Credits

  • Kana for the readme, banner, and script improvements.
  • Arkon for contributing and adding new features.
  • duncanlang for contributing and adding new features.
  • Jikan for making interaction with the MAL API easier.

anilist-extras's People

Contributors

arkon avatar duncanlang avatar echeung-amzn avatar pilar6195 avatar pitu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

duncanlang arkon

anilist-extras's Issues

It no longer works

Just as the title. Sadly after a long time of not breaking it finally seems to have broken.

Completed/Started Date in Anime/Manga List Columns

I'm not sure how difficult it would be to do this (especially without making a secondary API call...) but it'd be nice to have extra columns in the anime/manga list for the completed/started dates similar to how you can configure it in MAL.

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.