2 |
3 |   
4 |
5 | Browser extension for adding additional features to `animepahe`. Available for download on the [Firefox addon store](https://addons.mozilla.org/en-CA/firefox/addon/animepahe-plus/) with support for all `animepahe` domains.
6 |
7 | ```sh
8 | $ npm dev # test
9 | $ npm run build # build
10 | $ npm run format # clean
11 | ```
12 |
13 | ## Features
14 |
15 | Full feature list can be found in [todo.md](TODO.md).
16 |
17 | - Countdown latest episode
18 | - Average score (on anilist)
19 | - Select highest quality by default (sub only)
20 | - Disable "Beware of fake websites"
21 | - Random navbar button
22 | - Watch history
23 |
24 | ## Contributing
25 |
26 | All pull requests/issues are appreciated. You can find general information about the extension in [todo.md](TODO.md).
27 |
28 | The commit syntax is: `[+] feat: Adding something`. It isn't completely required, but it would be nice if followed.
29 |
30 | ## License
31 |
32 | [MIT](LICENSE)
33 |
--------------------------------------------------------------------------------
/settings/js/dev.js:
--------------------------------------------------------------------------------
1 | // dev.js
2 | // The debug tab. Can be used to reset
3 | // the internal storage.
4 | //
5 |
6 | const clear = document.getElementById("clear");
7 | const cookieMonster = document.getElementById("cookieMonster");
8 | const syncStorage = document.getElementById("viewStorage");
9 | const hardReload = document.getElementById("hardReload");
10 |
11 | function clearStorage() {
12 | if (confirm("Are you sure?")) {
13 | browser.storage.sync.clear();
14 | browser.tabs.reload({ bypassCache: true });
15 | location.reload();
16 | }
17 | }
18 |
19 | // prettier-ignore
20 | function takeABite() {
21 | browser.tabs.executeScript({ code: `
22 | (() => {
23 | alert("Removing all data...");
24 | localStorage.clear();
25 | sessionStorage.clear();
26 | location.reload();
27 | })();
28 | `});
29 | }
30 |
31 | function viewStorage() {
32 | const dc = document.getElementById("debug-console");
33 |
34 | dc.style.visibility =
35 | dc.style.visibility == "visible" ? "hidden" : "visible";
36 | syncStorage.innerText =
37 | dc.style.visibility == "visible"
38 | ? "Hide sync storage"
39 | : "Show sync storage";
40 | }
41 |
42 | function forceReload() {
43 | if (confirm("Are you sure?")) {
44 | browser.tabs.reload({ bypassCache: true });
45 | location.reload();
46 | }
47 | }
48 |
49 | clear.addEventListener("click", clearStorage);
50 | cookieMonster.addEventListener("click", takeABite);
51 | syncStorage.addEventListener("click", viewStorage);
52 | hardReload.addEventListener("click", forceReload);
53 |
--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
1 | // index.js
2 | // The main entry point for all scripts.
3 | // Loads storage and calls related functions.
4 | //
5 |
6 | const pahe = {};
7 | const endpoints = {
8 | info: "https://graphql.anilist.co",
9 | api: `https://${location.hostname}/api`,
10 | };
11 |
12 | const conf = {
13 | settings: {
14 | // info
15 | "anilist-score": false,
16 | "blur-cover": false,
17 | "show-upcoming": false,
18 |
19 | // watch
20 | "episode-bookmark": false,
21 | "season-number": false,
22 | "highest-resolution": false,
23 | "save-episode": false,
24 | "toggle-lights": false,
25 | "direct-links": false,
26 |
27 | // general
28 | "random-anime": false,
29 | "fakesite-ignore": false,
30 | },
31 |
32 | // saved episodes
33 | saved: [],
34 | };
35 |
36 | (async () => {
37 | // load storage
38 | const settings = await browser.storage.sync.get("settings");
39 | for (const o of Object.keys(conf.settings)) {
40 | if (
41 | Object.keys(settings).length != 0 &&
42 | typeof conf.settings[o] == "boolean"
43 | ) {
44 | conf.settings[o] = settings.settings[o];
45 | }
46 | }
47 |
48 | // load save
49 | const save = await browser.storage.sync.get("saved");
50 | if (Object.keys(save).length != 0) {
51 | conf.saved = save.saved.slice();
52 | }
53 |
54 | // execute functions
55 | for (const func of Object.keys(pahe)) {
56 | try {
57 | if (conf.settings[func]) await pahe[func]();
58 | } catch (e) {
59 | console.warn(`[pahe-plus] internal error ${e}`);
60 | }
61 | }
62 | })();
63 |
--------------------------------------------------------------------------------
/pages/watch/lights.js:
--------------------------------------------------------------------------------
1 | // lights.js
2 | // toggle-lights
3 | //
4 | // Button to dim all elements surrounding
5 | // the video player.
6 | //
7 |
8 | const lightsCSS = `
9 | #lights-overlay {
10 | z-index: 10;
11 | background-color: rgba(0, 0, 0, 0.8);
12 | width: 100vw;
13 | height: 100vh;
14 |
15 | position: fixed;
16 | top: 0;
17 | }
18 |
19 | .player {
20 | z-index: 15 !important;
21 | }
22 |
23 | .prequel,
24 | .sequel {
25 | opacity: 0.3;
26 | }
27 |
28 | #toggle-lights {
29 | z-index: 20 !important;
30 | }
31 | `;
32 |
33 | function toggleLights() {
34 | const overlay = document.getElementById("lights-overlay");
35 |
36 | // prettier-ignore
37 | if (!overlay) {
38 | document.querySelector(".theatre").insertAdjacentHTML("afterbegin", `
39 | 68 | Next Episode: 69 | ${exactDate.toISOString().split("T")[0]} | ${sdhms(stat.timeUntilAiring)} 70 |
71 | `); 72 | } 73 | 74 | async function episode() { 75 | const aniID = anilistID(); 76 | 77 | if (!aniID) { 78 | console.warn("[pahe-plus] could not grab anilist id!"); 79 | return; 80 | } 81 | 82 | const status = await getAiringStatus(aniID); 83 | 84 | if ( 85 | !status || 86 | !Number.isInteger(status.airingAt) || 87 | !Number.isInteger(status.timeUntilAiring) || 88 | !Number.isInteger(status.episode) 89 | ) { 90 | console.warn( 91 | "[pahe-plus] error fetching airing status, anime is likely finished airing.", 92 | ); 93 | 94 | return; 95 | } 96 | 97 | display(status); 98 | } 99 | 100 | pahe["show-upcoming"] = episode; 101 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "Additional features for animepahe.", 3 | "manifest_version": 2, 4 | "name": "Animepahe Plus", 5 | "version": "1.2.4", 6 | "homepage_url": "https://github.com/Cyan903/Animepahe-plus", 7 | "icons": { 8 | "48": "icons/dark-48.png" 9 | }, 10 | 11 | "permissions": [ 12 | "activeTab", 13 | "storage", 14 | "*://graphql.anilist.co/*", 15 | "*://pahe.win/*" 16 | ], 17 | 18 | "browser_action": { 19 | "default_icon": "icons/dark-32.png", 20 | "default_title": "Animepahe+", 21 | "default_popup": "settings/conf.html" 22 | }, 23 | 24 | "web_accessible_resources": [ 25 | "style/pages/*.css", 26 | "style/main.css", 27 | "img/*.svg", 28 | "img/*.png" 29 | ], 30 | 31 | "content_scripts": [ 32 | { 33 | "matches": [ 34 | "*://*.animepahe.com/*", 35 | "*://*.animepahe.org/*", 36 | "*://*.animepahe.si/*", 37 | "*://*.animepahe.ru/*" 38 | ], 39 | 40 | "run_at": "document_end", 41 | "css": ["style/main.css"], 42 | "js": [ 43 | "pages/index.js", 44 | "pages/browser.js", 45 | "pages/general/random.js", 46 | "pages/general/fakesite.js" 47 | ] 48 | }, 49 | 50 | { 51 | "matches": [ 52 | "*://*.animepahe.com/", 53 | "*://*.animepahe.org/", 54 | "*://*.animepahe.si/*", 55 | "*://*.animepahe.ru/" 56 | ], 57 | 58 | "run_at": "document_end", 59 | "js": ["pages/info/blur.js"] 60 | }, 61 | 62 | { 63 | "matches": [ 64 | "*://*.animepahe.com/anime/*", 65 | "*://*.animepahe.org/anime/*", 66 | "*://*.animepahe.si/anime/*", 67 | "*://*.animepahe.ru/anime/*" 68 | ], 69 | 70 | "run_at": "document_end", 71 | "css": ["style/pages/info.css"], 72 | "js": [ 73 | "pages/info/blur.js", 74 | "pages/info/episode.js", 75 | "pages/info/score.js" 76 | ] 77 | }, 78 | 79 | { 80 | "matches": [ 81 | "*://*.animepahe.com/play/*", 82 | "*://*.animepahe.org/play/*", 83 | "*://*.animepahe.si/play/*", 84 | "*://*.animepahe.ru/play/*" 85 | ], 86 | 87 | "run_at": "document_end", 88 | "css": ["style/pages/watch.css"], 89 | "js": [ 90 | "pages/watch/number.js", 91 | "pages/watch/bookmark.js", 92 | "pages/watch/resolution.js", 93 | "pages/watch/lights.js", 94 | "pages/watch/saved.js", 95 | "pages/watch/direct.js" 96 | ] 97 | }, 98 | 99 | { 100 | "matches": [ 101 | "*://*.animepahe.com/b/*", 102 | "*://*.animepahe.org/b/*", 103 | "*://*.animepahe.si/b/*", 104 | "*://*.animepahe.ru/b/*" 105 | ], 106 | 107 | "run_at": "document_end", 108 | "js": ["pages/bookmark/_.js"] 109 | } 110 | ], 111 | 112 | "options_ui": { 113 | "page": "settings/conf.html", 114 | "open_in_tab": true 115 | }, 116 | 117 | "browser_specific_settings": { 118 | "gecko": { 119 | "id": "pahe-plus@hwk", 120 | "strict_min_version": "58.0" 121 | } 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /pages/watch/bookmark.js: -------------------------------------------------------------------------------- 1 | // bookmark.js 2 | // episode-bookmark 3 | // 4 | // Custom bookmarks for episodes. Bookmarks are permanent and will always 5 | // bring you back to the epsiode you saved. 6 | // 7 | 8 | function getIDs() { 9 | try { 10 | const urls = location.href.split("/play/")[1].split("/"); 11 | return { 12 | series: urls[0], 13 | episode: urls[1], 14 | }; 15 | } catch (e) { 16 | console.warn("[pahe-plus]", e); 17 | return false; 18 | } 19 | } 20 | 21 | function buildBookmark(id, episode, page) { 22 | return btoa( 23 | JSON.stringify({ 24 | id, 25 | episode, 26 | page, 27 | }), 28 | ); 29 | } 30 | 31 | async function getStaticIDs({ series, episode }) { 32 | let page = 1; 33 | 34 | do { 35 | const req = await fetch( 36 | `${endpoints.api}?m=release&id=${series}&sort=episode_asc&page=${page}`, 37 | ) 38 | .then((j) => j.json()) 39 | .catch((e) => { 40 | console.warn( 41 | `[pahe-plus] could not fetch ${endpoints.api}!`, 42 | e, 43 | ); 44 | }); 45 | 46 | if (!req || page > req.last_page || !req.data) { 47 | return false; 48 | } 49 | 50 | // find episode 51 | const session = req.data.map((d) => d.session); 52 | 53 | if (session.includes(episode)) { 54 | return { ...req.data[session.indexOf(episode)], page }; 55 | } 56 | } while (page++); 57 | } 58 | 59 | async function promptBookmark(ids) { 60 | const static = await getStaticIDs(ids); 61 | 62 | if (!static) { 63 | console.warn("[pahe-plus] failed to get static ids!"); 64 | return; 65 | } 66 | 67 | const bookmarkHref = document.getElementById("bookmark-href"); 68 | 69 | bookmarkHref.innerHTML = document.title.replace(" :: animepahe", ""); 70 | bookmarkHref.href = `/b/${buildBookmark( 71 | static.anime_id, 72 | static.episode, 73 | static.page, 74 | )}`; 75 | 76 | return true; 77 | } 78 | 79 | function insertBookmark() { 80 | const info = document.querySelector(".theatre-info"); 81 | const ids = getIDs(); 82 | 83 | if (!info || !ids) return; 84 | 85 | // prettier-ignore 86 | info.insertAdjacentHTML("beforeend", ` 87 | 94 | `); 95 | 96 | document.getElementById("ppahe-bookmark").onclick = async function () { 97 | const popout = document.getElementById("player-bookmark-popout"); 98 | 99 | this.style.opacity = "0.5"; 100 | this.disabled = true; 101 | 102 | popout.style.display = 103 | popout.style.display == "none" ? "block" : "none"; 104 | document.getElementById("bookmark-how").innerHTML = "Loading..."; 105 | document.getElementById("bookmark-href").innerHTML = ` 106 |
19 |
20 |