Greasy Fork is available in English.

mikananiBgmScore

Mikan 蜜柑计划首页显示 Bangumi 评分 / 标签 / 链接。

// ==UserScript==
// @name         mikananiBgmScore
// @namespace    https://github.com/kjtsune/UserScripts
// @version      0.8
// @description  Mikan 蜜柑计划首页显示 Bangumi 评分 / 标签 / 链接。
// @author       kjtsune
// @match        https://mikanani.me/
// @match        https://mikanani.me/Home/MyBangumi
// @icon         https://www.google.com/s2/favicons?sz=64&domain=mikanani.me
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_deleteValue
// @license MIT
// ==/UserScript==
'use strict';

let config = {
    sortByScore: true,
    logLevel: 2,
    // 若 minScore 的值大于0.1,会隐藏低于该评分的条目。
    minScore: 0,
    // 清除无效标签的正则匹配规则
    tagsRegex: /\d{4}|TV|动画|小说|漫|轻改|游戏改|原创|[a-zA-Z]/,
    // 标签数量限制,填0禁用标签功能。
    tagsNum: 3,
    // https://next.bgm.tv/demo/access-token  解除 NSFW 条目限制。
    bgmToken: '',
};

let logger = {
    error: function (...args) {
        if (config.logLevel >= 1) {
            console.log('%cerror', 'color: yellow; font-style: italic; background-color: blue;', ...args);
        }
    },
    info: function (...args) {
        if (config.logLevel >= 2) {
            console.log('%cinfo', 'color: yellow; font-style: italic; background-color: blue;', ...args);
        }
    },
    debug: function (...args) {
        if (config.logLevel >= 3) {
            console.log('%cdebug', 'color: yellow; font-style: italic; background-color: blue;', ...args);
        }
    },
}

function createElementFromHTML(htmlString) {
    let div = document.createElement('div');
    div.innerHTML = htmlString.trim();
    return div.firstElementChild;
}

async function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function getJSON(url) {
    try {
        let headers = {
            'Authorization': `Bearer ${config.bgmToken}`,
            'User-Agent': 'mikanBgm/0.1 (https://github.com/kjtsune/UserScripts)'
        }
        let options = (config.bgmToken) ? { headers: headers } : null;
        const response = await fetch(url, options);
        logger.info(`fetch ${url}`)
        if (response.status >= 200 && response.status < 400)
            return await response.json();
        console.error(`Error fetching ${url}:`, response.status, response.statusText, await response.text());
    }
    catch (e) {
        console.error(`Error fetching ${url}:`, e);
    }
}

async function getBgmJson(bgmId) {
    let url = `https://api.bgm.tv/v0/subjects/${bgmId}`
    return await getJSON(url)
}

async function cleanBgmTags(tags) {
    tags = tags.filter(item => item.count >= 10 && !(config.tagsRegex.test(item.name)));
    let namesList = tags.map(item => item.name);
    return namesList;
}

async function getParsedBgmInfo(bgmId, stringify = false) {
    let bgmJson = await getBgmJson(bgmId);
    let score = (bgmJson) ? bgmJson.rating.score : 0.1;
    let summary = (bgmJson) ? bgmJson.summary : "18x or network error";
    let date = (bgmJson) ? bgmJson.date : new Date();
    let tags = (bgmJson) ? await cleanBgmTags(bgmJson.tags) : [];
    let res = { score: score, summary: summary, date: date, tags: tags };
    res = (stringify) ? JSON.stringify(res) : res;
    return res
}

function queryAllForArray(seletor, elementArray) {
    let result = [];
    for (const element of elementArray) {
        let res = element.querySelectorAll(seletor);
        if (!res) logger.error("queryAllForArray not result", seletor, element);
        result.push(...res);
    }
    return result
}

function multiTimesSeletor(storage = null, seletorAll = false, ...cssSeletor) {
    const seletor = cssSeletor[0]
    const restSeletor = cssSeletor.slice(1)
    if (!seletor) return storage;

    if (seletorAll) {
        storage = storage || [document]
        let res = queryAllForArray(seletor, storage);
        if (res) storage = res;
        storage && logger.debug('storage', storage.length, seletor, restSeletor);
        if (!restSeletor) {
            return storage;
        } else {
            return multiTimesSeletor(storage, true, ...restSeletor);
        }
    } else {
        storage = storage || document;
        const lastRes = storage;
        storage = storage.querySelector(seletor);
        storage && logger.debug('storage', storage, seletor);
        if (!storage) logger.error("not result", seletor, lastRes);
        if (!restSeletor) {
            return storage;
        } else {
            return multiTimesSeletor(storage, false, ...restSeletor);
        }
    }
}

async function myFetch(url, selector = null, selectAll = false) {
    let response = await fetch(url);
    let text = await response.text();
    const parser = new DOMParser();
    const htmlDocument = parser.parseFromString(text, "text/html");
    const element = htmlDocument.documentElement;
    if (!selector) return element;
    if (selectAll) {
        return element.querySelectorAll(selector);
    } else {
        return element.querySelector(selector);
    }
}

async function getBgmId(mikanUrl) {
    let selector = "p.bangumi-info > a[href*='tv/subject']";
    let bgm = await myFetch(mikanUrl, selector);
    if (bgm) bgm = bgm.href.split("/").slice(-1)[0];
    return bgm
}

class MyStorage {
    constructor(prefix, splitStr = '|', expireDay = 0, useGM = false) {
        this.prefix = prefix;
        this.splitStr = splitStr;
        this.expireDay = expireDay;
        this.expireMs = expireDay * 864E5;
        this._getItem = (useGM) ? GM_getValue : localStorage.getItem.bind(localStorage);
        this._setItem = (useGM) ? GM_setValue : localStorage.setItem.bind(localStorage);
        this._removeItem = (useGM) ? GM_deleteValue : localStorage.removeItem.bind(localStorage);
    }

    _dayToMs(day) {
        return day * 864E5;
    }

    _msToDay(ms) {
        return ms / 864E5;
    }

    _keyGenerator(key) {
        return `${this.prefix}${this.splitStr}${key}`
    }

    get(key, defalut = null) {
        key = this._keyGenerator(key);
        let res = this._getItem(key);
        if (this.expireMs && res) {
            res = JSON.parse(this._getItem(key)).value;
        }
        res = res || defalut;
        return res
    }

    set(key, value) {
        key = this._keyGenerator(key);
        if (this.expireMs) {
            value = JSON.stringify({ timestamp: Date.now(), value: value })
        }
        this._setItem(key, value)
    }

    del(key) {
        key = this._keyGenerator(key);
        try {
            this._removeItem(key);
        } catch (error) {
            // pass
        }
    }

    checkIsExpire(key, expireDay = null) {
        key = this._keyGenerator(key);
        let exists = this.useGM ? (this._getItem(key) !== undefined) : (key in localStorage)
        if (!exists) return true;
        if (!this.expireMs && exists) { return false };
        let data = JSON.parse(this._getItem(key))
        let timestamp = data.timestamp;
        if (!timestamp) throw `checkIsExpire not work , not timestamp, key: ${key}`;
        expireDay = (expireDay !== null) ? expireDay : this.expireDay;
        let expireMs = (expireDay !== null) ? expireDay * 864E5 : this.expireMs;
        if (timestamp + expireMs < Date.now()) {
            logger.info(key, "IsExpire, old:", new Date(timestamp).toLocaleDateString(), "expireDay:", expireDay);
            return true;
        } else {
            return false;
        }
    }
}

class BgmStorage extends MyStorage {
    constructor(prefix, splitStr = '|', expireDay = 0, useGM = false) {
        super(prefix, splitStr, expireDay, useGM);
    }

    bgmIsExpire(key) {
        let expireDay = 15;
        let airDate = this.get(key, Object).date;
        if (!airDate) { return true };
        let airedDay = this._msToDay(new Date().getTime() - new Date(airDate).getTime());
        switch (true) {
            case (airedDay < 10):
                expireDay = 1;
                break;
            case (airedDay < 20):
                expireDay = 2;
                break;
            case (airedDay < 180):
                expireDay = 5;
                break;
            default:
                expireDay = 15;
                break;
        }
        return this.checkIsExpire(key, expireDay);
        // return this.checkIsExpire(key, 0);
    }
}

function swapElements(element1, element2) {
    const parent1 = element1.parentNode;
    const parent2 = element2.parentNode;
    const temp = document.createElement('li');

    parent1.insertBefore(temp, element1);
    parent2.insertBefore(element1, element2);
    parent1.insertBefore(element2, temp);
    parent1.removeChild(temp);
}

function sortBangumi() {
    for (const day_group of document.querySelectorAll('div.sk-bangumi')) {
        if (day_group.querySelector('.sorted-marker')) return;

        let ls = Array.from(day_group.querySelectorAll('.an-ul > li'));
        let sorted_ls = Array.from(ls);
        sorted_ls.sort((a, b) => {
            const score_node_a = a.querySelector('div > a > img');
            const score_node_b = b.querySelector('div > a > img');
            if (!score_node_a || !score_node_b) return 0;
            const scoreA = parseFloat(score_node_a.parentElement.text.trim());
            const scoreB = parseFloat(score_node_b.parentElement.text.trim());
            return scoreB - scoreA; // 从大到小排序
        });

        for (const sorted_ele of sorted_ls) {
            let current_ls = Array.from(day_group.querySelectorAll('.an-ul > li'));
            let correct_idx = sorted_ls.indexOf(sorted_ele);
            let current_ele = current_ls[correct_idx];
            swapElements(sorted_ele, current_ele);
        }

        const marker = document.createElement('div');
        marker.className = 'sorted-marker';
        day_group.appendChild(marker);
    }
    logger.info('sortBangumi Done')
}


async function addScoreSummaryToHtml(mikanElementList) {
    let bgmIco = `<img style="width:16px;" src="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALJu+f//////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsm75ELJu+cCybvn/sm75/7Ju+f+ybvn//////7Ju+f+ybvn/sm75/7Ju+f+ybvn/sm75/7Ju+f+ybvnAsm75ELJu+cCybvn/sm75/7Ju+f+ybvn/sm75////////////sm75/7Ju+f+ybvn/sm75/7Ju+f+ybvn/sm75/7Ju+cCwaPn/sGj5/9iz/P///////////////////////////////////////////////////////////9iz/P+waPn/rF/6/6xf+v//////////////////////////////////////////////////////////////////////rF/6/6lW+/+pVvv/////////////////////////////////zXn2/////////////////////////////////6lW+/+lTfz/pU38///////Nefb/zXn2/8159v//////zXn2///////Nefb//////8159v/Nefb/zXn2//////+lTfz/okT8/6JE/P//////////////////////2bb8/8159v/Nefb/zXn2/9m2/P//////////////////////okT8/546/f+eOv3//////8159v/Nefb/zXn2////////////////////////////zXn2/8159v/Nefb//////546/f+bMf7/mzH+//////////////////////////////////////////////////////////////////////+bMf7/lyj+wJco/v/Mk/7////////////////////////////////////////////////////////////Mk///lyj+wJQf/xCUH//AlB///5Qf//+UH///lB///5Qf//+aP///mj///5o///+UH///lB///5Qf//+UH///lB//wJQf/xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzXn2/5o////Nefb/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzXn2/wAAAAAAAAAAAAAAAM159v8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzXn2/wAAAAAAAAAAAAAAAAAAAAAAAAAAzXn2/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzXn2/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADNefb/AAAAAAAAAAAAAAAA+f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/j8AAP3fAAD77wAA9/cAAA==">`
    for (const element of mikanElementList) {
        let scoreElement = element.nextElementSibling;
        if (scoreElement) continue;
        let mikanUrl = element.href;
        let mikanId = mikanUrl.split('/').slice(-1)[0];
        let bgmId = mikanBgmStorage.get(mikanId);
        let bgmInfo = bgmInfoStorage.get(bgmId);
        if (!bgmId || !bgmInfo) continue;
        let bgmUrl = `https://bgm.tv/subject/${bgmId}`
        let score = bgmInfo.score;
        let summary = bgmInfo.summary;
        let title = element.textContent;
        let pathName = element.pathname;
        let tags = bgmInfo.tags;
        let tasgWithSummary = summary;
        let tagsHtml = '';
        if (tags && tags.length > 0 && config.tagsNum > 0) {
            tags = tags.filter(name => !config.tagsRegex.test(name));
            tagsHtml = `<br>${tags.slice(0, config.tagsNum)}`;
            tasgWithSummary = `tags: ${tags}\n\n${summary}`
            element.insertAdjacentHTML("afterend", tagsHtml);
        }
        let bgmHtml = `<a href="${bgmUrl}" target="_blank" title="${tasgWithSummary}" id="bgmScore">${bgmIco} ${score}</a>`
        element.insertAdjacentHTML("afterend", bgmHtml);

        let minScore = config.minScore;
        let lowScore = (score <= minScore && score > 0.1 && minScore > 0.1) ? true : false;
        let mobileFatherElement = document.querySelectorAll(`a[href="${pathName}"`)[1];
        if (lowScore) {
            logger.info('delete', title, score, minScore);
            element.parentElement.parentElement.parentElement.remove();
        }
        if (!mobileFatherElement) continue;
        mobileFatherElement = mobileFatherElement.parentElement;
        let mobileElement = mobileFatherElement.querySelector('div');
        if (!mobileElement) continue;
        let mobileHtml = `<a href="${bgmUrl}" target="_blank" title="${tasgWithSummary}" id="bgmScore">${title} ${score}</a>`
        let newMobileElement = createElementFromHTML(mobileHtml);
        mobileElement.replaceWith(newMobileElement);
        if (tagsHtml) {
            newMobileElement.insertAdjacentHTML("afterend", tagsHtml);
        }
        // mobileFatherElement.replaceChild(newMobileElement, mobileElement);
        if (lowScore) {
            logger.info('delete', title, score, minScore);
            newMobileElement.parentElement.parentElement.remove();
        }
    }
}

let mikanBgmStorage = new MyStorage("mikan");
let bgmInfoStorage = new BgmStorage("bgm", undefined, 7);

async function storeMikanBgm(mikanElementList, storeBgmInfo = false) {
    let count = 0;

    async function checkBgmInfoExist(mkId) {
        let bgmId = mikanBgmStorage.get(mkId);
        if (!bgmId) return;
        if (bgmInfoStorage.bgmIsExpire(bgmId)) {
            bgmInfoStorage.set(bgmId, await getParsedBgmInfo(bgmId));
            count++;
        }
    }

    for (const element of mikanElementList) {
        let mikanUrl = element.href;
        let mikanId = mikanUrl.split('/').slice(-1)[0];
        let bgmId = mikanBgmStorage.get(mikanId)
        if (!bgmId) {
            bgmId = await getBgmId(mikanUrl);
            logger.info("fetch mikan", mikanId);
            mikanBgmStorage.set(mikanId, bgmId);
            logger.info(`set ${mikanId} to ${bgmId}`);
            await sleep(1000);
            count++;
        }
        if (storeBgmInfo) await checkBgmInfoExist(mikanId);
        await addScoreSummaryToHtml([element]);
    }
    count && logger.info('fetch count', count);
}

function backupMikanBgm() {
    let result = {};
    for (let key in localStorage) {
        if (key.indexOf('mikan|') != -1) {
            result[key] = localStorage.getItem(key);
        }
    }
    if (result) {
        result = JSON.stringify(result);
        console.log(result);
    }
}

function restoreMikanBgm(text) {
    let data = JSON.parse(text);
    for (let key in data) {
        if (key.indexOf('mikan|') != -1) {
            localStorage.setItem(key, data[key])
        }
    }
}

function countMikanBgm() {
    let count = 0;
    for (let key in localStorage) {
        if (key.indexOf('mikan|') != -1) {
            count++;
        }
    }
    console.log('mikan bgm count: ', count)
}

async function main() {
    let animeList = multiTimesSeletor(null, true, "div.sk-bangumi", "a[href^='/Home/Bangumi']");
    // animeList = animeList.slice(0, 10);
    await storeMikanBgm(animeList, true);
    await addScoreSummaryToHtml(animeList);
    logger.debug(animeList);
    if (config.sortByScore) { sortBangumi(); }
}

(function loop() {
    setTimeout(async function () {
        let start = Date.now()
        await main();
        let usedSec = (Date.now() - start) / 1000;
        if (usedSec > 0.01) logger.info(`used time ${usedSec}`);
        loop();
    }, 2000);
})();