Annict Work Links

Add links to "Shoboi Calendar", "MyAnimeList" and "AniList" on Annict works page.

// ==UserScript==
// @name            Annict Work Links
// @namespace       https://github.com/SlashNephy
// @version         0.3.3
// @author          SlashNephy
// @description     Add links to "Shoboi Calendar", "MyAnimeList" and "AniList" on Annict works page.
// @description:ja  Annict の作品ページに「しょぼいカレンダー」「MyAnimeList」「AniList」へのリンクを追加します。
// @homepage        https://scrapbox.io/slashnephy/Annict_%E3%81%AE%E4%BD%9C%E5%93%81%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E5%90%84%E7%A8%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%B8%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B_UserScript
// @homepageURL     https://scrapbox.io/slashnephy/Annict_%E3%81%AE%E4%BD%9C%E5%93%81%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E5%90%84%E7%A8%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%B8%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B_UserScript
// @icon            https://www.google.com/s2/favicons?sz=64&domain=annict.com
// @supportURL      https://github.com/SlashNephy/userscripts/issues
// @match           https://annict.com/*
// @connect         raw.githubusercontent.com
// @grant           GM_xmlhttpRequest
// @license         MIT license
// ==/UserScript==

(function () {
    'use strict';

    /**
     * Checks whether given array's length is equal to given number.
     *
     * @example
     * ```ts
     * hasLength(arr, 1) // equivalent to arr.length === 1
     * ```
     */
    /**
     * Checks whether given array's length is greather than or equal to given number.
     *
     * @example
     * ```ts
     * hasMinLength(arr, 1) // equivalent to arr.length >= 1
     * ```
     */
    function hasMinLength(arr, length) {
      return arr.length >= length;
    }

    async function fetchArmEntries(branch = 'master') {
        const response = await fetch(`https://raw.githubusercontent.com/SlashNephy/arm-supplementary/${branch}/dist/arm.json`);
        return response.json();
    }

    const annictWorkPageUrlPattern = /^https:\/\/annict\.com\/works\/(\d+)/;
    const cachedEntries = [];
    const main = async () => {
        const match = annictWorkPageUrlPattern.exec(window.location.href);
        if (!match || !hasMinLength(match, 2)) {
            return;
        }
        const annictId = parseInt(match[1], 10);
        if (!annictId) {
            throw new Error('Failed to extract Annict work id');
        }
        const links = document.querySelector('div.c-work-header.pt-3 > div.container > div > div.col.mt-3.mt-sm-0 > ul.list-inline.mb-0');
        if (!links || links.childNodes.length === 0) {
            throw new Error('Failed to find target container');
        }
        if (cachedEntries.length === 0) {
            const entries = await fetchArmEntries();
            cachedEntries.push(...entries);
        }
        const entry = cachedEntries.find((x) => x.annict_id === annictId);
        if (!entry) {
            console.warn(`arm entry not found: annict_id=${annictId}`);
            return;
        }
        if (entry.syobocal_tid !== undefined && links.firstChild) {
            const link = links.firstChild.cloneNode(true);
            const aHtml = link.firstChild;
            aHtml.href = `https://cal.syoboi.jp/tid/${entry.syobocal_tid}`;
            const node = aHtml.childNodes[0];
            if (node !== undefined) {
                node.textContent = 'しょぼいカレンダー';
            }
            links.appendChild(link);
        }
        if (entry.anilist_id !== undefined && links.firstChild) {
            const link = links.firstChild.cloneNode(true);
            const aHtml = link.firstChild;
            aHtml.href = `https://anilist.co/anime/${entry.anilist_id}`;
            const node = aHtml.childNodes[0];
            if (node !== undefined) {
                node.textContent = 'AniList';
            }
            links.appendChild(link);
        }
        if (entry.mal_id !== undefined && links.firstChild) {
            const link = links.firstChild.cloneNode(true);
            const aHtml = link.firstChild;
            aHtml.href = `https://myanimelist.net/anime/${entry.mal_id}`;
            const node = aHtml.childNodes[0];
            if (node !== undefined) {
                node.textContent = 'MyAnimeList';
            }
            links.appendChild(link);
        }
    };
    document.addEventListener('turbo:load', () => {
        main().catch(console.error);
    });

})();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址