// ==UserScript==
// @name         IPE禅模式
// @namespace    https://thdog.moe/
// @version      0.2
// @description  为IPE添加F11全屏功能
// @author       shirokurakana
// @match        *://thwiki.cc/*
// @icon         https://static.thbwiki.cc/favicon.ico
// @license      MIT
// @grant        none
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    let isIPEFullScreen = false;

    // 配置参数
    const config = { childList: true, subtree: true };

    // 创建观察者
    const observer = new MutationObserver((mutations, obs) => {
        if (document.querySelector('.monaco-container')) {
            let wraps = document.getElementsByClassName('ssi-modalWrapper');
            if (wraps.length > 1) {
                let wrap = wraps[0];
                let parent = wrap.parentElement;
                parent.removeChild(wrap);
            }
            if (isIPEFullScreen) {
                setTimeout(() => {
                    setFullScreen();
                }, 500);
            }
        }
    });

    // 开始观察
    observer.observe(document.documentElement, config);

    // 监听键盘事件
    document.addEventListener('keydown', function(event) {
        // 检测按下的键是否是F11
        if (event.key === 'F11' || event.keyCode === 122) { // 双重兼容判断
            // 阻止浏览器默认全屏行为（可选）
            event.preventDefault();

            if (document.querySelector('.monaco-container') === null) {
                document.querySelector('#edit-btn').click();
                setTimeout(() => {
                    setFullScreen();
                    isIPEFullScreen = true;
                }, 500); // 单位：毫秒
            }

            if (isIPEFullScreen) {
                unsetFullScreen();
                isIPEFullScreen = false;
            } else {
                setFullScreen();
                isIPEFullScreen = true;
            }
        }
    });

    function setFullScreen() {
        document.querySelector('.monaco-container').style.height = '640px';
        document.querySelector('#ssi-modalWrapper').style.width = '100%';
        document.querySelector('#ssi-modalWrapper').style.maxWidth = 'unset';
        document.querySelector('#ssi-modalWrapper').style.margin = '0 auto';
    }

    function unsetFullScreen() {
        document.querySelector('.monaco-container').style.height = '386px';
        document.querySelector('#ssi-modalWrapper').style.width = '85%';
        document.querySelector('#ssi-modalWrapper').style.maxWidth = '900px';
        document.querySelector('#ssi-modalWrapper').style.margin = '30px auto 20px';
    }
})();