☰

Fortnite Image Replacer

Manual image replacement for Fortnite.gg with enhanced error handling

// ==UserScript==
// @name         Fortnite Image Replacer
// @version      1.11
// @description  Manual image replacement for Fortnite.gg with enhanced error handling
// @match        https://fortnite.gg/*
// @grant        none
// @namespace https://greasyfork.org/users/789838
// ==/UserScript==

(function() {
    'use strict'; // Использование строгого режима JavaScript

    // Прозрачный пиксель в формате base64, используется как fallback
    const TRANSPARENT_PIXEL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';

    // Функция для проверки доступности изображения по URL
    function checkImage(url, callback) {
        const img = new Image();
        img.onload = () => callback(true); // Изображение загружено успешно
        img.onerror = () => callback(false); // Ошибка загрузки изображения
        img.src = url + '?t=' + Date.now(); // Добавление timestamp для избежания кеширования
    }

    // Функция для захвата кадра из видео
    function captureVideoFrame(videoUrl, callback) {
        const video = document.createElement('video');
        video.crossOrigin = 'anonymous'; // Разрешение кросс-доменных запросов
        let attempts = 0; // Счетчик попыток захвата кадра

        // Функция для очистки ресурсов
        const cleanup = () => {
            video.removeEventListener('loadeddata', onLoaded);
            video.removeEventListener('seeked', onSeeked);
            video.removeEventListener('error', onError);
            video.remove();
        };

        // Обработчик события загрузки метаданных видео
        const onLoaded = () => {
            if (video.duration === Infinity || video.duration < 2) {
                video.currentTime = Math.min(0.01, video.duration || 0.01);
                return;
            }
            video.currentTime = 2; // Перемотка на 2 секунду для захвата кадра
        };

        // Обработчик события завершения перемотки видео
        const onSeeked = () => {
            try {
                if (video.readyState < 2) return;

                // Создание canvas для рендеринга кадра видео
                const canvas = document.createElement('canvas');
                canvas.width = video.videoWidth || 800;
                canvas.height = video.videoHeight || 450;
                const ctx = canvas.getContext('2d');
                ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
                callback(canvas.toDataURL()); // Возврат кадра в формате data URL
                cleanup();
            } catch (e) {
                handleVideoError(e);
            }
        };

        // Обработчик ошибок при работе с видео
        const handleVideoError = (e) => {
            if (attempts++ < 2) {
                video.currentTime = 0.01; // Повторная попытка с другим временем
                return;
            }
            console.error('Video capture failed:', e);
            callback(null); // Возврат null при неудаче
            cleanup();
        };

        const onError = (e) => {
            handleVideoError(e);
        };

        // Подписка на события видео
        video.addEventListener('loadeddata', onLoaded);
        video.addEventListener('seeked', onSeeked);
        video.addEventListener('error', onError);
        video.src = videoUrl;
    }

    // Основная функция замены изображений
    function replaceImages() {
        // Поиск всех изображений с классами или атрибутами, содержащими путь к изображениям предметов
        const images = document.querySelectorAll('.img, img[src*="/img/items/"]');

        images.forEach((image) => {
            const originalSrc = image.src || image.getAttribute('data-src');
            if (!originalSrc) return;

            // Обработка изображений из раздела survey
            const surveyMatch = originalSrc.match(/https:\/\/fortnite\.gg\/img\/items-survey\/(\d+)\.jpg(\?.+)?/);
            if (surveyMatch) {
                // Замена на изображение большего размера
                image.src = `https://fortnite.gg/img/items-survey/big/${surveyMatch[1]}.jpg${surveyMatch[2] || ''}`;
                return;
            }

            // Обработка иконок предметов
            const iconMatch = originalSrc.match(/\/img\/items\/(\d+)\/icon\.(png|jpg)(\?.+)?/);
            if (iconMatch) {
                const itemId = iconMatch[1];
                const featuredUrl = `https://fortnite.gg/img/items/${itemId}/featured.png${iconMatch[3] || ''}`;

                // Проверка существования featured-изображения
                checkImage(featuredUrl, (exists) => {
                    if (!exists) {
                        // Если featured-изображения нет, пытаемся получить кадр из видео
                        const videoUrl = `https://fnggcdn.com/items/${itemId}/video.mp4?t=${Date.now()}`;
                        captureVideoFrame(videoUrl, (frameUrl) => {
                            image.src = frameUrl || TRANSPARENT_PIXEL; // Fallback на прозрачный пиксель
                            image.style.display = 'block';
                            if (!frameUrl) image.style.opacity = '0'; // Скрытие при неудаче
                        });
                        return;
                    }

                    // Использование featured-изображения, если оно доступно
                    image.onerror = null;
                    image.src = featuredUrl;
                });
            }
        });
    }

    // Функция добавления панели управления на страницу
    function addControlPanel() {
        // Стили для панели управления
        const panelStyle = [
            'position: fixed',
            'top: 20px',
            'right: 20px',
            'background: rgba(0,0,0,0.8)',
            'padding: 15px',
            'border-radius: 8px',
            'z-index: 9999',
            'box-shadow: 0 2px 10px rgba(0,0,0,0.5)'
        ].join(';');

        // Стили для кнопок
        const buttonStyle = [
            'display: block',
            'width: 100%',
            'margin: 5px 0',
            'padding: 10px',
            'background: #5865F2',
            'color: white',
            'border: none',
            'border-radius: 4px',
            'cursor: pointer',
            'font-family: inherit',
            'transition: background 0.2s'
        ].join(';');

        // Создание элементов панели управления
        const panel = document.createElement('div');
        panel.style.cssText = panelStyle;

        // Кнопка замены изображений
        const replaceBtn = document.createElement('button');
        replaceBtn.textContent = '🖼️ Replace Images';
        replaceBtn.style.cssText = buttonStyle;
        replaceBtn.onclick = replaceImages;
        replaceBtn.onmouseover = () => replaceBtn.style.background = '#4752C4';
        replaceBtn.onmouseout = () => replaceBtn.style.background = '#5865F2';

        // Кнопка очистки кеша
        const clearBtn = document.createElement('button');
        clearBtn.textContent = '🧹 Clear Cache';
        clearBtn.style.cssText = buttonStyle;
        clearBtn.onclick = () => {
            if (confirm('Clear all cached data and reload?')) {
                localStorage.clear();
                sessionStorage.clear();
                window.location.reload();
            }
        };
        clearBtn.onmouseover = () => clearBtn.style.background = '#DA3636';
        clearBtn.onmouseout = () => clearBtn.style.background = '#5865F2';

        // Добавление кнопок на панель и панели на страницу
        panel.appendChild(replaceBtn);
        document.body.appendChild(panel);
    }

    // Добавление панели управления после полной загрузки страницы
    window.addEventListener('load', addControlPanel);
})();