// ==UserScript==
// @name         中国版我的世界开发者文档 美化
// @namespace    https://git.xjyofc.top/xjy/MCdoc_js
// @updateURL    https://git.xjyofc.top/xjy/MCdoc_js/raw/branch/main/MCdoc.user.js
// @downloadURL  https://git.xjyofc.top/xjy/MCdoc_js/raw/branch/main/MCdoc.user.js
// @version      2.0
// @description  更好的中国版我的世界开发者文档界面
// @author       仙君御
// @match        https://mc.163.com/dev/*
// @icon         data:image/png;base64,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
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 新样式
    function newUI(){
        const navBar = document.querySelector('.nav-bar');
        const header = document.querySelector('header.navbar.fixed-navbar');
        const searchBtn = document.querySelector('.search-btn');
        const searchBox = document.querySelector('.search-box');
        const searchCont = document.querySelector('.search-cont');
        const themeContent = document.querySelector('.theme-default-content');
        const sidebar = document.querySelector('.sidebar');
        const page = document.querySelector('.page');

        if (navBar) {navBar.style.top = '0';}
        if (header) {header.style.top = '0';}
        if (searchBtn) { searchBtn.style.width = '60px';}
        if (searchBox) {searchBox.style.width = 'auto';}
        if (themeContent) { themeContent.style.borderRadius = '8px';  }
        if (searchCont && header) {
            searchCont.style.width = 'auto';
            searchCont.style.position = 'fixed';
            searchCont.style.top = '22px';
            searchCont.style.left = '50%';
            searchCont.style.transform = 'translateX(-90%)';
            header.appendChild(searchCont);
        }
        if (sidebar) {
            sidebar.style.top = '75px';
            sidebar.style.height = '-webkit-fill-available';
            sidebar.style.removeProperty('display');
        }
        if (page) {
            page.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)';
            page.style.borderRadius = '8px';
        }
    }
    

    // 动态隐藏元素
    function hide() {
        const pageTop = document.querySelector('.page-top');
        const pageTopFixed = document.querySelector('.page-top-fixed');
        const pageTopboth = document.querySelector('.page-top-fixed.page-top');
        const navBtn = document.querySelector('.nav-btn');
        const btnCont = document.querySelector('.btn-cont');
        const openRight = document.querySelector('.open-right');
        const page = document.querySelector('.page');
        const footer = document.querySelector('.footer');
        const feedbackBtn = document.querySelector('.btn.feedback');
        const hideSide = document.querySelector('.hide-side');
        const nietopbar = document.getElementById('NIE-topBar');
        
        if (pageTop) { pageTop.style.display = 'none'; }
        if (pageTopFixed) {pageTopFixed.style.display = 'none';}
        if (pageTopboth) {pageTopboth.style.display = 'none';}
        if (page) {page.style.paddingTop = '0';}
        if (navBtn) {navBtn.style.display = 'none';}
        if (btnCont) {btnCont.style.display = 'none';}
        if (openRight) {openRight.style.display = 'none';}
        if (footer) {footer.style.display = 'none';}
        if (feedbackBtn) {feedbackBtn.style.display = 'none';}
        if (hideSide) { hideSide.style.display = 'none';}
        if (nietopbar) {nietopbar.style.display = 'none';}
        
    }

    // 页面布局修复
    function fix() {
        const page = document.querySelector('.page');
        if (page) {
            page.style.paddingTop = '0';
            page.style.flex = '0';
            page.style.marginLeft = 'auto';
            page.style.width = '67%';
            page.style.overflow = 'visible';
        }
        const pageContent = document.querySelector('.page-container');
        if (pageContent) { 
            pageContent.style.display = 'block';
        }
        // 设置html宽度为浏览器窗口实际大小
        const htmlElement = document.documentElement;
        if (htmlElement) {
            htmlElement.style.width = window.innerWidth + 'px';
            htmlElement.style.minWidth = window.innerWidth + 'px';
            htmlElement.style.transform = 'none';
            // 确保不出现横向滚动条
            htmlElement.style.overflowX = 'hidden';
        }
        // 设置body元素宽度
        if (document.body) {
            document.body.style.width = window.innerWidth + 'px';
        }
        // 设置id为app的元素宽度
        const appElement = document.getElementById('app');
        if (appElement) {
            appElement.style.width = window.innerWidth + 'px';
        }
    }

    // 创建urlmenu菜单
    function Menu() {
        const header = document.querySelector('header.navbar.fixed-navbar');
        const urlMenu = document.createElement('div');
        urlMenu.className = 'urlmenu';
        urlMenu.innerHTML = `
            <a href="https://mc.163.com/dev/apidocs.html">API文档</a>
            <a href="https://mc.163.com/dev/guide.html">开发指南</a>
            <a href="https://mc.163.com/dev/course.html">教学课程</a>
            <a href="https://mc.163.com/dev/newslist.html">新闻与活动</a>
            <a href="https://mc.163.com/dev/help.html">帮助中心</a>
            <a href="https://mcdev.webapp.163.com/#/feedbackModal?target=browser" target="_blank">问题反馈</a>
            <a href="https://adl.netease.com/d/g/mc/c/dev">MCStudio</a>
        `;
        // 设置菜单样式
        urlMenu.style.position = 'fixed';
        urlMenu.style.right = '20px';
        urlMenu.style.top = '15px';
        urlMenu.style.padding = '10px';
        urlMenu.style.borderRadius = '5px';
        // urlMenu.style.backgroundColor = 'rgba(0, 0, 0, 0)';
        // 添加到navbar fixed-navbar中
        if (header) {header.appendChild(urlMenu);}
    }

    // 注册功能函数
    function mian() {
        hide();
        Menu();
        newUI();
        fix();
    }

    // 监听在页面和脚本渲染完成后
    document.addEventListener('DOMContentLoaded', function() {
        mian();
    });

    // 监听窗口大小变化
    window.addEventListener('resize', function() {
        mian();
    })

    // 监听页面滚动事件
    window.addEventListener('scroll', function() {
        mian();
    });

    // 监听文档加载状态变化（开始渲染时）
    document.addEventListener('readystatechange', function() {
        // interactive表示DOM已加载但资源可能未完成，complete表示所有资源加载完成
        if (document.readyState === 'interactive' || document.readyState === 'complete') {
            mian();
        }
    });

})();