☰

AO3 Direct Chapter Index and List Button (Entire Website)

A lazy solution to add buttons to navigate directly to the Chapter Index on AO3 work pages, user dashboard, and other users' works, styled to match existing buttons, working across the entire AO3 site. Or something. It's probably a mess, frankly.

当前为 2024-10-17 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         AO3 Direct Chapter Index and List Button (Entire Website)
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.1
  5. // @description  A lazy solution to add buttons to navigate directly to the Chapter Index on AO3 work pages, user dashboard, and other users' works, styled to match existing buttons, working across the entire AO3 site. Or something. It's probably a mess, frankly.
  6. // @author       stroke6
  7. // @license      MIT
  8. // @match        https://archiveofourown.org/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // Function to add the "Go to Chapter Index" button on work pages
  17.     function addButtonOnWorkPage() {
  18.         const navContainer = document.querySelector("#main > ul.work.navigation.actions");
  19.         const workIdMatch = window.location.href.match(/works\/(\d+)/);
  20.  
  21.         if (navContainer && workIdMatch && workIdMatch[1]) {
  22.             const newButtonItem = document.createElement("li");
  23.             const button = document.createElement("a");
  24.  
  25.             button.innerHTML = "Go to Chapter Index";
  26.             button.classList.add("button");
  27.             button.style.cursor = "pointer";
  28.             button.href = `https://archiveofourown.org/works/${workIdMatch[1]}/navigate`;
  29.  
  30.             newButtonItem.appendChild(button);
  31.             navContainer.appendChild(newButtonItem);
  32.         } else {
  33.             console.error('Work ID not found in the URL or navigation container missing.');
  34.         }
  35.     }
  36.  
  37.     // Function to add a 'Chapters' button on the user dashboard
  38.     function addButtonOnDashboard() {
  39.         const workElements = document.querySelectorAll('[id^="work_"] ul.actions');
  40.  
  41.         workElements.forEach(function(workElement) {
  42.             const workId = workElement.closest('[id^="work_"]').id.replace('work_', '');
  43.             if (workId) {
  44.                 const smallButton = document.createElement("a");
  45.                 smallButton.innerHTML = "Chapters";
  46.                 smallButton.classList.add("button");
  47.                 smallButton.style.cursor = "pointer";
  48.                 smallButton.href = `https://archiveofourown.org/works/${workId}/navigate`;
  49.  
  50.                 workElement.appendChild(smallButton);
  51.             }
  52.         });
  53.     }
  54.  
  55.     // Function to add "Chapter Index" text link to works or bookmarks
  56.     function addChapterListLinkToWorksOrBookmarks() {
  57.         const bookmarkElements = document.querySelectorAll('[id^="bookmark_"] dl');
  58.         const workElements = document.querySelectorAll('[id^="work_"] dl');
  59.  
  60.         // For bookmarks
  61.         bookmarkElements.forEach(function(bookmarkElement) {
  62.             const bookmarkId = bookmarkElement.closest('[id^="bookmark_"]').id.replace('bookmark_', '');
  63.             const workId = bookmarkElement.querySelector('a[href*="/works/"]').href.match(/works\/(\d+)/)[1];
  64.             
  65.             if (workId) {
  66.                 const chapterListElement = document.createElement("dd");
  67.                 const chapterListLink = document.createElement("a");
  68.  
  69.                 chapterListLink.innerHTML = "Chapter Index";
  70.                 chapterListLink.href = `https://archiveofourown.org/works/${workId}/navigate`;
  71.                 chapterListLink.style.cursor = "pointer";
  72.  
  73.                 chapterListElement.appendChild(chapterListLink);
  74.                 bookmarkElement.appendChild(chapterListElement);
  75.             }
  76.         });
  77.  
  78.         // For works
  79.         workElements.forEach(function(workElement) {
  80.             const workId = workElement.closest('[id^="work_"]').id.replace('work_', '');
  81.             
  82.             if (workId) {
  83.                 const chapterListElement = document.createElement("dd");
  84.                 const chapterListLink = document.createElement("a");
  85.  
  86.                 chapterListLink.innerHTML = "Chapter Index";
  87.                 chapterListLink.href = `https://archiveofourown.org/works/${workId}/navigate`;
  88.                 chapterListLink.style.cursor = "pointer";
  89.  
  90.                 chapterListElement.appendChild(chapterListLink);
  91.                 workElement.appendChild(chapterListElement);
  92.             }
  93.         });
  94.     }
  95.  
  96.     // Update handlePage function to detect bookmark pages
  97.     function handlePage() {
  98.         const currentURL = window.location.href;
  99.  
  100.         if (currentURL.includes("/works/")) {
  101.             // For work pages
  102.             addButtonOnWorkPage();
  103.             addChapterListLinkToWorksOrBookmarks();
  104.         }
  105.  
  106.         else if (currentURL.includes("/collections/")) {
  107.             // For collections
  108.             addButtonOnWorkPage();
  109.             addButtonOnDashboard();
  110.             addChapterListLinkToWorksOrBookmarks();
  111.         }
  112.  
  113.         else if (currentURL.includes("/users/")) {
  114.             // For user-specific pages (dashboard, etc.)
  115.             addButtonOnDashboard();
  116.             addChapterListLinkToWorksOrBookmarks();
  117.         }
  118.         
  119.         else if (currentURL.includes("/bookmarks/")) {
  120.             // For bookmarks
  121.             addChapterListLinkToWorksOrBookmarks();
  122.         }
  123.         else {
  124.             // For other pages where works might be listed, such as tags
  125.             addChapterListLinkToWorksOrBookmarks();
  126.         }
  127.     }
  128.  
  129.     // Run the handler when the page loads
  130.     window.onload = function() {
  131.         handlePage();
  132.     };
  133.  
  134. })();