Combines "YouTube Grid Auto-Scroll & Search" for finding videos in grids/feeds with "YouTube Channel Full Video Preloader" for loading all videos on a channel page and opening them.
// ==UserScript==
// @name YouTube Supercharged: Grid Search & Channel Preloader
// @namespace https://gf.zukizuki.org/users/1435316
// @version 3.4
// @description Combines "YouTube Grid Auto-Scroll & Search" for finding videos in grids/feeds with "YouTube Channel Full Video Preloader" for loading all videos on a channel page and opening them.
// @author Your Name & AI Assistant
// @match https://www.youtube.com/*
// @grant GM_addStyle
// @grant GM_openInTab
// @run-at document-idle
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// --- Variables for YouTube Grid Auto-Scroll & Search ---
let targetText = "";
let searchBox;
let isSearching = false;
let searchInput;
let searchButton;
let stopButton;
let prevButton;
let nextButton;
let scrollContinuationTimeout;
let overallSearchTimeout;
const SEARCH_TIMEOUT_MS = 20000;
const SCROLL_DELAY_MS = 750;
const MAX_SEARCH_LENGTH = 255;
let highlightedElements = [];
let currentHighlightIndex = -1;
let lastScrollHeight = 0;
let hasScrolledToResultThisSession = false;
// --- Variables for YouTube Channel Full Video Preloader ---
let preloadButtonPreloader; // Renamed to avoid any potential abstract conflict
let isLoadingStatePreloader = false; // Renamed for clarity
// --- Combined Styles ---
GM_addStyle(`
/* Styles for YouTube Grid Auto-Scroll & Search */
#floating-search-box {
background-color: #222;
padding: 5px;
border: 1px solid #444;
border-radius: 5px;
display: flex;
align-items: center;
margin-left: 10px;
}
@media (max-width: 768px) {
#floating-search-box input[type="text"] {
width: 150px;
}
}
#floating-search-box input[type="text"] {
background-color: #333;
color: #fff;
border: 1px solid #555;
padding: 3px 5px;
border-radius: 3px;
margin-right: 5px;
width: 200px;
height: 30px;
}
#floating-search-box input[type="text"]:focus {
outline: none;
border-color: #065fd4;
}
#floating-search-box button {
background-color: #065fd4;
color: white;
border: none;
padding: 3px 8px;
border-radius: 3px;
cursor: pointer;
height: 30px;
}
#floating-search-box button:hover {
background-color: #0549a8;
}
#floating-search-box button:focus {
outline: none;
}
#stop-search-button {
background-color: #aa0000;
}
#stop-search-button:hover {
background-color: #800000;
}
#prev-result-button, #next-result-button {
background-color: #444;
color: white;
margin: 0 3px;
}
#prev-result-button:hover, #next-result-button:hover {
background-color: #555;
}
.highlighted-text {
position: relative;
z-index: 1;
}
.highlighted-text::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px solid transparent;
border-radius: 8px;
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
background-size: 400% 400%;
animation: gradientAnimation 5s ease infinite;
z-index: -1;
}
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
#search-error-message {
color: red;
font-weight: bold;
padding: 5px;
position: fixed;
top: 50px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.8);
color: white;
border-radius: 5px;
z-index: 10000;
display: none;
}
#search-no-results-message {
color: #aaa;
padding: 5px;
position: fixed;
top: 50px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.8);
border-radius: 5px;
z-index: 10000;
display: none;
}
/* Styles for YouTube Channel Full Video Preloader */
#yt-channel-full-preload-button {
position: fixed;
bottom: 70px;
right: 20px;
z-index: 9999; /* Slightly lower than search messages */
padding: 12px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
transition: background-color 0.3s ease, opacity 0.3s ease;
}
#yt-channel-full-preload-button:hover {
background-color: #0056b3;
}
#yt-channel-full-preload-button:disabled {
background-color: #AAAAAA;
cursor: not-allowed;
opacity: 0.7;
}
`);
// --- Functions for YouTube Grid Auto-Scroll & Search ---
function ensureSearchBoxAttached() {
if (searchBox && !document.body.contains(searchBox)) {
console.log("YouTube Grid Auto-Scroll: Search box detached, attempting to re-attach.");
const mastheadEnd = document.querySelector('#end.ytd-masthead');
const buttonsContainer = document.querySelector('#end #buttons');
if (mastheadEnd) {
if (buttonsContainer) {
mastheadEnd.insertBefore(searchBox, buttonsContainer);
} else {
mastheadEnd.appendChild(searchBox);
}
} else {
console.error("YouTube Grid Auto-Scroll: Could not find masthead to re-attach search box.");
if (!document.body.contains(searchBox)) {
document.body.insertBefore(searchBox, document.body.firstChild);
}
}
}
}
function createSearchBox() {
if (document.getElementById('floating-search-box')) return; // Already exists
searchBox = document.createElement('div');
searchBox.id = 'floating-search-box';
searchBox.setAttribute('role', 'search');
searchInput = document.createElement('input');
searchInput.type = 'text';
searchInput.placeholder = 'Поиск для прокрутки...';
searchInput.value = '';
searchInput.setAttribute('aria-label', 'Search within YouTube grid');
searchInput.maxLength = MAX_SEARCH_LENGTH;
searchButton = document.createElement('button');
searchButton.textContent = 'Поиск';
searchButton.addEventListener('click', () => {
stopSearch();
isSearching = true;
hasScrolledToResultThisSession = false;
currentHighlightIndex = -1;
searchAndScroll();
});
searchButton.setAttribute('aria-label', 'Start search');
prevButton = document.createElement('button');
prevButton.textContent = 'Пред.';
prevButton.id = 'prev-result-button';
prevButton.addEventListener('click', () => navigateResults(-1));
prevButton.setAttribute('aria-label', 'Previous result');
prevButton.disabled = true;
nextButton = document.createElement('button');
nextButton.textContent = 'След.';
nextButton.id = 'next-result-button';
nextButton.addEventListener('click', () => navigateResults(1));
nextButton.disabled = true;
stopButton = document.createElement('button');
stopButton.textContent = 'Стоп';
stopButton.id = 'stop-search-button';
stopButton.addEventListener('click', stopSearch);
stopButton.setAttribute('aria-label', 'Stop search');
searchBox.appendChild(searchInput);
searchBox.appendChild(searchButton);
searchBox.appendChild(prevButton);
searchBox.appendChild(nextButton);
searchBox.appendChild(stopButton);
const mastheadEnd = document.querySelector('#end.ytd-masthead');
const buttonsContainer = document.querySelector('#end #buttons');
if (mastheadEnd) {
if(buttonsContainer){
mastheadEnd.insertBefore(searchBox, buttonsContainer);
} else{
mastheadEnd.appendChild(searchBox);
}
} else {
console.error("Could not find the YouTube masthead's end element for search box.");
showErrorMessageGridSearch("Не удалось найти шапку YouTube. Блок поиска размещен вверху страницы.");
document.body.insertBefore(searchBox, document.body.firstChild);
}
}
function showErrorMessageGridSearch(message) { // Renamed to avoid conflict if another part used same name
let errorDiv = document.getElementById('search-error-message');
if (!errorDiv) {
errorDiv = document.createElement('div');
errorDiv.id = 'search-error-message';
document.body.appendChild(errorDiv);
}
errorDiv.textContent = message;
errorDiv.style.display = 'block';
setTimeout(() => { if(errorDiv) errorDiv.style.display = 'none'; }, 5000);
}
function showNoResultsMessageGridSearch() { // Renamed
let noResultsDiv = document.getElementById('search-no-results-message');
if (!noResultsDiv) {
noResultsDiv = document.createElement('div');
noResultsDiv.id = 'search-no-results-message';
noResultsDiv.textContent = "Совпадений не найдено.";
document.body.appendChild(noResultsDiv);
}
noResultsDiv.style.display = 'block';
setTimeout(() => { if(noResultsDiv) noResultsDiv.style.display = 'none'; }, 5000);
}
function stopSearch() {
isSearching = false;
clearTimeout(scrollContinuationTimeout);
clearTimeout(overallSearchTimeout);
currentHighlightIndex = -1;
highlightedElements = [];
document.querySelectorAll('.highlighted-text').forEach(el => {
el.classList.remove('highlighted-text');
});
updateNavButtons();
}
function navigateResults(direction) {
if (highlightedElements.length === 0) return;
currentHighlightIndex += direction;
if (currentHighlightIndex < 0) currentHighlightIndex = highlightedElements.length - 1;
else if (currentHighlightIndex >= highlightedElements.length) currentHighlightIndex = 0;
if (highlightedElements[currentHighlightIndex]) {
highlightedElements[currentHighlightIndex].scrollIntoView({ behavior: 'auto', block: 'center' });
hasScrolledToResultThisSession = true;
}
updateNavButtons();
}
function updateNavButtons() {
if (prevButton && nextButton) { // Ensure buttons are created
prevButton.disabled = highlightedElements.length <= 1;
nextButton.disabled = highlightedElements.length <= 1;
}
}
function searchAndScroll() {
if (searchBox && !document.body.contains(searchBox)) {
console.warn("YouTube Grid Auto-Scroll: Search box is not in the document. Stopping script operations.");
showErrorMessageGridSearch("UI поиска потерян. Пожалуйста, перезагрузите страницу или попробуйте переустановить скрипт.");
stopSearch();
return;
}
if (!isSearching) {
clearTimeout(scrollContinuationTimeout);
clearTimeout(overallSearchTimeout);
return;
}
clearTimeout(scrollContinuationTimeout);
targetText = searchInput.value.trim().toLowerCase();
if (!targetText) {
stopSearch();
return;
}
clearTimeout(overallSearchTimeout);
overallSearchTimeout = setTimeout(() => {
if (isSearching) {
showErrorMessageGridSearch("Поиск прерван по таймауту.");
stopSearch();
}
}, SEARCH_TIMEOUT_MS);
document.querySelectorAll('.highlighted-text').forEach(el => {
el.classList.remove('highlighted-text');
});
const mediaElements = Array.from(document.querySelectorAll('ytd-rich-grid-media:not([style*="display: none"])'));
let newlyFoundHighlightedElements = [];
for (let i = 0; i < mediaElements.length; i++) {
const titleElement = mediaElements[i].querySelector('#video-title');
if (titleElement && titleElement.textContent.toLowerCase().includes(targetText)) {
mediaElements[i].classList.add('highlighted-text');
newlyFoundHighlightedElements.push(mediaElements[i]);
}
}
highlightedElements = newlyFoundHighlightedElements;
updateNavButtons();
let elementToScrollTo = null;
let newActiveHighlightIndex = -1;
if (highlightedElements.length > 0) {
if (currentHighlightIndex === -1 || currentHighlightIndex >= highlightedElements.length) {
newActiveHighlightIndex = 0;
} else {
newActiveHighlightIndex = (currentHighlightIndex + 1) % highlightedElements.length;
}
elementToScrollTo = highlightedElements[newActiveHighlightIndex];
}
if (elementToScrollTo) {
elementToScrollTo.scrollIntoView({ behavior: 'auto', block: 'center' });
currentHighlightIndex = newActiveHighlightIndex;
hasScrolledToResultThisSession = true;
isSearching = false;
clearTimeout(overallSearchTimeout);
} else {
if (!isSearching) {
clearTimeout(overallSearchTimeout);
return;
}
lastScrollHeight = document.documentElement.scrollHeight;
window.scrollTo({ top: lastScrollHeight, behavior: 'auto' });
scrollContinuationTimeout = setTimeout(() => {
if (!isSearching) return;
if (document.documentElement.scrollHeight === lastScrollHeight) {
const searchWasActiveBeforeStop = isSearching;
stopSearch();
if (searchWasActiveBeforeStop && !hasScrolledToResultThisSession && targetText) {
showNoResultsMessageGridSearch();
}
} else {
searchAndScroll();
}
}, SCROLL_DELAY_MS);
}
}
document.addEventListener('visibilitychange', function() {
if (!document.hidden) {
ensureSearchBoxAttached();
if (isSearching || (searchInput && searchInput.value.trim() && currentHighlightIndex !== -1) ) {
const wasSearchingBeforeVisibilityChange = isSearching;
const currentSearchTermInBox = searchInput ? searchInput.value : "";
if (wasSearchingBeforeVisibilityChange) {
console.log("YouTube Grid Auto-Scroll: Tab became visible during an active search. Restarting search process.");
stopSearch();
if (searchInput) searchInput.value = currentSearchTermInBox;
if (currentSearchTermInBox.trim()) {
isSearching = true;
hasScrolledToResultThisSession = false;
currentHighlightIndex = -1;
searchAndScroll();
}
}
}
}
});
// --- Functions for YouTube Channel Full Video Preloader ---
function createPreloadButtonPreloader() {
if (document.getElementById('yt-channel-full-preload-button')) {
return; // Button already exists
}
preloadButtonPreloader = document.createElement('button');
preloadButtonPreloader.textContent = 'Загрузить ВСЕ видео (со скроллом)';
preloadButtonPreloader.id = 'yt-channel-full-preload-button';
preloadButtonPreloader.addEventListener('click', startFullPreloadPreloader);
document.body.appendChild(preloadButtonPreloader);
}
async function scrollToBottomPreloader() {
return new Promise(resolve => {
preloadButtonPreloader.disabled = true;
isLoadingStatePreloader = true;
preloadButtonPreloader.textContent = 'Прокрутка... (0 видео)';
let lastHeight = 0;
let currentHeight = document.documentElement.scrollHeight;
let consecutiveNoChange = 0;
const maxConsecutiveNoChange = 5;
let videosFound = 0;
const scrollInterval = setInterval(() => {
videosFound = document.querySelectorAll('ytd-rich-item-renderer a#video-title-link').length;
preloadButtonPreloader.textContent = `Прокрутка... (${videosFound} видео)`;
window.scrollTo(0, document.documentElement.scrollHeight);
lastHeight = currentHeight;
currentHeight = document.documentElement.scrollHeight;
if (lastHeight === currentHeight) {
consecutiveNoChange++;
if (consecutiveNoChange >= maxConsecutiveNoChange) {
clearInterval(scrollInterval);
preloadButtonPreloader.textContent = `Прокрутка завершена (${videosFound} видео)`;
isLoadingStatePreloader = false;
setTimeout(resolve, 1000);
}
} else {
consecutiveNoChange = 0;
}
}, 1000);
});
}
async function startFullPreloadPreloader() {
if (isLoadingStatePreloader) {
alert("Процесс уже запущен.");
return;
}
const startScroll = confirm("Скрипт начнет прокручивать страницу вниз до конца, чтобы загрузить все видео. Это может занять некоторое время. Продолжить?");
if (!startScroll) {
return;
}
await scrollToBottomPreloader();
preloadButtonPreloader.disabled = false;
const videoItems = document.querySelectorAll('ytd-rich-item-renderer');
let videoLinks = [];
videoItems.forEach(item => {
const linkElement = item.querySelector('a#video-title-link');
if (linkElement && linkElement.href) {
videoLinks.push(linkElement.href);
}
});
if (videoLinks.length === 0) {
alert('Видео для предзагрузки не найдены на этой странице.');
preloadButtonPreloader.textContent = 'Загрузить ВСЕ видео (со скроллом)';
return;
}
const confirmation = confirm(`Найдено ${videoLinks.length} видео. Хотите открыть их все в фоновых вкладках? Это может занять некоторое время и потребовать много ресурсов.`);
if (confirmation) {
preloadButtonPreloader.disabled = true;
preloadButtonPreloader.textContent = `Открытие... (0/${videoLinks.length})`;
let openedCount = 0;
videoLinks.forEach((url, index) => {
setTimeout(() => {
GM_openInTab(url, { active: false, insert: true });
openedCount++;
preloadButtonPreloader.textContent = `Открытие... (${openedCount}/${videoLinks.length})`;
if (openedCount === videoLinks.length) {
alert('Все ссылки на видео отправлены на открытие в фоновых вкладках.');
preloadButtonPreloader.disabled = false;
preloadButtonPreloader.textContent = 'Загрузить ВСЕ видео (со скроллом)';
}
}, index * 300);
});
} else {
preloadButtonPreloader.textContent = 'Загрузить ВСЕ видео (со скроллом)';
}
}
function initOrReinitPreloaderButton() {
const oldButton = document.getElementById('yt-channel-full-preload-button');
if (oldButton) {
oldButton.remove();
}
// Check if on a /videos page
if (window.location.pathname.endsWith('/videos') || /\/@.+\/videos/.test(window.location.pathname)) {
// Delay to ensure page elements are settled, especially on SPA navigation
setTimeout(createPreloadButtonPreloader, 1500); // Adjusted delay
}
}
// --- Initialization ---
// Initialize Grid Search UI
createSearchBox();
// Initialize Preloader Button (conditionally)
initOrReinitPreloaderButton();
// MutationObserver for SPA navigation to handle Preloader Button visibility
let lastUrlPreloader = location.href;
new MutationObserver(() => {
const url = location.href;
if (url !== lastUrlPreloader) {
lastUrlPreloader = url;
isLoadingStatePreloader = false; // Reset preloader's specific loading state
initOrReinitPreloaderButton(); // Check and add/remove preloader button
}
}).observe(document, {subtree: true, childList: true});
})();