巴哈姆特_新版B頁板務功能

巴哈姆特哈拉區新體驗。
目前為 2024-11-06 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         巴哈姆特_新版B頁板務功能
// @namespace    Bee10301
// @version      6.3
// @description  巴哈姆特哈拉區新體驗。
// @author       Bee10301
// @match        https://forum.gamer.com.tw/B.php?*
// @match        https://forum.gamer.com.tw/C.php?*
// @homepage     https://home.gamer.com.tw/home.php?owner=bee10301
// @icon         https://home.gamer.com.tw/favicon.ico
// @grant        none
// @license      GPL
// ==/UserScript==

(async function () {
    ("use strict");
    checkFirstRun();
    await addSettingElement();
    worker_bPage();
    worker_cPage();
    reportAlert();
})();


function checkFirstRun(reset = false) {
    console.log("[INFO] Init data");
    // add_function > 標題後方插入功能
    // preview_auto > 一律即時瀏覽（覆寫文章換頁）
    // preview_wait_load > 即時瀏覽：是否等待載入完成才跳出顯示
    // preview_size > 即時瀏覽視窗的大小
    // new_design > 自適型版面（根據下方自定比例適應）
    // new_design_box > 顯示區域佔比（文章顯示區+聊天室區的整體範圍）
    // new_design_box_Left > 文章佔比（佔上個設定「顯示區域」範圍內的比例）
    // new_design_box_Right > 聊天室佔比（佔上方設定「顯示區域」範圍內的比例）
    // new_design_LRSwitch > 左右對調（聊天室在左方，讓文章標題在螢幕中間）
    // bee_select_color > 勾選文章時的顏色（可含有透明度屬性）
    // preview_LR > 即時瀏覽視窗的位置
    const settings = [{key: "isFirstRun", defaultValue: "false"}, {
        key: "add_function", defaultValue: "true"
    }, {
        key: "preview_auto", defaultValue: "true"
    }, {
        key: "preview_wait_load", defaultValue: "false"
    }, {
        key: "preview_size", defaultValue: "65%"
    }, {
        key: "new_design", defaultValue: "true"
    }, {
        key: "new_design_box", defaultValue: "80%"
    }, {
        key: "new_design_box_Left", defaultValue: "70%"
    }, {
        key: "new_design_box_Right", defaultValue: "25%"
    }, {
        key: "new_design_LRSwitch", defaultValue: "true"
    }, {
        key: "bee_select_color", defaultValue: "#000000b3"
    }, {
        key: "addBorderInPicMode", defaultValue: "true"
    }, {
        key: "showTips", defaultValue: "true"
    }, {
        key: "preview_LR", defaultValue: "true"
    }, {
        key: "showAbuse", defaultValue: "true"
    }, {
        key: "addSummaryBtn", defaultValue: "true"
    }, {
        key: "oaiBaseUrl", defaultValue: "https://api.openai.com/v1/chat/completions"
    }, {
        key: "oaiKey", defaultValue: "sk-yourKey"
    }, {
        key: "oaiModel", defaultValue: "gpt-3.5-turbo"
    }, {
        key: "oaiPrompt", defaultValue: `## workflow
1. 總結：精確的讀懂和理解文章，然後用一句話脈絡清晰的語句，總結出[文章的主旨]。
2. 提煉重點：根據文章的邏輯和結構，清楚列出文章的主要論點，並按照下方範例的格式輸出。
 總結：
 - 要點1：
 - 要點2：
 ...(依情況增加或減少要點)

## MUST/IMPORTANT/RULES
- 不能添加其他個人觀點或註釋。
- 使用繁體中文
`
    }, {
        key: "oaiPromptDate", defaultValue: "20241101"
    }, {
        key: "oaiPromptUpdateDate", defaultValue: "20241101"
    }, {
        key: "oaiPromptUpdateURL", defaultValue: "https://gamercomtwnew.bee.moe/gamer.prompts.json"
    }, {
        key: "oaiPromptUpdateSleep", defaultValue: "1"
    }
        // Add other settings as needed
    ];

    settings.forEach(setting => {
        if (localStorage.getItem(setting.key) === null || reset === true) {
            localStorage.setItem(setting.key, setting.defaultValue);
        }
    });
    if(localStorage.getItem("oaiPromptUpdateURL")==="https://gamercomtwnew.bee.moe/gamer.prompts.js"){
        localStorage.setItem("oaiPromptUpdateURL","https://gamercomtwnew.bee.moe/gamer.prompts.json");
    }

    if (localStorage.getItem("showTips") === "true") {
        loadTips();
        localStorage.setItem("showTips", "false");
    }

}

async function addSettingElement() {
    if (!window.location.href.includes('forum.gamer.com.tw/B.php')) {
        return;
    }
    const navAddTag = document.querySelector('.BH-menuE');
    const navAdd = document.createElement('li');
    navAdd.className = 'beeSettingTag';
    navAdd.innerHTML = '<a>插件設定</a>';
    //click時，給 section-title-warp 切換 display:block / none
    navAdd.addEventListener('click', function () {
        let sectionTitleWarp = document.querySelector('.beeSettingWarp');
        let getTopicElement = document.querySelector('.b-list');
        if (sectionTitleWarp.style.maxHeight === (sectionTitleWarp.style.readHeight + 'px')) {
            sectionTitleWarp.style.maxHeight = '0px';
            document.querySelector('.b-list').style.display = 'table';
        } else {
            sectionTitleWarp.style.maxHeight = sectionTitleWarp.style.readHeight + 'px';
            document.querySelector('.b-list').style.display = 'none';
        }
    });
    navAddTag.appendChild(navAdd);
    // 取得 management-item 元素
    //const lastManagementItem = document.querySelector('#BH-menu-path > ul > ul > li.BH-menu-forumA-right.dropList > dl/* > dd:nth-child(4)*/');
    const settingsWarp = document.querySelector('.b-list-wrap');
    // 插入新內容到最後一個 management-item 元素中
    const lastManagementItem = document.createElement('div');
    lastManagementItem.className = 'beeSettingWarp';
    lastManagementItem.style.maxHeight = '0px';
    lastManagementItem.style.overflow = 'hidden';
    const sectionTitle = document.createElement('h3');
    sectionTitle.className = 'section-title';
    sectionTitle.textContent = '插件設定（再點一次上方的【插件設定】即可返回【文章列表】）';
    sectionTitle.style.margin = '0.6rem 0 0.7rem 0.7rem';
    lastManagementItem.appendChild(sectionTitle);

    lastManagementItem.appendChild(createItemCard('add_function', '標題後方插入功能按鈕'));
    lastManagementItem.appendChild(createItemCard('preview_auto', '點擊文章時使用即時瀏覽'));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'preview_size', labelText: '　└　即時瀏覽視窗的大小'
    }));
    lastManagementItem.appendChild(createItemCard('preview_LR', '即時瀏覽從右方彈出（取消則從左）'));
    lastManagementItem.appendChild(createItemCard('new_design', '自適型版面（根據下方自定比例適應）'));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'new_design_box', labelText: '　└　整體顯示區域佔比（文章+聊天室佔整個畫面的比例，< 100%）'
    }));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'new_design_box_Left', labelText: '　　　├　文章佔比（與聊天室佔比總和 <= 100%）'
    }));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'new_design_box_Right', labelText: '　　　└　聊天室佔比'
    }));
    lastManagementItem.appendChild(createItemCard('new_design_LRSwitch', '左右對調（聊天室在左方，讓文章標題在螢幕中間）'));

    lastManagementItem.appendChild(createItemCard('addBorderInPicMode', '縮圖列表模式中，加上分隔線'));

    lastManagementItem.appendChild(createItemCard('showAbuse', '有檢舉時，自動以即時瀏覽開啟'));
    //summary
    lastManagementItem.appendChild(createItemCard('addSummaryBtn', '跳過樓層按鈕/AI總結（AI功能需自備KEY填入下方）'));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'oaiBaseUrl', labelText: '　├　oai URL'
    }));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'oaiModel', labelText: '　├　oai model'
    }));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'oaiKey', labelText: '　├　oai key'
    }));
    lastManagementItem.appendChild(createItemCard(null, null, {
        inputId: 'oaiPromptUpdateURL', labelText: '　└　oai prompt settings URL'
    }));
    // createItemCard  會因為 id===bee_select_color 而增加寬度
    lastManagementItem.appendChild(createItemCard('showTips', '重新觀看TIPs'));

    //settingsWarp.appendChild(lastManagementItem);
    settingsWarp.insertBefore(lastManagementItem,settingsWarp.firstChild);

    await popElementInit(lastManagementItem, false);
}

// 項目卡函數
function createItemCard(inputId, labelText, additionalContent = null) {
    const isDarkTheme = window.getComputedStyle(document.getElementById('BH-menu-path')).backgroundColor === 'rgb(28, 28, 28)';
    const itemCard = document.createElement('div');
    itemCard.className = 'item-card management_guild-check single-choice';

    const checkGroup = document.createElement('div');
    checkGroup.className = 'check-group';
    checkGroup.style.margin = '0rem 0 0.1rem 0.7rem';

    if (inputId) {
        const input = document.createElement('input');
        input.id = inputId;
        input.type = 'checkbox';

        // 如果 localStorage 有儲存的值，則設置為該值，否則預設為 checked
        input.checked = localStorage.getItem(inputId) === 'true';

        const label = document.createElement('label');
        label.htmlFor = inputId;
        label.className = 'is-active';

        const labelIcon = document.createElement('div');
        labelIcon.className = 'label-icon';
        const icon = document.createElement('i');
        icon.className = 'fa fa-check';
        labelIcon.appendChild(icon);

        const h6 = document.createElement('h6');
        h6.textContent = labelText;
        h6.style.display = 'inline-block';
        h6.style.color = isDarkTheme ? '#C7C6CB' : '#117e96';

        label.appendChild(labelIcon);
        label.appendChild(h6);

        checkGroup.appendChild(input);
        checkGroup.appendChild(label);

        // 添加 input 事件監聽器，將值保存到 localStorage
        input.addEventListener('input', function () {
            localStorage.setItem(inputId, this.checked);
        });
    }

    if (additionalContent) {
        const h6 = document.createElement('h6');
        h6.textContent = additionalContent.labelText;
        h6.style.display = 'inline-block';
        checkGroup.appendChild(h6);

        const input = document.createElement('input');
        input.className = 'form-control';
        input.id = additionalContent.inputId;
        input.type = 'text';
        input.size = 25;
        input.style.margin = '0px';
        input.style.width = additionalContent.inputId.startsWith('oai') ? 'auto' : '70px';

        // 如果 localStorage 有儲存的值，則設置為該值
        input.value = localStorage.getItem(additionalContent.inputId) || '';

        checkGroup.appendChild(input);

        // 添加 input 事件監聽器，將值保存到 localStorage
        input.addEventListener('input', function () {
            localStorage.setItem(additionalContent.inputId, this.value);
        });
    }

    itemCard.appendChild(checkGroup);
    return itemCard;
}


function worker_cPage() {
    if (!window.location.href.includes('forum.gamer.com.tw/C.php')) {
        return;
    }
    let styleSheet = document.createElement('style');
    document.head.appendChild(styleSheet);
    let sheet = styleSheet.sheet;
    sheet.insertRule('.managertools { position: fixed; bottom: 0; right: 0; z-index: 100; }', 0);
    if (localStorage.getItem("addSummaryBtn") === "false") {
        return;
    }
    postAddBtn();
}


function worker_bPage() {
    if (window.location.href.includes('forum.gamer.com.tw/B.php')) {
        if (localStorage.getItem("preview_auto") === "true") {
            bPage_previewAuto();
        }
        bPage_addFrame();
        bPage_addMenu();
        bPage_new_checkbox();
        if (localStorage.getItem("new_design") === "true") {
            bPage_new_design();
        }
        if (localStorage.getItem("new_design_LRSwitch") === "true") {
            document.getElementById('BH-master').style.float = 'right';
            document.getElementById('BH-slave').style.float = 'left';
        }
        if (localStorage.getItem("add_function") === "true") {
            bPage_addFunction();
        }
        //add border in pic mode must be excute after, because previewAuto does change the structure
        if (localStorage.getItem("addBorderInPicMode") === "true") {
            bPage_addBorderInPicMode();
        }

    }
}

function bPage_addFrame() {
    //frame
    let beePreviewWd = document.createElement('div');
    beePreviewWd.className = 'bee_preview_wd';
    beePreviewWd.style.height = '100%';
    //beePreviewWd.style.width = '0rem';
    beePreviewWd.style.width = localStorage.getItem("preview_size");
    beePreviewWd.style.transform = 'scaleX(' + 0 + ')';
    beePreviewWd.style.zIndex = '100';
    beePreviewWd.style.position = 'fixed';
    beePreviewWd.style.top = '1rem';
    if (localStorage.getItem("preview_LR") === "true") {
        beePreviewWd.style.right = '1%';
    } else {
        beePreviewWd.style.left = '1%';
    }
    beePreviewWd.style.transition = 'all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s';

    document.body.appendChild(beePreviewWd);

    let beeFrame = document.createElement('iframe');
    beeFrame.id = 'bee_frame';
    beeFrame.title = 'bee_frame';
    beeFrame.src = '';
    beeFrame.style.transition = 'all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s';
    beeFrame.style.border = '1em solid rgb(170, 50, 220, 0)';
    beeFrame.width = '100%';
    beeFrame.height = '90%';

    document.querySelector('.bee_preview_wd').appendChild(beeFrame);

    //close frame by top menu
    let BHMenuPath = document.querySelector('#BH-menu-path');
    BHMenuPath.style.transition = "all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s";
    BHMenuPath.style.height = "40px";
    BHMenuPath.style.opacity = '1';
    //BHMenuPath.style.backgroundColor = '#0e4355cc';

    BHMenuPath.addEventListener('click', () => {
        //document.querySelector('.bee_preview_wd').style.width = '0%';
        document.querySelector('.bee_preview_wd').style.transform = 'translateX(100%)';
        document.querySelector('.bee_preview_wd').style.opacity = '0';
        BHMenuPath.style.height = '40px';
        //BHMenuPath.style.backgroundColor = '#0e4355cc';
        BHMenuPath.style.opacity = '1';
    });

}

function bPage_addMenu() {
    try {
        // 獲取 .managertools 元素
        const managertools = document.querySelector('.managertools');

        // 創建 .b-manager 容器
        const bManagerDiv = document.createElement('div');
        bManagerDiv.className = 'b-manager managertools bee_manager';
        bManagerDiv.style.zIndex = '100';
        bManagerDiv.style.position = 'fixed';
        bManagerDiv.style.width = 'auto';

        // 創建 .checkbox 和 <label> 元素
        const checkboxDiv = document.createElement('div');
        checkboxDiv.className = 'checkbox';
        const label = document.createElement('label');
        label.setAttribute('for', 'check');

        // 將 .checkbox 和 <label> 插入到 .b-manager 容器中
        bManagerDiv.appendChild(checkboxDiv);
        bManagerDiv.appendChild(label);

        // 創建並插入包含按鈕的 .bee 容器
        const buttonIndexes = [[0, 3, 7], [2, 4], [1, 8], [5, 6]];

        buttonIndexes.forEach(indexes => {
            const beeDiv = document.createElement('div');
            beeDiv.className = 'bee';
            beeDiv.style.padding = '5px';

            indexes.forEach(index => {
                const button = managertools.querySelectorAll('button')[index].cloneNode(true);
                beeDiv.appendChild(button);
            });

            bManagerDiv.appendChild(beeDiv);
        });

        // 將 .b-manager 容器添加到 .managertools 元素中
        managertools.appendChild(bManagerDiv);

        const all_links = document.querySelectorAll('#BH-master > form > div > table > tbody > tr > td.b-list__main > a');
        Array.from(all_links).forEach(function (link) {
            link.addEventListener('click', function (event) {
                event.stopPropagation();
            });
        });
        const all_blocks_pic_mode = document.querySelectorAll('#BH-master > form > div > table > tbody > tr > td.b-list__main');
        Array.from(all_blocks_pic_mode).forEach(function (link) {
            link.addEventListener('click', function (event) {
                event.stopPropagation();
            });
        });

    } catch (e) {
    }
}

function bPage_new_checkbox() {
    let all_title;

    if (document.querySelectorAll('.imglist-text').length === 0) {
        all_title = document.getElementsByClassName("b-list__main");
    } else {
        all_title = document.getElementsByClassName("b-list__main");
    }

    //const all_title_link = document.getElementsByClassName("b-list__main__title");
    let temp_elements_checkbox;
    try {
        temp_elements_checkbox = document.getElementsByName("jsn[]");
    } catch (e) {
    }
    for (let i = 0; i < all_title.length; i++) {

        //prevent child trigger
        let children = all_title[i].querySelectorAll('*');
        children.forEach(function (child) {
            child.addEventListener('click', function (event) {
                event.stopPropagation();
            });
        });

        try {
            temp_elements_checkbox[i].checked = false;
        } catch (e) {
        }

        // 添加 onclick 事件
        all_title[i].onclick = function (e) {
            // 如果子元素有 b-list__tile 或 imglist-text 類別，則觸發
            if (all_title[i].querySelector('.b-list__main__title') !== null || all_title[i].querySelector('.imglist-text') !== null) {
                // 如果當前有
                try {
                    document.querySelector(".bee_manager").style.display = 'none';
                } catch (e) {
                }
                // 獲取內部 HTML
                let temp_matcher = this.innerHTML;
                // 獲取 snA
                temp_matcher = temp_matcher.match(/snA=(\d*)/)[1];
                let haveCheckedBox = false;
                for (let i2 = 0; i2 < temp_elements_checkbox.length; i2++) {
                    if (temp_elements_checkbox[i2].value === temp_matcher) {
                        if (temp_elements_checkbox[i2].checked) {
                            temp_elements_checkbox[i2].checked = false;
                            this.style.backgroundColor = "";
                        } else {
                            temp_elements_checkbox[i2].checked = true;
                            this.style.backgroundColor = localStorage.getItem("bee_select_color");
                        }
                    }
                    if (temp_elements_checkbox[i2].checked) {
                        haveCheckedBox = true;
                    }
                }
                if (haveCheckedBox) {
                    let beeManager = document.querySelector(".bee_manager");
                    beeManager.style.left = (e.clientX + 50) /*+ document.documentElement.scrollLeft */ + `px`;
                    beeManager.style.top = (e.clientY - 170)/*+ document.documentElement.scrollTop */ + `px`;
                    beeManager.style.display = 'block';
                }
            }
        };

        // 右鍵點擊（*只在元素上）
        /*all_title[i].oncontextmenu = () => {
            let beeManager = document.querySelector(".bee_manager");
            beeManager.style.left = `${BmouseX}px`;
            beeManager.style.top = `${BmouseY - temp_scroll}px`;
            beeManager.style.display = 'block';

            // 右鍵點擊返回
            return false;
        };*/
    }

}

function bPage_new_design() {
    // 獲取所有的.b-list_ad元素，並將其display設為none
    let bListAdElements = document.querySelectorAll('.b-list_ad');
    for (let i = 0; i < bListAdElements.length; i++) {
        bListAdElements[i].style.display = 'none';
    }

    // 以下為設置元素的寬度
    document.getElementById('BH-wrapper').style.width = localStorage.getItem("new_design_box");
    document.getElementById('BH-master').style.width = localStorage.getItem("new_design_box_Left");
    document.getElementById('BH-slave').style.width = localStorage.getItem("new_design_box_Right");


}

function bPage_addFunction() {
    const all_title = document.getElementsByClassName("b-list__main");
    const all_title_link = document.getElementsByClassName("b-list__main__title");

    // 創建一個新的 <td> 元素並插入到 .b-list__filter 元素後面
    const newTd = document.createElement('td');
    document.querySelector('.b-list__filter').insertAdjacentElement('afterend', newTd);

    for (let i2 = 0; i2 < all_title.length; i2++) {
        const isDarkTheme = window.getComputedStyle(document.getElementById('BH-menu-path')).backgroundColor === 'rgb(28, 28, 28)';
        const hrefValue = all_title_link[i2].getAttribute('href');

        // 創建外層 <td> 元素
        const td = document.createElement('td');
        td.style.width = '5.7rem';

        // 創建各個按鈕的容器和圖標
        const buttons = [{
            title: '快速瀏覽',
            class: 'bee_preview',
            icon: 'fullscreen',
            onclick: () => openInFrame("https://forum.gamer.com.tw/" + hrefValue)
        }, {
            title: '開新視窗', class: 'bee_open_new_wd', icon: 'open_in_new', onclick: () => window.open(hrefValue)
        }, {
            title: '複製連結',
            class: 'bee_link',
            icon: 'link',
            onclick: () => navigator.clipboard.writeText("https://forum.gamer.com.tw/" + hrefValue)
        }];

        buttons.forEach(button => {
            const a = document.createElement('a');
            a.title = button.title;
            a.className = `btn-icon btn-icon--inverse ${button.class}`;
            a.style.display = 'none';
            if (button.onclick) {
                a.onclick = button.onclick;
            }

            const i = document.createElement('i');
            i.className = `material-icons ${button.class}`;
            i.textContent = button.icon;
            //i.style.display = 'none';

            if (!isDarkTheme) {
                i.style.color = 'rgba(0, 0, 0, 0.4)';
            }

            a.appendChild(i);
            td.appendChild(a);
        });

        // 將生成的 <td> 插入到 .b-list__main 的相應位置
        document.querySelectorAll('.b-list__main')[i2].insertAdjacentElement('afterend', td);
    }

    // 文章列表元素
    let rows = document.querySelectorAll('.b-list__row');

    // 添加事件監聽器 - 顯示/隱藏元素
    rows.forEach((row) => {
        // Add hover event listener
        row.addEventListener('mouseover', function () {
            // Show elements
            let beePreview = row.querySelector('.bee_preview');
            let beeOpenNewWd = row.querySelector('.bee_open_new_wd');
            let beeLink = row.querySelector('.bee_link');

            if (beePreview) beePreview.style.display = '';
            if (beeOpenNewWd) beeOpenNewWd.style.display = '';
            if (beeLink) beeLink.style.display = '';
        });

        row.addEventListener('mouseout', function () {
            // Hide elements
            let beePreview = row.querySelector('.bee_preview');
            let beeOpenNewWd = row.querySelector('.bee_open_new_wd');
            let beeLink = row.querySelector('.bee_link');

            if (beePreview) beePreview.style.display = 'none';
            if (beeOpenNewWd) beeOpenNewWd.style.display = 'none';
            if (beeLink) beeLink.style.display = 'none';
        });
    });

}

function bPage_previewAuto() {
    let picMode = document.querySelectorAll('.imglist-text').length !== 0;
    if (picMode) {
        let switchTopics = document.querySelectorAll('.b-list__main');
        switchTopics.forEach((switchTopic) => {
            let topicTexts = switchTopic.childNodes[1].childNodes[3];
            //only in pic mode will trigger
            if (topicTexts.className === "imglist-text") {
                switchTopic.childNodes[1].removeChild(topicTexts);
                switchTopic.insertAdjacentHTML('beforeend', topicTexts.outerHTML);
            }
        });
    }

    let bListMainTitles = document.querySelectorAll('.b-list__main__title');
    bListMainTitles.forEach((bListMainTitle) => {
        bListMainTitle.addEventListener('click', (e) => {
            e.preventDefault();
            let href = bListMainTitle.parentNode.parentNode.querySelector('.b-list__main__title').getAttribute('href');
            openInFrame(`https://forum.gamer.com.tw/${href}`);
            return false;
        });
    });
    let bListMainTitlesPages = document.querySelectorAll(!picMode ? '#BH-master > form > div > table > tbody > tr > td.b-list__main > span > a' : '#BH-master > form > div > table > tbody > tr > td.b-list__main > div > div > span > span');
    bListMainTitlesPages.forEach((bListMainTitlePage) => {
        bListMainTitlePage.addEventListener('click', (e) => {
            e.preventDefault();
            let href = bListMainTitlePage.getAttribute(!picMode ? 'href' : 'data-page');
            openInFrame(`https://forum.gamer.com.tw/${href}`);
            return false;
        });
    });

}

function openInFrame(url) {
    let iframe = document.getElementById('bee_frame');
    iframe.src = url;

    let BHMenuPath = document.querySelector('#BH-menu-path');
    BHMenuPath.style.height = '100%';
    BHMenuPath.style.opacity = '0.6';

    setTimeout(() => {
        document.querySelector('.bee_preview_wd').style.transform = 'translateX(0%) scaleX(' + 1 + ')';
        document.querySelector('.bee_preview_wd').style.opacity = '1';
    }, 500);

    //wait 1 sec
    setTimeout(() => {
        let iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        let styleSheet = iframeDoc.createElement('style');
        iframeDoc.head.appendChild(styleSheet);
        let sheet = styleSheet.sheet;
        sheet.insertRule('.managertools { position: fixed; bottom: 0; right: 0; z-index: 100; }', 0);
    }, 1000);


    /*iframe.onload = function () {
        let iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        let iframeElement = iframeDoc.querySelector('.managertools');
        iframeElement.style.position = 'fixed';
        iframeElement.style.top = '0';
        iframeElement.style.right = '0';
        iframeElement.style.zIndex = '100';
    };*/
    /*document.getElementById('bee_frame').src = url;
    let BHMenuPath = document.querySelector('#BH-menu-path');
    BHMenuPath.style.height = '100%';
    BHMenuPath.style.opacity = '0.6';
    //run after 0.5s
    setTimeout(() => {
        //document.querySelector('.bee_preview_wd').style.width = localStorage.getItem("preview_size");
        document.querySelector('.bee_preview_wd').style.transform = 'translateX(0%) scaleX(' + 1 + ')';
        document.querySelector('.bee_preview_wd').style.opacity = '1';
    }, 500);
    //change the element in iframe '#BH-master > form:nth-child(5) > section:nth-child(52) > div' css to 'position: fixed; top: 0; right: 0;' while iframe loaded
    document.getElementById('bee_frame').onload = function () {
        let iframe = document.getElementById('bee_frame');
        let iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        let iframeElement = iframeDoc.querySelector('#BH-master > form > section > div');
        iframeElement.style.position = 'fixed';
        iframeElement.style.top = '0';
        iframeElement.style.right = '0';
    };*/

}

function bPage_addBorderInPicMode() {
    const all_blocks_pic_mode = document.querySelectorAll('#BH-master > form > div > table > tbody > tr > td.b-list__main > div > p');
    Array.from(all_blocks_pic_mode).forEach(function (link) {
        link.style.borderTop = 'dashed';
    });
}

function loadTips() {
    if (!window.location.href.includes('forum.gamer.com.tw/B.php')) {
        return;
    }
    let picMode;
    picMode = document.querySelectorAll('.imglist-text').length !== 0;

    let link = document.createElement('link');
    link.rel = "stylesheet";
    link.href = "https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css";
    document.head.appendChild(link);

    let script = document.createElement('script');
    script.src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js";
    script.onload = function () {
        const driver = window.driver.js.driver;
        const driverObj = driver({
            showButtons: ['next', 'previous'/*, 'close'*/],
            allowClose: false,
            nextBtnText: '▶',
            prevBtnText: '◀',
            doneBtnText: '好耶', /*onCloseClick: () => {
                driverObj.destroy();
            },*/
            showProgress: true,
            steps: [{
                element: '.beeSettingTag', popover: {
                    title: '客製化設定', description: '在這裡可以進行詳細的個人設定，設定變更後需要【重新整理】頁面才會生效。'
                }
            }, {
                element: picMode ? '#BH-master > form > div > table > tbody > tr > td.b-list__main > div > div > p' : '#BH-master > form > div > table > tbody > tr > td.b-list__main > a',
                popover: {
                    title: '即時瀏覽',
                    description: '如果開啟「點擊時使用即時預覽」，文章標題的跳轉會以即時預覽的方式啟動。',
                    side: "bottom",
                },
            }, {
                element: '#BH-master > form > div > table > tbody > tr > td.b-list__main', popover: {
                    title: '快速選取',
                    description: '除了文章標題、縮圖模式的預覽圖，其他區域可以觸發快速選取。功能等同左方的勾選方塊。',
                    side: "bottom",
                    onNextClick: () => {
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_preview').style.display = 'inline-block';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_open_new_wd').style.display = 'inline-block';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_link').style.display = 'inline-block';
                        driverObj.moveNext();
                    }
                },
            }, {
                element: picMode ? '#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3)' : '#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3)',
                popover: {
                    title: '功能按鈕',
                    description: '如果開啟「插入功能按鈕」，指標指向的文章後方會出現三個功能按鈕，分別是「即時預覽」「新分頁開啟」「複製連結」。',
                    side: "bottom",
                    onNextClick: () => {
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_preview').style.display = 'none';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_open_new_wd').style.display = 'none';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_link').style.display = 'none';
                        document.querySelector(picMode ? '#BH-master > form > div > table > tbody > tr:nth-child(2) > td.b-list__main > div > a' : '#BH-master > form > div > table > tbody > tr:nth-child(2) > td.b-list__main > a').click();

                        driverObj.moveNext();
                    }
                },
            }, {
                element: '#BH-master > form > section:last-child > div', popover: {
                    title: '功能選單',
                    description: '快速預覽視窗中，功能選單會漂浮在下方，方便使用！',
                    side: "bottom",
                    onPrevClick: () => {
                        document.querySelector('#BH-menu-path').click();
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_preview').style.display = 'inline-block';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_open_new_wd').style.display = 'inline-block';
                        document.querySelector('#BH-master > form > div > table > tbody > tr:nth-child(2) > td:nth-child(3) > a.btn-icon.btn-icon--inverse.bee_link').style.display = 'inline-block';
                        driverObj.movePrevious();
                    },
                    onNextClick: () => {
                        document.querySelector('#BH-menu-path').click();
                        driverObj.moveNext();
                    }
                },
            }]
        });
        driverObj.drive();
    };
    document.head.appendChild(script);
}

function reportAlert() {
    if (!window.location.href.includes('forum.gamer.com.tw/B.php') || !localStorage.getItem("showAbuse") === "true") {
        return;
    }
    let isReported = document.querySelector('#BH-slave > div.BH-rbox.FM-rbox14 > div.FM-master-btn > a > span') !== null;
    if (!isReported) {
        return;
    }
    const urlParams = new URLSearchParams(window.location.search);
    if (!urlParams.get('bsn')) {
        console.log("[WARN] 有檢舉但抓取連結失敗");
        return;
    }
    openInFrame("https:////forum.gamer.com.tw/gemadmin/accuse.php?bsn=" + urlParams.get('bsn'));
}

async function getPrompt() {
    let today = new Date();
    let oaiPromptUpdateDate = localStorage.getItem("oaiPromptUpdateDate");
    if (today.toISOString().slice(0, 10).replace(/-/g, "") - oaiPromptUpdateDate <= 0) {
        return null;
    }
    try {
        const response = await fetch(localStorage.getItem("oaiPromptUpdateURL"));
        if (!response.ok) {
            console.error('[ERROR] fetching prompt:', response.status);
            return null;
        }
        const data = await response.json();
        localStorage.setItem('oaiPromptUpdateDate', today.toISOString().slice(0, 10).replace(/-/g, ""));
        if (localStorage.getItem('oaiPromptDate') >= data.oaiPromptDate) {
            return data;
        }
        localStorage.setItem('oaiPromptDate', data.oaiPromptDate);
        localStorage.setItem('oaiPrompt', data.oaiPrompt);
        localStorage.setItem('oaiPromptUpdateSleep', data.oaiPromptUpdateSleep);
        return data;
    } catch (error) {
        console.error('[ERROR] fetching prompt:', error);
        return null;
    }
}

async function postAddBtn() {
    // check if oaiUpdateDate is more than today (format: yyyymmdd)
    await getPrompt();
    // 尋找所有 .c-post__body 元素
    const postSections = document.querySelectorAll('.c-section');
    postSections.forEach(postSection => {

        // 找到 .c-post__body 元素 添加文章下方的按鈕
        const postBody = postSection.querySelector('.c-post__body');
        if (!postBody) {
            return;
        }
        // 找到 .article-footer_right 區域
        const footerLeft = postSection.querySelector('.c-section__side');
        const footerRight = postBody.querySelector('.article-footer_right');//.c-section__side

        // 創建新的懶人包按鈕
        const lazySummaryButton = document.createElement('a');
        lazySummaryButton.classList.add('article-footer_right-btn');
        lazySummaryButton.innerHTML = '<i class="fa fa-pencil" style="margin: 0rem 0.5rem 0rem 0.5rem;"></i><p>懶人包</p>';
        lazySummaryButton.id = `lazy-summary-${postBody.querySelector('.c-article').id}`; // 生成唯一 ID

        // 將新的按鈕插入到 .article-footer_right 的開頭
        footerRight.insertBefore(lazySummaryButton, footerRight.firstChild);
        // 添加點擊事件監聽器
        lazySummaryButton.addEventListener('click', async () => {
            lazySummaryButton.style.marginTop = '-130px';
            lazySummaryButton.scrollIntoView({behavior: "smooth"});
            lazySummaryButton.style.marginTop = '0px';
            // 檢查
            if (lazySummaryButton.querySelector('p').textContent === '產生中...') {
                return;
            }
            if (localStorage.getItem("oaiKey") === "sk-yourKey" || localStorage.getItem("oaiKey") === "") {
                alert("請先設定 API Key 才能使用 AI 功能");
                return;
            }
            if (document.getElementById(`${postBody.querySelector('.c-article').id}-clean`) && lazySummaryButton.querySelector('p').textContent === '摺疊 ▲') {
                //將本原建設為不可見 並將摺疊 ▲ 改為 展開 ▼
                //document.getElementById(`${postBody.querySelector('.c-article').id}-clean`).style.display = 'none';
                document.getElementById(`${postBody.querySelector('.c-article').id}-clean`).style.maxHeight = '0px';
                lazySummaryButton.querySelector('p').textContent = '展開 ▼';
                return;
            }
            if (document.getElementById(`${postBody.querySelector('.c-article').id}-clean`) && lazySummaryButton.querySelector('p').textContent === '展開 ▼') {
                //document.getElementById(`${postBody.querySelector('.c-article').id}-clean`).style.display = 'block';
                document.getElementById(`${postBody.querySelector('.c-article').id}-clean`).style.maxHeight = document.getElementById(`${postBody.querySelector('.c-article').id}-clean`).style.readHeight + 'px';
                lazySummaryButton.querySelector('p').textContent = '摺疊 ▲';
                return;
            }

            if (document.getElementById(`${postBody.querySelector('.c-article').id}-clean`) && lazySummaryButton.querySelector('p').textContent !== '懶人包') {
                return;
            }
            lazySummaryButton.querySelector('p').textContent = '產生中...';
            // 找到 .c-article__content 元素
            const articleContent = postBody.querySelector('.c-article__content');

            // 獲取所有子節點的文本內容，並合併成一個字符串
            let textContent = '';
            articleContent.childNodes.forEach(node => {
                textContent += node.textContent.trim() + '\n';
            });

            // 去除多餘的換行
            textContent = textContent.replace(/\n+/g, '\n');

            // 構建 GPT prompt
            const prompt = localStorage.getItem('oaiPrompt') || '';

            try {
                const response = await fetch(localStorage.getItem("oaiBaseUrl"), {
                    method: 'POST', headers: {
                        'Content-Type': 'application/json', 'Authorization': `Bearer ${localStorage.getItem('oaiKey')}`
                    }, body: JSON.stringify({
                        messages: [{
                            role: "user", content: prompt,
                        }, {
                            role: "user", content: '文章內容：```' + textContent + '```',
                        },],
                        max_tokens: 4090,
                        model: localStorage.getItem("oaiModel"),
                        stream: false,
                        temperature: 0.7,
                        presence_penalty: 0,
                        frequency_penalty: 0,
                    })
                });

                if (!response.ok) {
                    //throw new Error(`伺服器回應錯誤: ${response.status} ${response.statusText}`);
                    alert('取得 GPT 回覆時發生錯誤，請稍後再試。');
                    lazySummaryButton.querySelector('p').textContent = '懶人包';
                    lazySummaryButton.disabled = false;
                    return;
                }

                const data = await response.json();
                const gptReply = data.choices[0].message.content

                // 創建新的 .c-article 元素
                const newArticle = document.createElement('article');
                newArticle.classList.add('c-article', 'FM-P2');
                newArticle.id = `${postBody.querySelector('.c-article').id}-clean`;
                newArticle.style.display = 'block';
                newArticle.style.overflow = 'hidden';
                newArticle.style.maxHeight = 'auto';
                newArticle.style.minHeight = '0px';
                // 創建新的 .c-article__content 元素並插入文本
                const newContent = document.createElement('div');
                newContent.classList.add('c-article__content');
                newContent.style.whiteSpace = 'pre-wrap'; // 添加這行來顯示換行符號
                //newContent.textContent = gptReply;
                newContent.innerHTML = gptReply; // 使用 innerHTML 來插入包含 HTML 語法的內容
                newArticle.appendChild(newContent);

                // 確保在元素被添加到 DOM 並渲染後再取得高度
                /*requestAnimationFrame(() => {
                    newArticle.style.readHeight = newArticle.scrollHeight;
                });
                newArticle.style.maxHeight = '0px';
                newArticle.style.transition = 'all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s';
                requestAnimationFrame(() => {
                    newArticle.style.maxHeight = newArticle.style.readHeight + 'px';
                });*/
                await popElementInit(newArticle);
                lazySummaryButton.querySelector('p').textContent = '摺疊 ▲';

                // 將新的 .c-article 插入到 .c-post__body__buttonbar 之後
                postBody.querySelector('.c-post__body__buttonbar').insertAdjacentElement('afterend', newArticle);
            } catch (error) {
                console.error('取得 GPT 回覆時發生錯誤:', error);
                lazySummaryButton.querySelector('p').textContent = '懶人包';
                lazySummaryButton.disabled = false
                alert('取得 GPT 回覆時發生錯誤，請稍後再試。');
            }
        });

        // 跳過按鈕
        const skipFloorButtonLeft = document.createElement('a');
        skipFloorButtonLeft.classList.add('article-footer_right-btn');
        skipFloorButtonLeft.innerHTML = '<i class="fa fa-archive" style="margin: 0rem 0.5rem 0rem 0.5rem;"></i><p>跳過此樓 ▼</p>';
        skipFloorButtonLeft.id = `skip-${postBody.querySelector('.c-article').id}`; // 生成唯一 ID
        skipFloorButtonLeft.style.display = 'flex';
        skipFloorButtonLeft.style.alignItems = 'center';
        skipFloorButtonLeft.style.margin = '1rem 0rem 0.5rem 0rem';
        footerLeft.appendChild(skipFloorButtonLeft);
        skipFloorButtonLeft.addEventListener('click', async () => {
            footerRight.scrollIntoView({behavior: "smooth"});
        });
        // 跳到懶人包按鈕
        const lazySummaryButtonLeft = document.createElement('a');
        lazySummaryButtonLeft.classList.add('article-footer_right-btn');
        lazySummaryButtonLeft.innerHTML = '<i class="fa fa-pencil" style="margin: 0rem 0.5rem 0rem 0.5rem;"></i><p>懶人包 ▼</p>';
        lazySummaryButtonLeft.id = `jump-lazy-summary-${postBody.querySelector('.c-article').id}`; // 生成唯一 ID
        lazySummaryButtonLeft.style.display = 'flex';
        lazySummaryButtonLeft.style.alignItems = 'center';
        lazySummaryButtonLeft.style.margin = '0rem 0rem 0.5rem 0rem';
        footerLeft.appendChild(lazySummaryButtonLeft);
        // 添加點擊事件監聽器
        lazySummaryButtonLeft.addEventListener('click', async () => {
            footerRight.style.marginTop = '-130px';
            footerRight.scrollIntoView({behavior: "smooth"});
            footerRight.style.marginTop = '0px';
            if (lazySummaryButtonLeft.querySelector('p').textContent !== '懶人包 ▼') {
                return;
            }
            //edit text
            lazySummaryButtonLeft.querySelector('p').textContent = '已抵達';
            lazySummaryButton.click();
        });


    });

}

async function popElementInit(element, show = true) {
    // 確保在元素被添加到 DOM 並渲染後再取得高度
    requestAnimationFrame(() => {
        element.style.readHeight = element.scrollHeight;
    });
    element.style.maxHeight = '0px';
    element.style.transition = 'all 0.5s cubic-bezier(0.21, 0.3, 0.18, 1.37) 0s';
    if (!show) {
        return;
    }
    requestAnimationFrame(() => {
        element.style.maxHeight = element.style.readHeight + 'px';
    });
}
欢迎访问Greasy Fork镜像
