Greasy Fork

bangumi动画和豆瓣及MAL评分对比

show subject score information of douban and MAL in bangumi.tv

当前为 2017-07-31 提交的版本,查看 最新版本

// ==UserScript==
// @name        bangumi anime score compare
// @name:zh-CN  bangumi动画和豆瓣及MAL评分对比
// @namespace   https://github.com/22earth
// @description show subject score information of douban and MAL in bangumi.tv
// @description:zh-cn bangumi动画页面显示豆瓣和MAL的评分
// @include     /^https?:\/\/(bangumi|bgm|chii)\.(tv|in)\/subject\/.*$/
// @include     https://movie.douban.com/subject/*
// @version     0.2.1
// @note        0.2.0 支持豆瓣上显示Bangumi评分,暂时禁用豆瓣上显示MAL的评分功能以及修改过滤方式
// @TODO        统一豆瓣和Bangumi的缓存数据信息,
// @grant       GM_addStyle
// @grant       GM_registerMenuCommand
// @grant       GM_xmlhttpRequest
// @require     https://cdn.staticfile.org/fuse.js/2.6.2/fuse.min.js
// @require     https://cdn.staticfile.org/bluebird/3.5.0/bluebird.min.js
// ==/UserScript==
;(function() {
  if (GM_registerMenuCommand) {
    // 用户脚本命令增加清除评分信息缓存
    GM_registerMenuCommand('\u6e05\u9664\u8bc4\u5206\u7f13\u5b58', clearInfoStorage, 'c');
  }
  const USERJS_PREFIX = 'E_USERJS_ANIME_SCORE_';
  const UPDATE_INTERVAL = 24 * 60 * 60 * 1000;
  const CLEAR_INTERVAL = UPDATE_INTERVAL * 7;
  const E_ENABLE_AUTO_SHOW_SCORE_INFO = true;
  const TIMEOUT = 10 * 1000;

  let isDouban = false;
  var DOUBAN = null
  var BANGUMI = null

  let tempList = window.location.pathname.match(/subject\/(\d*)/);
  if (!tempList) return;
  const SUBJECT_BGM_ID = tempList[1];
  if (window.location.host.match(/bangumi\.tv|bgm\.tv|chii\.in/)) {
    BANGUMI = {
      init: function() {
        if (!this.isAnimeSubject()) return
        this.initControlDOM(document.querySelector('#panelInterestWrapper h2'))
        toggleLoading();
        checkInfoUpdate();
        const subjectInfo = this.getSubjectInfo();
        const scoreInfoDouban = readScoreInfo('douban');
        const scoreInfoMAL = readScoreInfo('mal');
        if (!scoreInfoDouban) {
          fetchDoubanData(subjectInfo);
        } else {
          this.insertScoreInfo(scoreInfoDouban.info);
        }
        if (!scoreInfoMAL) {
          fetchMALData(subjectInfo);
        } else {
          this.insertScoreInfo(scoreInfoMAL.info);
        }
      },
      isAnimeSubject: function () {
        return document.querySelector('.focus.chl.anime')
      },
      initControlDOM: function ($target) {
        const rawHTML = `<a title="强制刷新豆瓣和MAL评分" class="e-userjs-score-ctrl e-userjs-score-fresh">O</a>
      <a title="清除所有评分缓存" class="e-userjs-score-ctrl e-userjs-score-clear">X</a>
`;
        $target.innerHTML = $target.innerHTML + rawHTML;
        addStyle();
        document.querySelector('.e-userjs-score-clear').addEventListener('click', clearInfoStorage, false);
        document.querySelector('.e-userjs-score-fresh').addEventListener('click', () => {
          if (E_ENABLE_AUTO_SHOW_SCORE_INFO) {
            const subjectInfo = this.getSubjectInfo();
            toggleLoading();
            let $info = document.querySelectorAll('.e-userjs-score-compare');
            for (let i = 0, len = $info.length; i < len; i++) {
              $info[i].remove();
            }
            fetchDoubanData(subjectInfo);
            fetchMALData(subjectInfo);
          } else {
            this.init();
          }
        }, false);
      },
      getSubjectInfo: function () {
        let subjectInfo = {};
        subjectInfo.subjectName = document.querySelector('h1>a').textContent.trim();
        let infoList = document.querySelectorAll('#infobox>li');
        if (infoList && infoList.length) {
          for (let i = 0, len = infoList.length; i < len; i++) {
            let el = infoList[i];
            if (el.innerHTML.match(/放送开始|上映年度/)) {
              subjectInfo.startDate = dealDate(el.textContent.split(':')[1].trim());
            }
            if (el.innerHTML.match('播放结束')) {
              subjectInfo.endDate = dealDate(el.textContent.split(':')[1].trim());
            }
          }
        }
        return subjectInfo;
      },
      insertScoreInfo: function (siteScoreInfo) {
        let $panel = document.querySelector('.SidePanel.png_bg');
        if ($panel) {
          // 两位小数
          siteScoreInfo.averageScore = parseFloat(siteScoreInfo.averageScore).toFixed(2);
          let $div = document.createElement('div');
          $div.classList.add('frdScore');
          $div.classList.add('e-userjs-score-compare');
          $div.innerHTML = `${siteScoreInfo.site}:<span class="num">${siteScoreInfo.averageScore}</span> <span class="desc" style="visibility:hidden">还行</span> <a href="${siteScoreInfo.subjectURL}" target="_blank" class="l">${siteScoreInfo.ratingsCount} 人评分</a>
`;
          toggleLoading(true);
          $panel.appendChild($div);
        }
      }
    }

    BANGUMI.init()
  } else if (window.location.host.match(/douban\.com/)) {
    isDouban = true
    DOUBAN = {
      init: function () {
        if (this.isAnimeSubject()) {
          checkInfoUpdate();
          const subjectInfo = this.getSubjectInfo();
          const scoreInfoBangumi = readScoreInfo('bangumi');
          //const scoreInfoMAL = readScoreInfo('mal');
          if (!scoreInfoBangumi) {
            fetchBangumiDataBySearch(subjectInfo)
          } else {
            this.insertScoreInfo(scoreInfoBangumi.info);
          }
          // 暂时禁用显示MAL评分的功能
          //if (!scoreInfoMAL) {
            //fetchMALData(subjectInfo);
          //} else {
            //this.insertScoreInfo(scoreInfoMAL.info);
          //}
        }
      },
      isAnimeSubject: function () {
        let $tags = document.querySelector('.tags-body')
        if ($tags) {
          return $tags.textContent.match(/动画|动漫/)
        }
      },
      getSubjectInfo: function () {
        let subjectInfo = {};
        subjectInfo.subjectName = document.querySelector('#content h1>span').textContent
        subjectInfo.startDate = document.querySelector('span[property="v:initialReleaseDate"]').textContent.replace(/\(.*\)/, '')
        return subjectInfo
      },
      /**
       * @param {Object} siteScoreInfo - averageScore ratingsCount site subjectURL
       */
      insertScoreInfo: function(siteScoreInfo) {
        let $panel = document.querySelector('#interest_sectl');
        let $friendsRatingWrap = document.querySelector('.friends_rating_wrap')
        if (!$friendsRatingWrap) {
          $friendsRatingWrap = document.createElement('div')
          $friendsRatingWrap.className = 'friends_rating_wrap clearbox'
          $panel.appendChild($friendsRatingWrap)
        }
        // 小数
        siteScoreInfo.averageScore = parseFloat(siteScoreInfo.averageScore).toFixed(1);
        let $div = document.createElement('div');
        let favicon = siteScoreInfo.site.match('bangumi') ?
          'data:img/jpg;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==' :
          'data:img/jpg;base64,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'

        let rawHTML = `<strong class="rating_avg">${siteScoreInfo.averageScore}</strong>
                    <div class="friends">
                            <a class="avatar" title="${siteScoreInfo.site}" href="javascript:;">
                            <img src="${favicon}"/>
                            </a>
                    </div>
                    <a href="${siteScoreInfo.subjectURL}" class="friends_count" target="_blank">${siteScoreInfo.ratingsCount}人评价</a>
`
        $div.className = 'rating_content_wrap clearfix e-userjs-score-compare'
        $div.innerHTML = rawHTML
        //toggleLoading(true);
        $friendsRatingWrap.appendChild($div);
      },
    };

    DOUBAN.init()
  }

  function addStyle(css) {
    if (css) {
      GM_addStyle(css);
    }
    else {
      GM_addStyle(`
      .e-userjs-score-ctrl {color:#f09199;font-weight:800;float:right;}
      .e-userjs-score-ctrl:hover {cursor: pointer;}
      .e-userjs-score-clear {margin-right: 12px;}
      .e-userjs-score-loading { width: 208px; height: 13px; background-image: url("/img/loadingAnimation.gif"); }
      `);
    }
  }

  function toggleLoading(hidden) {
    let $div = document.querySelector('.e-userjs-score-loading');
    if (!$div) {
      $div = document.createElement('div');
      $div.classList.add('e-userjs-score-loading');
      let $panel = document.querySelector('.SidePanel.png_bg');
      $panel.appendChild($div);
    }
    if (hidden) {
      $div.style.display = 'none';
    } else {
      $div.style.cssText = '';
    }
  }

  function dealDate(dateStr) {
    return dateStr.replace(/年|月|日|\s/g, '/').replace(/\/$/, '');
  }

  function fetchBangumiDataBySearch (subjectInfo) {
    if (!subjectInfo || !subjectInfo.startDate) return;
    const startDate = new Date(subjectInfo.startDate);
    const url = `https://bgm.tv/subject_search/${encodeURIComponent(subjectInfo.subjectName)}?cat=2`
    searchSubjectHTML(url).then((info) => {
      var rawInfoList = []
      let $doc = (new DOMParser()).parseFromString(info, "text/html");
      let items = $doc.querySelectorAll('#browserItemList>li>div.inner')
      // get number of page
      let numOfPage = null
      let pList = $doc.querySelectorAll('.page_inner>.p')
      if (pList && pList.length) {
        numOfPage = parseInt(pList[pList.length-1].href.split('?page=')[1])
      }
      pList = null
      if (items && items.length) {
        for (const item of items) {
          let $subjectTitle = item.querySelector('h3>a.l')
          let itemSubject = {
            subjectTitle: $subjectTitle.textContent.trim(),
            subjectURL: 'https://bgm.tv' + $subjectTitle.getAttribute('href'),
            subjectGreyTitle: item.querySelector('h3>.grey') ?
            item.querySelector('h3>.grey').textContent.trim() : '',
          }
          let matchDate = item.querySelector('.info').textContent.match(/\d{4}年\d{1,2}月\d{1,2}日/)
          if (matchDate) {
            itemSubject.startDate = dealDate(matchDate[0])
          }
          let $rateInfo = item.querySelector('.rateInfo')
          if ($rateInfo) {
            if ($rateInfo.querySelector('.fade')) {
              itemSubject.averageScore = $rateInfo.querySelector('.fade').textContent
              itemSubject.ratingsCount = $rateInfo.querySelector('.tip_j').textContent.replace(/[^0-9]/g, '')
            } else {
              itemSubject.averageScore = '0'
              itemSubject.ratingsCount = '少于10'
            }
          } else {
            itemSubject.averageScore = '0'
            itemSubject.ratingsCount = '0'
          }
          rawInfoList.push(itemSubject)
        }
      } else {
        throw new Error("Empty results");
      }
      // filter results
      const opts = {
        keys: ['subjectTitle', 'subjectGreyTitle']
      };
      let results = (new Fuse(rawInfoList, opts)).search(subjectInfo.subjectName);
      if (!results.length) {
        throw new Error("No match results");
      }
      console.log('rrrrrr', results);
      for (const result of results) {
        if (result.startDate) {
          let d = new Date(result.startDate)
          if (d.getFullYear() === startDate.getFullYear() && d.getDate() === startDate.getDate()) {
            finalResults = result
          }
        }
      }
      finalResults.site = 'bangumi'
      DOUBAN.insertScoreInfo(finalResults)
      localStorage.setItem(USERJS_PREFIX + 'BANGUMI' + '_' + SUBJECT_BGM_ID, JSON.stringify({
        info: finalResults,
        date: (new Date()).getTime()
      }));
    })
      .catch((err) => {
        console.log('err', err);
      });
  }

  /**
   * fetch score info and insert into page
   * @param: {Object} subjectInfo
   * @param: {number} pageNumber
   * @param: {string} type - anime game
   */
  function fetchBangumiData(subjectInfo, pageNumber, type) {
    if (!subjectInfo || !subjectInfo.startDate) return;
    const startDate = new Date(subjectInfo.startDate);
    const SUBJECT_TYPE  = type || 'anime'
    const sort = startDate.getDate() > 15 ? '?sort=date' : ''
    const page = pageNumber ? `&page=${pageNumber}` : ''
    const url = `https://bgm.tv/${SUBJECT_TYPE}/browser/airtime/${startDate.getFullYear()}-${startDate.getMonth()+1}${sort}${page}`;
    searchSubjectHTML(url).then((info) => {
      var rawInfoList = []
      let $doc = (new DOMParser()).parseFromString(info, "text/html");
      let items = $doc.querySelectorAll('#browserItemList>li>div.inner')
      // get number of page
      let numOfPage = null
      let pList = $doc.querySelectorAll('.page_inner>.p')
      if (pList && pList.length) {
        numOfPage = parseInt(pList[pList.length-1].href.split('?page=')[1])
      }
      pList = null
      //var items = document.querySelectorAll('#browserItemList>li>div.inner')
      if (items && items.length) {
        for (const item of items) {
          let $subjectTitle = item.querySelector('h3>a.l')
          let itemSubject = {
            subjectTitle: $subjectTitle.textContent.trim(),
            subjectURL: 'https://bgm.tv' + $subjectTitle.getAttribute('href'),
            subjectGreyTitle: item.querySelector('h3>.grey') ?
            item.querySelector('h3>.grey').textContent.trim() : '',
          }
          let matchDate = item.querySelector('.info').textContent.match(/\d{4}年\d{1,2}月\d{1,2}日/)
          if (matchDate) {
            itemSubject.startDate = dealDate(matchDate[0])
          }
          let $rateInfo = item.querySelector('.rateInfo')
          if ($rateInfo) {
            if ($rateInfo.querySelector('.fade')) {
              itemSubject.averageScore = $rateInfo.querySelector('.fade').textContent
              itemSubject.ratingsCount = $rateInfo.querySelector('.tip_j').textContent.replace(/[^0-9]/g, '')
            } else {
              itemSubject.averageScore = '0'
              itemSubject.ratingsCount = '少于10'
            }
          } else {
            itemSubject.averageScore = '0'
            itemSubject.ratingsCount = '0'
          }
          rawInfoList.push(itemSubject)
        }
      } else {
        throw new Error("Empty results");
      }
      // filter results
      const opts = {
        keys: ['subjectTitle', 'subjectGreyTitle']
      };
      let results = (new Fuse(rawInfoList, opts)).search(subjectInfo.subjectName);
      if (!results.length) {
        if (items.length === 24 && pageNumber < numOfPage) {
          fetchBangumiDataBySearch(subjectInfo, pageNumber ? pageNumber+1 : 2)
        }
        throw new Error("No match results");
      }
      let finalResults = results[0]
      for (const result of results) {
        if (result.startDate && new Date(result.startDate) - startDate === 0) {
          finalResults = result
        }
      }
      finalResults.site = 'bangumi'
      console.log('finalResults ' + pageNumber, finalResults);
      DOUBAN.insertScoreInfo(finalResults)
      localStorage.setItem(USERJS_PREFIX + 'BANGUMI' + '_' + SUBJECT_BGM_ID, JSON.stringify({
        info: finalResults,
        date: (new Date()).getTime()
      }));
    })
      .catch((err) => {
        console.log('err', err);
      });
  }
  function fetchDoubanData(subjectInfo) {
    const url = `https://api.douban.com/v2/movie/search?q=${subjectInfo.subjectName}`;
    searchSubjectJSON(url).then((info) => {
      if (info && info.subjects && info.subjects.length) {
        const opts = {
          keys: ['original_title']
        };
        let year = '';
        if (subjectInfo.startDate) {
          year = new Date(subjectInfo.startDate).getFullYear();
        }
        let results = new Fuse(info.subjects, opts).search(subjectInfo.subjectName);
        if (year) {
          results = new Fuse(results, {keys: ['year']}).search(year + '')
        }
        if (results && results.length) {
          const dURL = `https://api.douban.com/v2/movie/subject/${results[0].id}`;
          return searchSubjectJSON(dURL);
        } else {
          throw new Error("No match results");
        }
      } else {
        throw new Error("Invalid results");
      }
    })
      .then((info) => {
        if (info && info.original_title) {
          let siteScoreInfo = {
            site: '豆瓣评分',
            averageScore: info.rating.average,
            subjectURL: `https://movie.douban.com/subject/${info.id}/`,
            ratingsCount: info.ratings_count,
          };
          BANGUMI.insertScoreInfo(siteScoreInfo);
          localStorage.setItem(USERJS_PREFIX + 'DOUBAN' + '_' + SUBJECT_BGM_ID, JSON.stringify({
            info: siteScoreInfo,
            date: (new Date()).getTime()
          }));
        } else {
          throw new Error("Invalid results");
        }
      })
      .catch((err) => {
        console.log('err', err);
      });
  }
  function fetchMALData(subjectInfo) {
    let siteScoreInfo = {
      site: 'MAL评分'
    };
    //var name = encodeURIComponent('xxx')
    var url = `https://myanimelist.net/search/prefix.json?type=anime&keyword=${subjectInfo.subjectName}&v=1`;
    //var myanimelistSearchURL = `https://myanimelist.net/anime.php?q=${name}`
    searchSubjectJSON(url).then((info) => {
      //const opts = {
      //keys: ['payload.aired']
      //};
      //let fuse = new Fuse(results, opts);
      //results = fuse.search(year + '');
      let startDate = null;
      let items = info.categories[0].items;
      let subject = items[0]
      if (subjectInfo.startDate) {
        startDate = new Date(subjectInfo.startDate)
        for (const item of items) {
          let aired = null
          if (item.payload.aired.match('to')) {
            aired = new Date(item.payload.aired.split('to')[0])
          } else {
            aired = new Date(item.payload.aired)
          }
          if (startDate.getFullYear() === aired.getFullYear() && startDate.getDate() === aired.getDate()) {
            siteScoreInfo.subjectURL = item.url
            return searchSubjectHTML(item.url)
          }
        }
      }
      if (subject) {
        //const dURL = `https://myanimelist.net/includes/ajax.inc.php?t=64&id=${results[0].id}`
        siteScoreInfo.subjectURL = subject.url;
        return searchSubjectHTML(subject.url);
      } else {
        throw new Error("No match results");
      }
    })
      .then((info) => {
        let parser = new DOMParser();
        let $doc = parser.parseFromString(info, "text/html");
        let $score = $doc.querySelector('.fl-l.score');
        if ($score) {
          //siteScoreInfo.averageScore = parseFloat($score.textContent.trim()).toFixed(1)
          siteScoreInfo.averageScore =  $score.textContent.trim();
          if ($score.dataset.user) {
            siteScoreInfo.ratingsCount = $score.dataset.user.replace('users', '').trim();
          } else {
            throw new Error("Invalid score info");
          }
          if (isDouban) {
            DOUBAN.insertScoreInfo(siteScoreInfo)
          } else {
            BANGUMI.insertScoreInfo(siteScoreInfo);
          }
          localStorage.setItem(USERJS_PREFIX + 'MAL' + '_' + SUBJECT_BGM_ID, JSON.stringify({
            info: siteScoreInfo,
            date: (new Date()).getTime()
          }));
        } else {
          throw new Error("Invalid results");
        }
      })
      .catch((err) => {
        console.log('err', err);
      });
  }
  function searchSubjectJSON(url) {
    return new Promise((resolve, reject) => {
      GM_xmlhttpRequest({
        method: "GET",
        timeout: TIMEOUT,
        url: url,
        onreadystatechange: function (response) {
          if (response.readyState === 4 && response.status === 200) {
            resolve(JSON.parse(response.responseText));
          }
        },
        onerror: function (err) {
          reject(err);
        },
        ontimeout: function (err) {
          reject(err);
        }
      });
    });
  }
  function searchSubjectHTML(url) {
    return new Promise((resolve, reject) => {
      GM_xmlhttpRequest({
        method: "GET",
        timeout: TIMEOUT,
        url: url,
        onreadystatechange: function(response) {
          if (response.readyState === 4 && response.status === 200) {
            //let parser = new DOMParser();
            //let $doc = parser.parseFromString(response.responseText, "text/html");
            resolve(response.responseText);
          }   
        },
        onerror: function (err) {
          reject(err);
        },
        ontimeout: function (err) {
          reject(err);
        }
      });
    });
  }
  function readScoreInfo(site) {
    let scoreInfo = window.localStorage.getItem(USERJS_PREFIX + site.toUpperCase() + '_' + SUBJECT_BGM_ID);
    if (scoreInfo) {
      scoreInfo = JSON.parse(scoreInfo);
      if (new Date() - new Date(scoreInfo.date) < UPDATE_INTERVAL) {
        return scoreInfo;
      }
    }
  }
  function checkInfoUpdate() {
    let time = localStorage.getItem(USERJS_PREFIX + 'LATEST_UPDATE_TIME');
    let now = new Date();
    if (!time) {
      localStorage.setItem(USERJS_PREFIX + 'LATEST_UPDATE_TIME', now.getTime());
      return;
    } else if (now - new Date(time) > CLEAR_INTERVAL) {
      clearInfoStorage();
    }
  }
  function clearInfoStorage() {
    let now = new Date();
    for (var key in localStorage) {
      if (key.match(USERJS_PREFIX)) {
        console.log(localStorage.getItem(key));
        localStorage.removeItem(key);
      }
    }
  }
}());