MangaUpdates Extended Info UserScript

Overview

This Userscript transforms the standard list view on MangaUpdates.com into a modern, feature-rich dashboard with a card-based grid layout, instant loading, and advanced data visualization.

Key Features

🎨 Modern UI Overhaul

• Card Grid Layout: Replaces the traditional table with a responsive grid of series cards.
• Glassmorphism Design: Features a dark, modern aesthetic with glass-like cards, smooth gradients, and refined typography.
• Rich Series Cards: Each card displays:
  • High-quality series thumbnail (clickable).
  • Series title and synopsis (rendered from Markdown).
  • Genres: Displayed as clean, colored pills.
  • Status: Visual badges for "Completed" v.s. "Ongoing".
  • Ratings: Shows both the Bayesian rating (with stars) and your personal rating (e.g., "My: 8/10").
  • Status Text: Renders custom status notes (e.g., "Vol 5, Ch 32") with formatted styling.

⚡ Performance & Caching

• Instant Load: Caches the rendered HTML layout for immediate display on subsequent visits (0ms visual load time).
• Smart Caching: Stores series data (IDs, descriptions, genres, images) in Tampermonkey storage to minimize API requests.
• Background Processing: Fetches updates silently in the background while you browse the cached view.
• Unused Entry Tracking: Automatically flags cached entries that are no longer in your list for cleanup analysis.

🛠️ Advanced Tools & Controls

• Persistent Header: A sticky control bar that stays visible while scrolling.
• Toggle View: fast-switch between the new "Enhanced View" and the "Original View" table.
• Hard Refresh: A "Reset Cache" button to forcefully clear stored data for the current list and re-fetch fresh info from the API.
• Per-Card Refresh: Update a single series instantly by clicking the refresh icon on its card.
• Filters:
  • "Show Only Completed": Checkbox to instantly filter the grid for completed series only.

📊 Analytics

• Header Stats: Real-time counters showing:
  • 📦 Cache: Total series cached.
  • 📋 Original: Number of series in the current list.
  • ✨ Modern: Number of series rendered in the enhanced view.
• Status Log: Live activity log showing what the script is processing (e.g., "Fetching [1/20] Series Name").

Technical Highlights

• API Integration: Queries the MangaUpdates V1 API to fetch missing details like images and descriptions.
• Robust Error Handling: Gracefully handles API failures, missing images, and network issues.
• Safe DOM Manipulation: Uses a "Shadow UI" approach where the original table is hidden but preserved for data scraping.