// ==UserScript==
// @name         手机百度贴吧自动展开楼层
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  有时候用手机的浏览器打开百度贴吧，只想看一眼就走，并不想打开APP，这个脚本用于帮助用户自动展开楼层。注意：只支持手机浏览器，测试环境为Iceraven+Tampermonkey
// @author       voeoc
// @match        https://tieba.baidu.com/p/*
// @match        https://jump2.bdimg.com/p/*
// @match        https://tiebac.baidu.com/p/*
// @icon         https://tieba.baidu.com/favicon.ico
// @grant        unsafeWindow
// @grant        GM_addStyle
// @license MIT
// @downloadURL none
// ==/UserScript==

(function () {
    'use strict';
    const DEBUGLOG_SWITCH = false; // 调试信息开关
    const isFixedTitle = false; // 是否将标题置顶

    const PAGE_TYPE = { // 页面类型
        UNKNOW: -1, // 未知
        MAINPAGE: 0, // 主页
        POSTPAGE: 1, // 评论页
        FLOORREPLAYPAGE: 2, //楼中楼页
    };

    let tie = undefined; // 一楼
    let tiebaName = undefined; // 吧名

    let currentHash = unsafeWindow.location.hash; // 存储当前页的Hash
    let oldHash = currentHash; // 存储上一链接的Hash
    let scrollPos = undefined; // 存储当前滚动位置

    function DEBUGLOG(msg, label = "") {
        if (!DEBUGLOG_SWITCH) {
            return;
        }
        let outputFunc = console.log;
        if (label == "error") {
            outputFunc = console.error;
        }
        outputFunc(`voeoc(DEBUG)<${label}>: ${msg}`);
    }

    function waitElementLoaded(selector, func, TIME_OUT = 30) {
        //const TIME_OUT = 30; // 找n次没有找到就放弃
        let findTimeNum = 0; // 记录查找的次数
        let timer = setInterval(() => {
            let element = document.querySelector(selector);
            DEBUGLOG(`${selector}=${element}`, "waitElementLoaded");
            if (element != null) {
                // 清除定时器
                clearInterval(timer);
                func(element);
            } else {
                findTimeNum++;
                if (TIME_OUT < findTimeNum) {
                    // 清除定时器
                    clearInterval(timer);
                }
            }
        }, 200);
    }

    // 简单判断当前页面的类型
    function getPageType(hash = unsafeWindow.location.hash) {
        if (hash === "" || hash === "#/") {
            return PAGE_TYPE.MAINPAGE;
        } else if (RegExp(`postPage\?.*postAuthorId=.*`, 'i').test(hash)) {
            return PAGE_TYPE.POSTPAGE;
        } else if (RegExp(`lzlPage\?.*floor=.*`, 'i').test(hash)) {
            return PAGE_TYPE.FLOORREPLAYPAGE;
        }
        return PAGE_TYPE.UNKNOW;
    }

    // 检测URL Hash变化
    function checkUrlHashChange() {
        let newHash = unsafeWindow.location.hash;
        oldHash = currentHash;
        if(oldHash != newHash) {
            currentHash = newHash;
        } else {
            return false;
        }

        let pageType = getPageType();
        DEBUGLOG(pageType, "onhashchange");
        if (pageType == PAGE_TYPE.POSTPAGE) {
            // 恢复一楼显示
            restore();

            // 页面切换后恢复滚动位置
            scrollTo(scrollPos);
        } else if(pageType == PAGE_TYPE.MAINPAGE) {
            if(tie) {
                // 将剪切走的一楼复制回来
                waitElementLoaded("#replySwitch", (splitline) => { // 等待页面加载完成
                    splitline.parentNode.insertBefore(tie, splitline);
                }, 10);
                scrollTo(0);
            }
        }
        return true;
    }

    // 滚动到指定y坐标
    function scrollTo(yPos) {
        waitElementLoaded(".thread-title", (_) => { // 等待页面加载完成
            document.documentElement.scrollTop = yPos;
            setTimeout(function () {
                document.documentElement.scrollTop = yPos;
                DEBUGLOG(yPos, "scrollTo");
            }, 10);
        });
    }


    // 显示一楼的内容
    function restore() {
        DEBUGLOG("restore")
        waitElementLoaded(".text", (titletext) => { // 等待标题位置加载
            // 显示贴吧名
            try {
                let tiebaNameclone = tiebaName.cloneNode(true);
                titletext.parentNode.replaceChild(tiebaNameclone, titletext);
                // 关联点击贴吧名的事件
                tiebaNameclone.onclick = function () {
                    tiebaName.click();
                }
            } catch (e) { console.error(e); }

            // 显示楼主发帖层
            try {
                // 复原样式丢失
                tie.style.cssText = `
                    margin-left: 0.12rem;
                    margin-right: 0.12rem;
                    margin-bottom: 0.25rem;
                `
                // 尝试找回楼主丢失的头像
                try {
                    let lzavatar = tie.querySelector(".avatar");
                    lzavatar.style.backgroundImage = `url("${lzavatar.getAttribute("data-src")}")`
                } catch (e) { console.error(e); }

                // 尝试复原发帖内容的字体样式
                try {
                    let textContent = tie.querySelector(".thread-text");
                    textContent.style.cssText = `
                            margin-top: 0.18rem;
                            font-size: 0.16rem;
                            line-height: 0.28rem;
                        `
                } catch (e) { console.error(e); }

                let replySwitch = document.querySelector("#replySwitch"); // 标题下方的分割
                replySwitch.parentNode.insertBefore(tie, replySwitch);
            } catch (e) { console.error(e); }

            // 尝试复原标题样式
            try {
                let threadtitle = document.querySelector(".thread-title");
                threadtitle.style.cssText = `
                    margin-bottom: 0.13rem;
                    font-size: 0.22rem;
                    font-weight: 700;
                    line-height: 0.33rem;
                `

                // 置顶标题显示
                if (isFixedTitle) {
                    let threadtitleclone = threadtitle.cloneNode(true)
                    threadtitle.style.visibility = "hidden";
                    threadtitleclone.style.cssText += `
                        position: fixed !important;
                        z-index: 99 !important;
                        opacity: 0.8 !important;
                        background-color: #FFFFFF !important;
                    `
                    threadtitle.parentNode.insertBefore(threadtitleclone, threadtitle)
                }
            } catch (e) { console.error(e); }
        })
    }

    (function main() {
        // 删减多余的打开APP的诱导按钮
        GM_addStyle(`
            .comment-box, .only-lz, .nav-bar-bottom, .open-app, .more-image-desc {
                display: none !important;
                visibility: hidden !important;
            }
        `)

        unsafeWindow.onscroll = function () {
            checkUrlHashChange();

            if (getPageType() == PAGE_TYPE.POSTPAGE) {
                if(unsafeWindow.pageYOffset != 0) {
                    // 记录当前滚动位置
                    scrollPos = unsafeWindow.pageYOffset;
                    //DEBUGLOG(scrollPos, "scrollPos");
                }
            }
        }

        unsafeWindow.onhashchange = function(e) {
            checkUrlHashChange();
        }

        switch (getPageType()) {
            case PAGE_TYPE.MAINPAGE:
                waitElementLoaded(".post-page-entry-btn", (postbtn) => {
                    tiebaName = document.querySelector(".forum-block"); // 获取吧名
                    tie = document.querySelector(".main-thread-content"); // 获取楼主发帖内容

                    // 点击展开按钮
                    postbtn.click();

                    // 手动触发页面刷新检测
                    checkUrlHashChange();
                })
                break;
            case PAGE_TYPE.POSTPAGE:
                // 如果当前刷新加载的是评论页，则需要先打开主页面获取数据
                unsafeWindow.location.hash = "";
                unsafeWindow.location.reload();
                break;
            case PAGE_TYPE.FLOORREPLAYPAGE:
                break;
            default:
                break;
        }
    })()
})();