Open ReYohoho directly from kinopoisk.ru
// ==UserScript==
// @name ReYohoho
// @namespace https://github.com/reyohoho/reyohoho-chrome-ff-ext/
// @homepage https://github.com/reyohoho/reyohoho-chrome-ff-ext/
// @version 0.6
// @description Open ReYohoho directly from kinopoisk.ru
// @author reyohoho
// @match *://*.kinopoisk.ru/*
// @icon https://github.com/reyohoho/reyohoho-chrome-ff-ext/raw/master/images/icon128.png
// @grant GM_getResourceText
// @grant GM_addStyle
// @grant GM.xmlHttpRequest
// @grant GM_info
// @resource IMPORTED_CSS https://raw.githubusercontent.com/reyohoho/reyohoho-chrome-ff-ext/master/player.css
// @run-at document-end
// @connect reyohoho.space
// ==/UserScript==
let lastUrl = location.href;
const playerTailId = 'watch-kinopoisk-player-tail';
const movieTypes = ['film', 'series'];
const tailImage = `<svg width="100%" height="100%" viewBox="0 0 128 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path id="Banner" d="M128,0L0,0L0,512L64,480L128,512L128,0Z" style="fill:url(#_Linear1);"/><g transform="matrix(6.57572e-17,1.0739,-1.08204,6.62559e-17,327.734,298.698)"><g><path d="M78.752,202.827L99.504,239.449L120.551,275.899L78.752,275.727L36.953,275.899L58.001,239.449L78.752,202.827Z" style="fill:url(#_Linear2);"/></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(128,512,-2048,512,0,0)"><stop offset="0" style="stop-color:rgb(00,00,00);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(00,00,00);stop-opacity:1"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(96.5309,0,0,97.4299,30.4868,251.542)"><stop offset="0" style="stop-color:rgb(255,255,255);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,255,255);stop-opacity:1"/></linearGradient></defs></svg>`;
function mountPlayer(siteUrl) {
window.open(siteUrl, '_blank');
}
function mountPlayerTail(movieId) {
const playerTile = document.createElement('div');
playerTile.id = playerTailId;
playerTile.innerHTML = tailImage;
try {
GM.xmlHttpRequest({
url: 'https://reyohoho.space:4437/reyohoho_link',
synchronous: true,
method: 'GET',
onload: function(r) {
if (r.status == 200) {
playerTile.addEventListener('click', () => mountPlayer(r.responseText + "#" + movieId));
playerTile.addEventListener('mouseover', () => {
playerTile.style.top = '0px'
});
playerTile.addEventListener('mouseout', () => {
playerTile.style.top = '-32px'
});
setTimeout(() => {
playerTile.style.top = '-32px';
}, 100);
document.body.appendChild(playerTile);
} else {
playerTile.addEventListener('click', () => mountPlayer("https://reyohoho.github.io/reyohoho/#" + movieId));
playerTile.addEventListener('mouseover', () => {
playerTile.style.top = '0px'
});
playerTile.addEventListener('mouseout', () => {
playerTile.style.top = '-32px'
});
setTimeout(() => {
playerTile.style.top = '-32px';
}, 100);
document.body.appendChild(playerTile);
}
}
});
} catch (e) {
playerTile.addEventListener('click', () => mountPlayer("https://reyohoho.github.io/reyohoho/#" + movieId));
playerTile.addEventListener('mouseover', () => {
playerTile.style.top = '0px'
});
playerTile.addEventListener('mouseout', () => {
playerTile.style.top = '-32px'
});
setTimeout(() => {
playerTile.style.top = '-32px';
}, 100);
document.body.appendChild(playerTile);
}
}
function removeElement(elementId) {
if (document.contains(document.getElementById(elementId))) {
document.getElementById(elementId).remove();
}
}
function kinopoiskPageHandler() {
const pathname = window.location.pathname.substr(1).split('/');
const movieId = pathname[1];
const movieType = pathname[0];
const isMovieIdNum = /^\d+$/.test(movieId);
if (typeof movieId === 'undefined' ||
typeof movieType === 'undefined' ||
!isMovieIdNum
) {
console.error('Watch kinopoisk wrong movie data');
removeElement(playerTailId);
return;
}
console.log('Watch kinopoisk movie id: ' + movieId);
if (movieTypes.includes(movieType)) {
mountPlayerTail(movieId);
} else {
removeElement(playerTailId);
}
}
new MutationObserver(() => {
const url = location.href;
if (url !== lastUrl) {
lastUrl = url;
kinopoiskPageHandler();
}
}).observe(document, {
subtree: true,
childList: true
});
window.addEventListener('load', kinopoiskPageHandler)
if (typeof GM_addStyle === 'undefined') {
GM_addStyle = (aCss) => {
'use strict';
let head = document.getElementsByTagName('head')[0];
if (head) {
let style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.textContent = aCss;
head.appendChild(style);
return style;
}
return null;
};
};
if (typeof GM_getResourceText === 'undefined') {
var my_css = `#watch-kinopoisk-player-tail {
width: 32px;
height: 128px;
top: -128px;
left: 8px;
outline: none;
cursor: pointer;
position: fixed;
z-index: 8888;
transition: top 0.2s ease
}`
GM_addStyle(my_css)
} else {
const styles = GM_getResourceText("IMPORTED_CSS");
GM_addStyle(styles);
}