☰

anime365-ext-beta

Расширение для сайтов anime365 и smotret-anime

// ==UserScript==
// @name         anime365-ext-beta
// @namespace    http://tampermonkey.net/
// @version      0.34.2-beta
// @description  Расширение для сайтов anime365 и smotret-anime
// @author       https://greasyfork.org/ru/users/1065796-kazaev
// @match        https://anime365.ru/catalog/*
// @match        https://anime-365.ru/catalog/*
// @match        https://smotret-anime.com/catalog/*
// @match        https://hentai365.ru/catalog/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=anime365.ru
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    class Settings {
        static config = {
            logger: {
                ui: true,
                console: true,
                level: ['info', 'success', 'warn', 'error']
            },
            autoNextEpisode: {
                enabled: true,
                threshold: 97
            },
            theatreMode: {
                enabled: true,
                keyTrigger: "KeyT"
            },
            autoplay: {
                enabled: true,
                afterTime: 500
            }
        };
    }

    class Logger {
        static timeoutId = null;
        static hover = false;

        static init() {
            if (Settings.config.logger.ui && !document.getElementById("anime365-log")) {
                const logDiv = document.createElement("div");
                logDiv.id = "anime365-log";
                logDiv.style.cssText = `
                position: fixed;
                bottom: 1rem;
                right: 1rem;
                background: rgba(0, 0, 0, 0.8);
                color: #fff;
                padding: 0.5rem 1rem;
                font-size: 0.9rem;
                border-radius: 0.5rem;
                font-family: monospace;
                z-index: 9999;
                white-space: nowrap;
                opacity: 0;
                transition: opacity 0.5s ease;
                pointer-events: auto;
                cursor: default;
            `;
                logDiv.addEventListener('mouseenter', () => {
                    Logger.hover = true;
                    Logger.show();
                    if (Logger.timeoutId) {
                        clearTimeout(Logger.timeoutId);
                        Logger.timeoutId = null;
                    }
                });

                logDiv.addEventListener('mouseleave', () => {
                    Logger.hover = false;
                    Logger.startHideTimer();
                });

                document.body.appendChild(logDiv);
            }
        }

        static show() {
            const logEl = document.getElementById("anime365-log");
            if (!logEl) return;
            logEl.style.opacity = '1';
        }

        static hide() {
            const logEl = document.getElementById("anime365-log");
            if (!logEl) return;
            logEl.style.opacity = '0';
        }

        static startHideTimer() {
            if (Logger.timeoutId) clearTimeout(Logger.timeoutId);
            Logger.timeoutId = setTimeout(() => {
                if (!Logger.hover) {
                    Logger.hide();
                }
                Logger.timeoutId = null;
            }, 5000);
        }

        static log(message, type = 'info') {
            if (!Settings.config.logger.console && !Settings.config.logger.ui) return;
            if (!Settings.config.logger.level.includes(type)) return;

            const colors = {
                info: "#00aaff",
                success: "#00cc66",
                warn: "#ffaa00",
                error: "#ff4444"
            };

            if (Settings.config.logger.console) {
                const color = colors[type] || "#00aaff";
                console.log(`%c[anime365-ext] ${message}`, `color: ${color}`);
            }

            if (Settings.config.logger.ui) {
                const logEl = document.getElementById("anime365-log");
                if (!logEl) return;

                logEl.style.borderLeft = `4px solid ${colors[type] || "#00aaff"}`;
                logEl.textContent = `[anime365-ext] ${message}`;

                Logger.show();
                Logger.startHideTimer();
            }
        }
    }

    class Autoplay {
        constructor() {
            if (!Settings.config.autoplay.enabled) return;

            const interval = setInterval(() => {
                const doc = document.querySelector("iframe")?.contentDocument;
                const playBtn = doc?.querySelector(".vjs-big-play-button");
                if (playBtn) {
                    playBtn.click();
                    Logger.log("Автовоспроизведение: нажата кнопка Play", 'success');
                    clearInterval(interval);
                }
            }, Settings.config.autoplay.afterTime);
        }
    }

    class TheatreMode {
        constructor() {
            if (!Settings.config.theatreMode.enabled) return;

            this.styleRef = null;
            this.closeBtn = this.createCloseButton();
            this.active = false;
            this.init();
        }

        init() {
            const bg = document.querySelector(".full-background");
            if (bg) bg.after(this.closeBtn);

            document.addEventListener("keydown", (e) => {
                if (!Settings.config.theatreMode.enabled) return;

                if (e.altKey && e.code === Settings.config.theatreMode.keyTrigger) {
                    e.preventDefault();
                    this.toggle();
                } else if (e.key === "Escape") {
                    e.preventDefault();
                    this.close();
                }
            });

            this.closeBtn.addEventListener("click", () => this.close());
        }

        getIframeDocument() {
            return document.querySelector("iframe")?.contentDocument || null;
        }

        toggle() {
            const container = this.getVideoContainer();
            if (!container) return;
            container.classList.contains("cinema-mode") ? this.close() : this.open();
        }

        open() {
            const container = this.getVideoContainer();
            if (!container) return;

            container.classList.add("cinema-mode");

            this.styleRef = document.createElement("style");
            this.styleRef.id = "cinema-mode-style";
            this.styleRef.textContent = `
                .m-translation-player > .card-image > .video-container.cinema-mode {
                    position: fixed !important;
                    z-index: 10;
                    height: 100vh;
                    width: 100vw;
                    left: 0;
                    top: 0;
                    margin: 0;
                    padding: 0;
                }
                body {
                    overflow: hidden !important;
                }
            `;
            document.head.appendChild(this.styleRef);

            this.closeBtn.style.display = "block";
            this.active = true;
            Logger.log("Включён кинотеатр", 'success');
        }

        close() {
            if (!this.active) return;

            const container = this.getVideoContainer();
            if (!container) return;

            container.classList.remove("cinema-mode");
            this.closeBtn.style.display = "none";

            if (this.styleRef) {
                this.styleRef.remove();
                this.styleRef = null;
            }

            this.active = false;
            Logger.log("Кинотеатр выключен", 'warn');
        }

        getVideoContainer() {
            return document.querySelector(".m-translation-player > .card-image > .video-container");
        }

        createCloseButton() {
            const btn = document.createElement("img");
            btn.id = "cinemaCloseButton";
            btn.style.cssText = "z-index: 20; position: fixed; top: 0; right: 0; margin: 1rem; width: 2rem; display: none; cursor: pointer;";
            btn.src = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8L8 16M12 12L16 16M8 8L10 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E";
            return btn;
        }
    }

    class AutoNextEpisode {
        constructor() {
            if (!Settings.config.autoNextEpisode.enabled) return;

            this.lastProgress = null;
            this.lastLoggedProgress = null;
            this.interval = setInterval(() => this.checkProgress(), 1000);
        }

        getIframeDocument() {
            return document.querySelector("iframe")?.contentDocument || null;
        }

        checkProgress() {
            const doc = this.getIframeDocument();
            if (!doc) return;

            const playProgressEl = doc.querySelector(".vjs-play-progress");
            if (!playProgressEl) return;

            const widthStyle = playProgressEl.style.width;
            if (!widthStyle.endsWith("%")) return;

            const progress = parseFloat(widthStyle);
            if (isNaN(progress)) return;

            const video = doc.querySelector("video");
            if (!video) return;

            if (!video.paused) {
                const progressFormatted = progress.toFixed(1);
                if (progressFormatted !== this.lastLoggedProgress) {
                    Logger.log(`Прогресс видео: ${progressFormatted}%`, 'info');
                    this.lastLoggedProgress = progressFormatted;
                }
            }

            if (progress >= Settings.config.autoNextEpisode.threshold) {
                Logger.log(`Видео достигло ${progress.toFixed(1)}%. Переход к следующей серии...`, 'success');
                this.goToNextEpisode();
                return;
            }

            if (this.lastProgress === 0 && progress === 0 && doc.querySelector(".vjs-big-play-button")) {
                doc.querySelector(".vjs-big-play-button").click();
                Logger.log("Прогресс 0%. Повторный запуск плеера", 'warn');
            }

            this.lastProgress = progress;
        }

        goToNextEpisode() {
            const nextLink = document.querySelector(".m-select-sibling-episode > a > .right");
            if (nextLink) {
                Logger.log("Переходим к следующей серии", 'info');
                nextLink.click();
            } else {
                Logger.log("Кнопка перехода к следующей серии не найдена", 'error');
            }
        }
    }

    function onDocumentReady(callback) {
        document.addEventListener('page:load', callback);
        document.addEventListener('turbolinks:load', callback);
        if (document.readyState !== 'loading') {
            callback();
        } else {
            document.addEventListener('DOMContentLoaded', callback);
        }
    }

    onDocumentReady(() => {
        Logger.init();
        Logger.log("Инициализация расширения...", 'info');
        new TheatreMode();
        new Autoplay();
        new AutoNextEpisode();
    });

})();