jellyfin_ratings_v2.user.js

// ==UserScript==
// @name         Jellyfin MDBList Ratings + Async RT, MC, AniList, Kinopoisk, AlloCiné & Douban (serials)
// @namespace    http://tampermonkey.net/
// @version      1.9.33
// @description  Показываем MDBList-рейтинги и асинхронно подгружаем RT, MC, AniList, Kinopoisk, AlloCiné и Douban (фильмы и сериалы)
// @author       Druidblack
// @match        http://192.168.1.161:8096/*
// @grant        GM_xmlhttpRequest
// @connect      api.mdblist.com
// @connect      query.wikidata.org
// @connect      graphql.anilist.co
// @connect      www.rottentomatoes.com
// @connect      www.imdb.com
// @connect      kinopoiskapiunofficial.tech
// @connect      www.allocine.fr
// @connect      movie.douban.com
// @connect      www.google.com
//
// @downloadURL  https://github.com/Druidblack/jellyfin_ratings/raw/main/jellyfin_ratings_v2.user.js
// @updateURL    https://github.com/Druidblack/jellyfin_ratings/raw/main/jellyfin_ratings_v2.user.js
// ==/UserScript==

;(function() {
  'use strict';

  // === API Keys ===
  const MDBLIST_API_KEY    = 'api_key';
  const KINOPOISK_API_KEY  = 'api_key';

  // === Logos ===
  const LOGO = {
    imdb:               'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/IMDb.png',
    tmdb:               'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/TMDB.png',
    tomatoes:           'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Rotten_Tomatoes.png',
    tomatoes_rotten:    'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Rotten_Tomatoes_rotten.png',
    tomatoes_certified: 'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/rotten-tomatoes-certified.png',
    audience:           'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Rotten_Tomatoes_positive_audience.png',
    audience_rotten:    'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Rotten_Tomatoes_negative_audience.png',
    rotten_ver:         'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/roten_tomatoes_ver.png',
    metacritic:         'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Metacritic.png',
    metacriticms:       'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/metacriticms.png',
    metacriticus:       'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/mus2.png',
    rogerebert:         'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Roger_Ebert.png',
    trakt:              'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/Trakt.png',
    letterboxd:         'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/letterboxd.png',
    kinopoisk:          'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/kinopoisk.png',
    myanimelist:        'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/mal.png',
    anilist:            'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/anilist.png',
    allocine_crit:      'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/allocine_crit.png',
    allocine_user:      'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/allocine_user.png',
    douban:             'https://cdn.jsdelivr.net/gh/Druidblack/jellyfin_ratings@main/logo/douban.png'
  };

  let currentImdbId = null;
  scanLinks();
  setInterval(scanLinks, 1000);

  function scanLinks() {
    // получаем текущий IMDb ID
    document.querySelectorAll('a.emby-button[href*="imdb.com/title/"]').forEach(a => {
      if (a.dataset.imdbProcessed) return;
      a.dataset.imdbProcessed = 'true';
      const m = a.href.match(/imdb\.com\/title\/(tt\d+)/);
      currentImdbId = m ? m[1] : null;
      // удаляем старые контейнеры
      document.querySelectorAll('.mdblist-rating-container').forEach(el => el.remove());
    });

    // скрываем встроенные рейтинги
    document.querySelectorAll(
      'div.starRatingContainer.mediaInfoItem, div.mediaInfoItem.mediaInfoCriticRating'
    ).forEach(el => {
      el.style.color = 'transparent';
      el.style.fontSize = '0';
    });

    // обрабатываем TMDB-ссылки
    document.querySelectorAll('a.emby-button[href*="themoviedb.org/"]').forEach(a => {
      if (a.dataset.mdblistProcessed) return;
      a.dataset.mdblistProcessed = 'true';
      processLink(a);
    });
  }

  function processLink(link) {
    const m = link.href.match(/themoviedb\.org\/(movie|tv)\/(\d+)/);
    if (!m) return;
    const type   = m[1] === 'tv' ? 'show' : 'movie';
    const tmdbId = m[2];
    const spots = document.querySelectorAll('div.mediaInfoItem.mediaInfoText.mediaInfoOfficialRating');
    if (spots.length) {
      spots.forEach(el => insert(el, type, tmdbId));
    } else {
      document.querySelectorAll('div.mediaInfoItem').forEach(el => {
        if (/^\d+.*m$/i.test(el.textContent.trim())) {
          insert(el, type, tmdbId);
        }
      });
    }
  }

  function insert(target, type, tmdbId) {
    // удаляем предыдущий контейнер
    while (target.nextElementSibling?.classList.contains('mdblist-rating-container')) {
      target.nextElementSibling.remove();
    }
    const container = document.createElement('div');
    container.className = 'mdblist-rating-container';
    container.style.cssText = 'display:inline-flex; align-items:center; margin-left:6px;';
    target.insertAdjacentElement('afterend', container);

    fetchMDBList(type, tmdbId, container);

    if (currentImdbId) {
      fetchRTCertified(currentImdbId, certified => {
        if (certified) {
          const img = container.querySelector('img[data-source="tomatoes"]');
          if (img) img.src = LOGO.tomatoes_certified;
        }
      });
      fetchRTAudienceCertified(currentImdbId, positive => {
        if (positive) {
          const img = container.querySelector('img[data-source="audience"]');
          if (img) img.src = LOGO.rotten_ver;
        }
      });
      fetchMCMustSee(currentImdbId, mustSee => {
        if (mustSee) {
          const img = container.querySelector('img[data-source="metacritic"]');
          if (img) img.src = LOGO.metacriticms;
        }
      });
      // === AlloCiné Ratings (icon + number) ===
      fetchAllocineRatings(currentImdbId, container);
      // === Douban Rating ===
      fetchDoubanRating(currentImdbId, container, type);
    }
  }

  // === MDBList ===
  function fetchMDBList(type, tmdbId, container) {
    GM_xmlhttpRequest({
      method: 'GET',
      url: `https://api.mdblist.com/tmdb/${type}/${tmdbId}?apikey=${MDBLIST_API_KEY}`,
      onload(res) {
        if (res.status !== 200) return console.warn('MDBList status:', res.status);
        let data;
        try { data = JSON.parse(res.responseText); }
        catch (e) { return console.error('MDBList JSON parse error:', e); }

        container.dataset.originalTitle = data.original_title || data.title || '';
        container.dataset.year          = data.year || '';

        if (Array.isArray(data.ratings)) {
          data.ratings.forEach(r => {
            if (r.value == null) return;
            let key = r.source.toLowerCase().replace(/\s+/g, '_');
            if (key === 'tomatoes') key = r.value < 60 ? 'tomatoes_rotten' : 'tomatoes';
            else if (key.includes('popcorn')) key = r.value < 60 ? 'audience_rotten' : 'audience';
            else if (key.includes('metacritic') && !key.includes('user')) key = 'metacritic';
            else if (key.includes('metacritic') && key.includes('user')) key = 'metacriticus';
            else if (key.includes('roger_ebert')) key = 'rogerebert';
            else if (key.includes('trakt')) key = 'trakt';
            else if (key.includes('letterboxd')) key = 'letterboxd';
            else if (key.includes('myanimelist')) key = 'myanimelist';

            const logoUrl = LOGO[key];
            if (!logoUrl) return;

            const img = document.createElement('img');
            img.src = logoUrl;
            img.alt = r.source;
            img.title = `${r.source}: ${r.value}`;
            img.dataset.source = key;
            img.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
            container.appendChild(img);

            const span = document.createElement('span');
            span.textContent = r.value;
            span.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
            container.appendChild(span);
          });
        }

        if (currentImdbId) {
          fetchAniListRating(currentImdbId, container);
        }

        const title = container.dataset.originalTitle;
        const year  = parseInt(container.dataset.year, 10);
        if (title && year) {
          fetchKinopoiskRating(title, year, type, container);
        }
      }
    });
  }

  // === Kinopoisk ===
  function fetchKinopoiskRating(title, year, type, container) {
    const url = `https://kinopoiskapiunofficial.tech/api/v2.2/films?keyword=${encodeURIComponent(title)}&yearFrom=${year}&yearTo=${year}`;
    GM_xmlhttpRequest({
      method: 'GET',
      url,
      headers: {
        'X-API-KEY': KINOPOISK_API_KEY,
        'Content-Type': 'application/json'
      },
      onload(res) {
        if (res.status !== 200) return console.warn('KP status:', res.status);
        let data;
        try { data = JSON.parse(res.responseText); }
        catch (e) { return console.error('KP JSON parse error:', e); }

        const list = data.items || data.films || [];
        if (!list.length) return console.warn('KP no items for', title);

        const desired = type === 'show' ? 'TV_SERIES' : 'FILM';
        const item = list.find(i => i.type === desired) || list[0];
        if (item.ratingKinopoisk == null) return;

        const img = document.createElement('img');
        img.src = LOGO.kinopoisk;
        img.alt = 'Kinopoisk';
        img.title = `Kinopoisk: ${item.ratingKinopoisk}`;
        img.dataset.source = 'kinopoisk';
        img.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
        container.appendChild(img);

        const span = document.createElement('span');
        span.textContent = item.ratingKinopoisk;
        span.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
        container.appendChild(span);
      }
    });
  }

  // === AniList integration ===
  function getAnilistId(imdbId, cb) {
    const sparql = `
      SELECT ?anilist WHERE {
        ?item wdt:P345 "${imdbId}" .
        ?item wdt:P8729 ?anilist .
      } LIMIT 1`;
    GM_xmlhttpRequest({
      method: 'GET',
      url: 'https://query.wikidata.org/sparql?format=json&query=' + encodeURIComponent(sparql),
      onload(res) {
        if (res.status !== 200) return cb(null);
        let json;
        try { json = JSON.parse(res.responseText); }
        catch { return cb(null); }
        const b = json.results.bindings;
        cb(b.length && b[0].anilist?.value ? b[0].anilist.value : null);
      },
      onerror: () => cb(null)
    });
  }

  function fetchAniListRating(imdbId, container) {
    getAnilistId(imdbId, id => {
      if (id) {
        queryAniListById(id, container);
      } else {
        const title = container.dataset.originalTitle;
        const year  = parseInt(container.dataset.year, 10);
        if (title && year) queryAniListBySearch(title, year, container);
      }
    });
  }

  function queryAniListById(id, container) {
    const query = `
      query($id:Int){
        Media(id:$id,type:ANIME){
          id meanScore
        }
      }`;
    GM_xmlhttpRequest({
      method: 'POST',
      url: 'https://graphql.anilist.co',
      headers: {'Content-Type':'application/json'},
      data: JSON.stringify({ query, variables: { id: parseInt(id, 10) } }),
      onload(res) {
        if (res.status !== 200) return;
        let json;
        try { json = JSON.parse(res.responseText); }
        catch { return; }
        const m = json.data?.Media;
        if (m?.meanScore > 0) appendAniList(container, m.id, m.meanScore);
      }
    });
  }

  function queryAniListBySearch(title, year, container) {
    const query = `
      query($search:String,$startDate:FuzzyDateInt,$endDate:FuzzyDateInt){
        Media(
          search:$search,
          type:ANIME,
          startDate_greater:$startDate,
          startDate_lesser:$endDate
        ){
          id meanScore title { romaji english native } startDate { year }
        }
      }`;
    const vars = {
      search:    title,
      startDate: parseInt(`${year}0101`, 10),
      endDate:   parseInt(`${year+1}0101`, 10)
    };
    GM_xmlhttpRequest({
      method: 'POST',
      url: 'https://graphql.anilist.co',
      headers: {'Content-Type':'application/json'},
      data: JSON.stringify({ query, variables: vars }),
      onload(res) {
        if (res.status !== 200) return;
        let json;
        try { json = JSON.parse(res.responseText); }
        catch { return; }
        const m = json.data?.Media;
        if (m?.meanScore > 0 && m.startDate?.year === year) {
          const norm = s => s.toLowerCase().trim();
          const t0 = norm(title);
          const titles = [m.title.romaji, m.title.english, m.title.native]
            .filter(Boolean).map(norm);
          if (titles.includes(t0)) appendAniList(container, m.id, m.meanScore);
        }
      }
    });
  }

  function appendAniList(container, mediaId, score) {
    const img = document.createElement('img');
    img.src = LOGO.anilist;
    img.alt = 'AniList';
    img.title = `AniList: ${score}`;
    img.dataset.source = 'anilist';
    img.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
    container.appendChild(img);

    const span = document.createElement('span');
    span.textContent = score;
    span.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
    container.appendChild(span);
  }

  // === Rotten Tomatoes certified critics ===
  function fetchRTCertified(imdbId, cb) {
    const sparql = `
      SELECT ?rtid WHERE {
        ?item wdt:P345 "${imdbId}" .
        ?item wdt:P1258 ?rtid .
      } LIMIT 1`;
    GM_xmlhttpRequest({
      method: 'GET',
      url: 'https://query.wikidata.org/sparql?format=json&query=' + encodeURIComponent(sparql),
      onload(res) {
        if (res.status !== 200) return cb(false);
        let json;
        try { json = JSON.parse(res.responseText); } catch { return cb(false); }
        const b = json.results.bindings;
        if (!b.length || !b[0].rtid.value) return cb(false);
        const id = b[0].rtid.value;
        const rtUrl = id.startsWith('http') ? id : 'https://www.rottentomatoes.com/' + id;
        GM_xmlhttpRequest({
          method: 'GET',
          url: rtUrl,
          onload(r) {
            if (r.status !== 200) return cb(false);
            const m = r.responseText.match(/<script\s+id="media-scorecard-json"[^>]*>([\s\S]*?)<\/script>/);
            if (!m) return cb(false);
            let obj;
            try { obj = JSON.parse(m[1]); } catch { return cb(false); }
            cb(!!(obj.criticsScore && obj.criticsScore.certified));
          },
          onerror: () => cb(false)
        });
      },
      onerror: () => cb(false)
    });
  }

  // === Rotten Tomatoes positive audience ===
  function fetchRTAudienceCertified(imdbId, cb) {
    const sparql = `
      SELECT ?rtid WHERE {
        ?item wdt:P345 "${imdbId}" .
        ?item wdt:P1258 ?rtid .
      } LIMIT 1`;
    GM_xmlhttpRequest({
      method: 'GET',
      url: 'https://query.wikidata.org/sparql?format=json&query=' + encodeURIComponent(sparql),
      onload(res) {
        if (res.status !== 200) return cb(false);
        let json;
        try { json = JSON.parse(res.responseText); } catch { return cb(false); }
        const b = json.results.bindings;
        if (!b.length || !b[0].rtid.value) return cb(false);
        const id = b[0].rtid.value;
        const rtUrl = id.startsWith('http') ? id : 'https://www.rottentomatoes.com/' + id;
        GM_xmlhttpRequest({
          method: 'GET',
          url: rtUrl,
          onload(r) {
            if (r.status !== 200) return cb(false);
            const m = r.responseText.match(/<script\s+id="media-scorecard-json"[^>]*>([\s\S]*?)<\/script>/);
            if (!m) return cb(false);
            const jsonStr = m[1];
            cb(jsonStr.includes('POSITIVE","certified":true'));
          },
          onerror: () => cb(false)
        });
      },
      onerror: () => cb(false)
    });
  }

  // === Metacritic must-see ===
  function fetchMCMustSee(imdbId, cb) {
    GM_xmlhttpRequest({
      method: 'GET',
      url: `https://www.imdb.com/title/${imdbId}/criticreviews`,
      onload(res) {
        const doc = new DOMParser().parseFromString(res.responseText, 'text/html');
        const row = doc.querySelector('[data-testid="critic-reviews-title"]');
        if (!row) return cb(false);
        const ch   = Array.from(row.children);
        const crit = parseInt(ch[0]?.textContent.trim(), 10) || 0;
        const cnt  = parseInt(ch[1]?.children[1]?.textContent.trim().split(' ')[0], 10) || 0;
        cb(crit > 80 && cnt > 14);
      },
      onerror: () => cb(false)
    });
  }

  // === AlloCiné Integration ===
  function getAllocineID(imdbId, cb) {
    const sparql = `
      SELECT ?film ?serie WHERE {
        ?item wdt:P345 "${imdbId}" .
        OPTIONAL { ?item wdt:P1265 ?film. }
        OPTIONAL { ?item wdt:P1267 ?serie. }
      } LIMIT 1`;
    GM_xmlhttpRequest({
      method: 'GET',
      url: 'https://query.wikidata.org/sparql?format=json&query=' + encodeURIComponent(sparql),
      onload(res) {
        if (res.status !== 200) return cb(null, null);
        let json;
        try { json = JSON.parse(res.responseText); } catch { return cb(null, null); }
        const b = json.results.bindings[0] || {};
        const filmId  = b.film?.value;
        const serieId = b.serie?.value;
        if (filmId)  return cb(filmId, true);
        if (serieId) return cb(serieId, false);
        cb(null, null);
      }
    });
  }

  function fetchAllocineRatings(imdbId, container) {
    getAllocineID(imdbId, (id, isFilm) => {
      if (!id) return;
      const path = isFilm
        ? `film/fichefilm_gen_cfilm=${id}`
        : `series/ficheserie_gen_cserie=${id}`;
      const url = `https://www.allocine.fr/${path}.html`;
      GM_xmlhttpRequest({
        method: 'GET',
        url,
        onload(res) {
          if (res.status !== 200) return;
          const doc   = new DOMParser().parseFromString(res.responseText, 'text/html');
          const notes = doc.querySelectorAll('.stareval-note');
          if (!notes.length) return;

          // Критики
          const critVal = Math.round(parseFloat(notes[0].textContent.trim().replace(',', '.')) * 20);
          if (!isNaN(critVal)) {
            const imgCrit = document.createElement('img');
            imgCrit.src = LOGO.allocine_crit;
            imgCrit.alt = 'AlloCiné Crit';
            imgCrit.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
            container.appendChild(imgCrit);

            const spanCrit = document.createElement('span');
            spanCrit.textContent = critVal;
            spanCrit.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
            container.appendChild(spanCrit);
          }

          // Пользователи
          if (notes[1]) {
            const userVal = Math.round(parseFloat(notes[1].textContent.trim().replace(',', '.')) * 20);
            if (!isNaN(userVal)) {
              const imgUser = document.createElement('img');
              imgUser.src = LOGO.allocine_user;
              imgUser.alt = 'AlloCiné User';
              imgUser.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
              container.appendChild(imgUser);

              const spanUser = document.createElement('span');
              spanUser.textContent = userVal;
              spanUser.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
              container.appendChild(spanUser);
            }
          }
        }
      });
    });
  }

  // === Douban Integration ===
// 0. JSON-предиктивный поиск по запросу (IMDb ID или оригинальное название)
async function getDoubanID0_1(query) {
  try {
    const res = await fetch(`https://movie.douban.com/j/subject_suggest?q=${encodeURIComponent(query)}`);
    if (!res.ok) return "00000000";
    const list = await res.json();
    if (!list.length || !list[0].url) return "00000000";
    const m = list[0].url.match(/subject\/(\d+)/);
    return m ? m[1] : "00000000";
  } catch {
    return "00000000";
  }
}

// 0.2 HTML-поиск по той же строке
async function getDoubanID0_2(query) {
  try {
    const res = await fetch(`https://movie.douban.com/subject_search?search_text=${encodeURIComponent(query)}`);
    if (!res.ok) return "00000000";
    const html = await res.text();
    const m = html.match(/href="https:\/\/movie\.douban\.com\/subject\/(\d+)\//);
    return m ? m[1] : "00000000";
  } catch {
    return "00000000";
  }
}

// 1. Парсинг первой ссылки из HTML-поиска
async function getDoubanID1(query) {
  try {
    const res = await fetch(`https://movie.douban.com/subject_search?search_text=${encodeURIComponent(query)}`);
    if (!res.ok) return "00000000";
    const doc = new DOMParser().parseFromString(await res.text(), 'text/html');
    const link = doc.querySelector('.subject-item .title a');
    if (!link) return "00000000";
    const m = link.href.match(/subject\/(\d+)/);
    return m ? m[1] : "00000000";
  } catch {
    return "00000000";
  }
}

// 2. Wikidata P4529
async function getDoubanID2(query) {
  const sparql = `
    SELECT ?douban WHERE {
      ?item wdt:P345 "${query}" .
      ?item wdt:P4529 ?douban .
    } LIMIT 1`;
  try {
    const url = 'https://query.wikidata.org/sparql?format=json&query=' + encodeURIComponent(sparql);
    const res = await fetch(url);
    if (!res.ok) return "00000000";
    const json = await res.json();
    const b = json.results.bindings;
    if (b.length && b[0].douban?.value) {
      const parts = b[0].douban.value.split('/');
      return parts[parts.length-1];
    }
    return "00000000";
  } catch {
    return "00000000";
  }
}

// 3. Google site-search
async function getDoubanID3(query) {
  try {
    const res = await fetch(`https://www.google.com/search?q=site:movie.douban.com/subject+${encodeURIComponent(query)}`);
    if (!res.ok) return "00000000";
    const html = await res.text();
    const m = html.match(/movie\.douban\.com\/subject\/(\d+)\//);
    return m ? m[1] : "00000000";
  } catch {
    return "00000000";
  }
}

// Основная функция
async function fetchDoubanRating(imdbId, container, type) {
  // Для сериалов ищем по оригинальному названию, иначе — по IMDb ID
  const query = (type === 'show' && container.dataset.originalTitle)
    ? container.dataset.originalTitle
    : imdbId;

  // последовательно пробуем все методы
  let id = await getDoubanID0_1(query);
  if (id === "00000000") id = await getDoubanID0_2(query);
  if (id === "00000000") id = await getDoubanID1(query);
  if (id === "00000000") id = await getDoubanID2(query);
  if (id === "00000000") id = await getDoubanID3(query);
  if (id === "00000000") return;  // не нашли ни одного

  const url = `https://movie.douban.com/subject/${id}`;
  GM_xmlhttpRequest({
    method: "GET",
    url,
    headers: {
      "Referer": "https://movie.douban.com/",
      "User-Agent": navigator.userAgent
    },
    onload(res) {
      if (res.status !== 200) return;
      const doc = new DOMParser().parseFromString(res.responseText, 'text/html');
      const el = doc.querySelector('.rating_num');
      if (!el) return;
      const raw = el.textContent.trim();
      if (!raw || isNaN(raw)) return;
      const score = Math.round(parseFloat(raw) * 10);

      // вставляем иконку
      const img = document.createElement('img');
      img.src = LOGO.douban;
      img.alt = 'Douban';
      img.title = `Douban: ${score}`;
      img.dataset.source = 'douban';
      img.style.cssText = 'height:1.5em; margin-right:4px; vertical-align:middle;';
      container.appendChild(img);

      // вставляем цифру
      const span = document.createElement('span');
      span.textContent = score;
      span.style.cssText = 'margin-right:8px; font-size:1em; vertical-align:middle;';
      container.appendChild(span);
    }
  });
}

})();