// ==UserScript==
// @name Кнопка перехода на Flicksbar из Kinorium (без использования API Кинопоиска)
// @namespace http://tampermonkey.net/
// @version 1.0.5.5.0
// @description Ищет фильм в Google и автоматически переходит на Flicksbar без использования API Кинопоиска
// @author CgPT & Vladimir_0202
// @icon https://ru.kinorium.com/favicon.ico
// @match *://*.kinorium.com/*
// @match *://flcksbr.top/*
// @match *://www.google.com/search*
// @match *://duckduckgo.com/*
// @include /^https:\/\/.*flicksbar\..*$/
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_registerMenuCommand
// @license MIT
// ==/UserScript==
(function () {
'use strict';
//Добавляем кнопки в меню TamperMonkey
let menuCommands = {};
// Описываем функции в массиве
const features = [
{ key: 'function1Enabled', name: 'Очистка Хранилища', description: 'Удаляет сохранённые временные данные (например, постер и описание)' },
{ key: 'function2Enabled', name: 'Запрос при переходе на Flicksbar', description: 'Показывает подтверждение перед редиректом на Flicksbar' },
{ key: 'function3Enabled', name: 'Редирект через Google или DuckDuckGo ', description: 'Переключение редиректа с Google на DuckDuckGo'}
];
// Регистрируем все пункты меню
function registerAllMenus() {
// Удаляем старые команды меню
for (let id in menuCommands) {
GM_unregisterMenuCommand(menuCommands[id]);
}
menuCommands = {};
// Регистрируем новые команды
for (let feature of features) {
let enabled = GM_getValue(feature.key, true);
let title = (enabled ? "✅ Вкл: " : "❌ Выкл: ") + feature.name;
menuCommands[feature.key] = GM_registerMenuCommand(title, () => toggleFeature(feature));
}
}
// Функция переключения состояния
function toggleFeature(feature) {
let currentState = GM_getValue(feature.key, true);
let newState = !currentState;
GM_setValue(feature.key, newState);
alert(`${feature.name} ${newState ? '✅ Включен (а)' : '❌ Выключен (а)'}\n\nОписание: ${feature.description}`);
registerAllMenus(); // Перерегистрировать меню после переключения
}
// При старте скрипта
registerAllMenus();
const url = window.location.href;
// === 1. KINORIUM: Добавляем кнопку на страницу фильма ===
if (/kinorium\.com\/\d+\/?$/.test(url)) {
// Сохраняем постер и описание в хранилище Tampermonkey
const posterEl = document.querySelector('.jsCarouselImageContainer img') || document.querySelector('.carousel_image-handler img');
const descEl = document.querySelector('.film-page__text');
const titleEl = document.querySelector('.film-page__title-text.film-page__itemprop');
const originalTitleEl = document.querySelector('.film-page__orig_with_comment') || document.querySelector('.film-page__subtitle');
const yearEl = document.querySelector('.film-page__date a[href*="years_min="]');
const raitingEl = document.querySelector('.film-page__title-rating')
|| Array.from(document.querySelectorAll('.ratingsBlock li'))
.find(li => li.textContent.includes('Кинориум'))
?.querySelector('.value');
const poster = posterEl?.src;
const description = descEl?.innerText;
const titleTMP = titleEl?.innerText;
const originalTitleTMP = originalTitleEl?.innerText;
const yearTMP = yearEl?.innerText || '';
const raitingTMP = raitingEl?.innerText?.trim() || '';
const currentUrlTMP = window.location.href;
if (poster && description) {
GM_setValue('flicksbar_poster', poster); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_description', description); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_titleTMP', titleTMP); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_originalTitleTMP', originalTitleTMP); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_yearTMP', yearTMP); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_raitingTMP', raitingTMP); // Сохраняем в хранилище Tampermonkey
GM_setValue('flicksbar_currentUrlTMP', currentUrlTMP);
console.log('✅ Постер и описание сохранены в Tampermonkey storage');
} else {
console.warn('⚠️ Не удалось найти постер или описание');
}
function getFilmDetails() {
const titleElement = document.querySelector('.film-page__title-text.film-page__itemprop');
const originalTitleElement = document.querySelector('.film-page__orig_with_comment');
const typeLink = document.querySelector('.b-post__info a[href*="/series/"]');
const yearElement = document.querySelector('.film-page__date a[href*="years_min="]');
const title = titleElement ? titleElement.textContent.trim() : '';
const originalTitle = originalTitleElement ? originalTitleElement.textContent.trim() : '';
const year = yearElement ? yearElement.textContent.trim() : '';
const isSeries = typeLink !== null;
return { title, originalTitle, year, isSeries };
}
function createButton() {
const button = document.createElement('button');
button.innerHTML = '<span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:22px; margin-right:8px; border:2px solid white; border-radius:50%; font-size:12px; padding-left:2px;">▶</span>Смотреть на Flicksbar';
button.style.cssText = `
padding: 9px;
margin-top: -5px;
margin-bottom: 2px;
background-color: #007bff;
color: white;
border: none;
border-radius: 3px;
width: 100%;
cursor: pointer;
transition: background-color 0.3s ease;
`;
button.addEventListener('mouseenter', () => button.style.backgroundColor = '#0056b3');
button.addEventListener('mouseleave', () => button.style.backgroundColor = '#007bff');
const { title, originalTitle, year } = getFilmDetails();
button.title = `Смотреть "${title} ${originalTitle} ${year}" бесплатно онлайн на Flicksbar`;
button.onclick = () => {
const { title, originalTitle, year, isSeries } = getFilmDetails();
if (!title) return alert('Не удалось извлечь информацию о фильме.');
const searchQuery = encodeURIComponent(`${title} ${originalTitle} ${year} кинопоиск`);
const flicksbarType = isSeries ? 'series' : 'film';
const googleUrl = GM_getValue('function3Enabled', true)
? `https://www.google.com/search?q=${searchQuery}&btnK&flcks_type=${flicksbarType}`
: `https://duckduckgo.com/?q=${searchQuery}&btnK&flcks_type=${flicksbarType}`;
window.open(googleUrl, '_blank');
};
const sideCover = document.querySelector('.collectionWidget.collectionWidgetData.withFavourites');
if (sideCover) sideCover.appendChild(button);
else console.warn('Элемент для вставки кнопки не найден.');
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', createButton);
} else {
createButton();
}
}
// === 2. GOOGLE: Автопереход на Flicksbar по найденному ID Кинопоиска ===
if (/google\.com\/search/.test(url) || /duckduckgo\.com\//.test(url)) {
function showConfirmWithTimeout(flicksbarUrl, timeout = 5000) {
return new Promise((resolve) => {
const modal = document.createElement('div');
Object.assign(modal.style, {
position: 'fixed',
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)',
padding: '20px',
backgroundColor: '#EEE8AA',
border: '1px solid #ccc',
zIndex: '9999',
boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)',
borderRadius: '8px',
});
const message = document.createElement('p');
message.style.color = 'black';
message.innerHTML = `<b>Переход на Flicksbar</b> <br><br>Перейти по ссылке: <b>${flicksbarUrl}</b> ?`;
modal.appendChild(message);
const okButton = document.createElement('button');
okButton.textContent = 'Да';
Object.assign(okButton.style, {
marginRight: '10px',
padding: '5px 10px',
backgroundColor: '#28a745',
color: 'white',
border: 'none',
cursor: 'pointer',
borderRadius: '5px',
});
okButton.onclick = () => {
resolve(true);
modal.remove();
};
modal.appendChild(okButton);
const cancelButton = document.createElement('button');
cancelButton.textContent = 'Нет';
Object.assign(cancelButton.style, {
padding: '5px 10px',
backgroundColor: '#dc3545',
color: 'white',
border: 'none',
cursor: 'pointer',
borderRadius: '5px',
});
cancelButton.onclick = () => {
resolve(false);
modal.remove();
};
modal.appendChild(cancelButton);
document.body.appendChild(modal);
setTimeout(() => {
resolve(false); //resolve(true); - если надо чтобы после таймера нажималась кнопка ОK
modal.remove();
}, timeout);
});
}
function observeResults() {
const observer = new MutationObserver(() => {
const kpLink = document.querySelector('a[href*="kinopoisk.ru/film/"]');
if (kpLink) {
observer.disconnect(); // Остановить наблюдение
tryRedirect(kpLink);
}
});
observer.observe(document.body, { childList: true, subtree: true });
}
async function tryRedirect(kpLink) {
const urlParams = new URLSearchParams(window.location.search);
const type = urlParams.get('flcks_type'); // фильм / сериал (для Flicksbar)
const preferGoogle = GM_getValue('function3Enabled', true);
// ✅ Разрешаем редирект, если:
// - включён Google и есть параметр flcks_type
// - включён DuckDuckGo и есть параметр flcks_type
const allowRedirect =
(preferGoogle && type) || (!preferGoogle && type);
console.log ('urlParams: ', urlParams)
console.log ('type: ', type)
console.log ('preferGoogle: ', preferGoogle)
if (!allowRedirect) {
console.log('Редирект не выполняется: источник не соответствует настройке function3Enabled');
return;
}
const match = kpLink.href.match(/kinopoisk\.ru\/film\/(\d+)/);
if (!match) return;
const kpId = match[1];
//const urlParams = new URLSearchParams(window.location.search);
//const type = urlParams.get('flcks_type') || 'film';
const flicksbarUrl = `https://flcksbr.top/${type}/${kpId}/`;
if (GM_getValue('function2Enabled', true)) {
const answer = await showConfirmWithTimeout(flicksbarUrl, 5000);
if (answer) window.location.href = flicksbarUrl;
else console.log('Переход отменен пользователем или истек таймаут.');
} else {
window.location.href = flicksbarUrl;
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', tryRedirect);
} else {
observeResults();
}
}
// === 3. Flicksbar: изменение плеера и добавление постера и описания ===
if (/https?:\/\/(flicksbar\.mom|flcksbr\.top)\/(film|series)\/\d+\/?$/.test(location.href)) {
// Функция для отображения постера и описания в блоке справа
function displayMovieInfo(poster, description, titleTMP, originalTitleTMP, yearTMP, raitingTMP) {
const infoBox = document.getElementById("kinorium-info");
if (infoBox && poster && description && titleTMP && originalTitleTMP && yearTMP && raitingTMP) {
infoBox.innerHTML = `
<p style="font-size:25px;">${titleTMP} ${originalTitleTMP} ${yearTMP} ${raitingTMP}</p><br><img src="${poster}" alt="Постер" style="width:100%;border-radius:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:center; ">
<p style="color:white;font-size:16px;line-height:1.4;">${description}</p>
`;
}
}
function clearFlicksbarInfo() {
console.log('✅ Очистка данных...');
GM_deleteValue('flicksbar_poster');
GM_deleteValue('flicksbar_description');
GM_deleteValue('flicksbar_titleTMP');
GM_deleteValue('flicksbar_originalTitleTMP');
GM_deleteValue('flicksbar_yearTMP');
GM_deleteValue('flicksbar_raitingTMP');
GM_deleteValue('flicksbar_currentUrlTMP');
}
// Убираем рекламу
function removeAds() {
const selectors = [
"#tgWrapper", "#TopAdMb", ".brand", ".topAdPad",
".adDown", "body > span", "body > script:first-child"
];
selectors.forEach(sel => {
const el = document.querySelector(sel);
if (el) el.remove();
});
}
// Структурируем страницу
function restructurePage() {
const main = document.querySelector(".mainContainer");
const player = document.querySelector(".kinobox");
if (!main || !player) return;
document.documentElement.style.overflowY = "auto"; // Включаем скроллинг на уровне всей страницы
document.body.style.overflowY = "auto"; // И на body тоже на всякий
document.body.style.background = "#1c1c1c";
player.style.minHeight = "0";
player.style.height = "100%";
player.style.width = "100%";
player.style.borderRadius = "8px";
const layout = document.createElement("div");
layout.style.display = "flex";
layout.style.flexWrap = "nowrap"; // не переносить элементы
layout.style.background = "#1c1c1c";
layout.style.gap = "10px";
layout.style.marginTop = "10px";
layout.style.alignItems = "stretch";
layout.style.width = "100%";
layout.style.boxSizing = "border-box";
layout.classList.add("responsive-layout");
const left = document.createElement("div");
left.style.flex = "7 1 0"; // flex-grow, flex-shrink, flex-basis
left.style.height = "100%";
left.style.minHeight = "500px";
left.style.marginLeft = "5px";
left.style.display = "flex";
left.style.flexDirection = "column";
left.style.minWidth = "0"; // чтобы flex мог ужимать
left.classList.add("responsive-left");
left.appendChild(player);
const right = document.createElement("div");
right.style.flex = "3 1 0";
right.style.fontFamily = "sans-serif";
right.style.color = "#eee";
right.style.borderRadius = "8px";
right.style.marginRight = "5px";
right.style.padding = "15px";
right.style.background = "#222";
right.style.overflow = "auto";
right.style.minWidth = "0";
right.classList.add("responsive-right");
const infoWrapper = document.createElement("div");
infoWrapper.id = "kinorium-info";
infoWrapper.style.flex = "flex";
infoWrapper.style.flexDirection = "column";
infoWrapper.style.gap = "20px";
infoWrapper.style.width = "100%";
right.appendChild(infoWrapper);
layout.appendChild(left);
layout.appendChild(right);
main.innerHTML = "";
main.style.display = "inline-block";
main.style.background = "#1c1c1c";
main.style.boxSizing = "border-box"; // на всякий
main.style.width = "100%";
main.appendChild(layout);
const style = document.createElement("style");
style.textContent = `
@media (max-width: 768px) and (orientation: portrait) {
.responsive-layout {
flex-direction: column !important;
margin-top: 2px !important;
}
.responsive-left {
width: auto !important;
height: auto !important;
margin: 2px !important;
min-height: auto !important;
}
.responsive-right {
flex: none !important;
}
}
`;
document.head.appendChild(style);
}
// Добавялем инфу про фильм
function loadAndDisplayInfo() {
const poster = GM_getValue('flicksbar_poster', null);
const description = GM_getValue('flicksbar_description', null);
const titleTMP = GM_getValue('flicksbar_titleTMP', null);
const originalTitleTMP = GM_getValue('flicksbar_originalTitleTMP', null);
const yearTMP = GM_getValue('flicksbar_yearTMP', null);
const raitingTMP = GM_getValue('flicksbar_raitingTMP', null);
const currentUrlTMP = GM_getValue('flicksbar_currentUrlTMP', null);
const infoContainer = document.querySelector("#kinorium-info");
if (!infoContainer) {
console.log('#kinorium-info element not found on the page.');
return;
}
infoContainer.innerHTML = "";
const dynamicStyle = document.createElement('style');
dynamicStyle.textContent = `
@keyframes fadeInScale {
0% {
opacity: 0;
transform: scale(0.95);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.fade-in-scale {
animation: fadeInScale 0.8s ease-out;
}
`;
const invisibleScrollbarStyle = document.createElement('style');
invisibleScrollbarStyle.textContent = `
/* Скроллбар невидим в обычном состоянии */
::-webkit-scrollbar {
width: 8px;
height: 8px;
background: transparent;
}
/* Трек (фон полосы) тоже прозрачный */
::-webkit-scrollbar-track {
background: transparent;
}
/* Ползунок скрыт, но появляется при наведении */
::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 10px;
transition: background 0.3s ease;
}
/* При наведении — появляется аккуратный ползунок */
:hover::-webkit-scrollbar-thumb {
background: rgba(150, 150, 150, 0.7);
}
/* Для Firefox */
* {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
*:hover {
scrollbar-color: rgba(150,150,150,0.7) transparent;
}
`;
document.head.appendChild(invisibleScrollbarStyle);
document.head.appendChild(dynamicStyle);
// Заголовок
if (titleTMP || originalTitleTMP || yearTMP) {
const titleElement = document.createElement("div");
titleElement.innerHTML = `
<div style="text-align: center; margin-bottom: 5px;">
<div style="font-size: 22px; font-weight: bold;">${titleTMP || ""}</div>
${(originalTitleTMP || yearTMP) ? `
<div style="font-size: 18px; margin-top: 2px;">
<span style="color: #aaa;">${originalTitleTMP || ""}</span>
${yearTMP ? `<span style="color: #fff;"> (${yearTMP})</span>` : ""}
</div>
` : ""}
</div>
`;
infoContainer.appendChild(titleElement);
}
// Рейтинг
if (raitingTMP) {
let ratingColor = "#aaa";
const ratingNum = parseFloat(raitingTMP);
if (ratingNum < 5) ratingColor = "red";
else if (ratingNum < 7) ratingColor = "orange";
else ratingColor = "lightgreen";
const ratingElement = document.createElement("p");
ratingElement.textContent = `Рейтинг: ${raitingTMP}`;
ratingElement.style.cssText = `
font-size: 18px;
color: ${ratingColor};
text-align: center;
margin: 0 0 5px;
`;
infoContainer.appendChild(ratingElement);
}
// Постер
if (poster) {
const posterElement = document.createElement("img");
posterElement.src = poster;
posterElement.alt = "Постер фильма";
posterElement.style.maxWidth = "100%";
posterElement.style.borderRadius = "12px";
posterElement.style.display = "block";
posterElement.style.margin = "0 auto 10px";
posterElement.className = "fade-in-scale"; // применяем нашу анимацию через класс
infoContainer.appendChild(posterElement);
posterElement.addEventListener('mouseover', () => {
posterElement.style.transform = 'scale(1.005)';
posterElement.style.boxShadow = '0 2px 6px rgba(0, 0, 0, 0.3)';
posterElement.style.boxShadow = 'none';
posterElement.style.cursor = 'pointer';
});
posterElement.addEventListener('mouseout', () => {
posterElement.style.transform = 'scale(1)';
posterElement.style.boxShadow = '0 2px 6px rgba(0, 0, 0, 0.3)';
posterElement.style.cursor = 'pointer';
});
posterElement.addEventListener('click', () => {
window.open(currentUrlTMP, '_blank');
});
}
// Описание
if (description) {
const descriptionWrapper = document.createElement("div");
descriptionWrapper.style.overflowY = "auto";
descriptionWrapper.style.maxHeight = "300px";
descriptionWrapper.style.paddingRight = "8px";
const descPara = document.createElement("p");
descPara.innerText = description;
descPara.style.fontSize = "16px";
descPara.style.lineHeight = "1.5";
descPara.style.textAlign = "justify";
descPara.style.boxShadow = "0 0 15px rgba(0,0,0,0.4)";
descPara.style.borderRadius = "10px";
descPara.style.padding = "5px";
descPara.style.background = "#1c1c1c";
descPara.className = "fade-in-scale"; // применяем нашу анимацию через класс
descriptionWrapper.appendChild(descPara);
infoContainer.appendChild(descriptionWrapper);
// Плавное уменьшение шрифта при переполнении
setTimeout(() => {
let fontSize = 16;
while (descriptionWrapper.scrollHeight > descriptionWrapper.clientHeight && fontSize > 12) {
fontSize--;
descPara.style.fontSize = fontSize + "px";
}
}, 100);
}
console.log('✅ Информация успешно отображена (гибкий режим)');
}
// Вызываем всё нужное
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
removeAds();
restructurePage();
loadAndDisplayInfo();
});
} else {
removeAds();
restructurePage();
loadAndDisplayInfo();
}
// Очистка данных при закрытии страницы или переходе на другой сайт
window.addEventListener("unload", () => {
if (GM_getValue('function1Enabled', true)) {
console.log("✅ Очистка хранилища...");
clearFlicksbarInfo(); // Очистка данных
} else {
console.log("✅ Очистка хранилища отключена...");
}
});
}
})();
