Poe Checkbox Selector

Selects all messages on poe.com for easy conversation sharing
目前為 2024-12-04 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         Poe Checkbox Selector
// @namespace    https://codeberg.org/TwilightAlicorn/Poe-Checkbox-Selector
// @author       TwilightAlicorn
// @version      3.1
// @license      MIT
// @description  Selects all messages on poe.com for easy conversation sharing
// @match        https://poe.com/*
// @grant        GM_log
// @run-at       document-idle
// ==/UserScript==
 
(function() {
    'use strict';
 
    const state = {
        isRunning: false,
        currentButton: null,
        checkInterval: null,
        lastPath: null
    };
 
    const CONSTANTS = {
        CLICK_DELAY: 100,
        CHECK_INTERVAL: 500,
        SCROLL_ATTEMPTS: 30,
        SCROLL_AMOUNT: 20000,
        SELECTORS: {
            checkboxLabels: 'label[class*="checkbox-and-radio_label__"][class*="ChatMessage_checkbox__"]',
            rightNavItem: '.BaseNavbar_rightNavItem__3DfWJ span',
            mainContent: '[class*="ChatPageMain"]',
            selectionHeader: 'div[class*="LeftSideChatMessageHeader_leftSideMessageHeader__"][class*="LeftSideChatMessageHeader_selectionModeMessageHeader__"]',
            botInfoCard: 'div[class*="BotInfoCard_sectionContainer__"]'
        }
    };
 
    const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
 
    async function scrollToTop() {
 
        const possibleContainers = [
            document.querySelector(CONSTANTS.SELECTORS.mainContent),
            document.querySelector('[class*="ChatMessagesView"]'),
            document.querySelector('[class*="InfiniteScroll"]'),
            document.querySelector('.ChatPage_chatPageContent__'),
            Array.from(document.querySelectorAll('div'))
                .find(div => div.scrollHeight > window.innerHeight * 2)
        ].filter(Boolean);
 
        for (const container of possibleContainers) {
            let lastScrollTop = container.scrollTop;
 
            for (let attempt = 0; attempt < CONSTANTS.SCROLL_ATTEMPTS; attempt++) {
                if (botInfoCardExists()) return;
 
                container.scroll({
                    top: container.scrollTop - CONSTANTS.SCROLL_AMOUNT,
                    behavior: 'smooth'
                });
 
                if (container.scrollTop === lastScrollTop) break;
                lastScrollTop = container.scrollTop;
                await sleep(25);
            }
 
            if (botInfoCardExists()) return;
        }
    }
 
    function botInfoCardExists() {
        return !!document.querySelector(CONSTANTS.SELECTORS.botInfoCard);
    }
 
    async function selectCheckboxes() {
        if (!state.isRunning) return;
 
        if (!botInfoCardExists()) {
            await scrollToTop();
            return;
        }
 
        const labels = document.querySelectorAll(CONSTANTS.SELECTORS.checkboxLabels);
 
        for (const label of labels) {
            if (!state.isRunning) return;
 
            const checkbox = label.querySelector('input[type="checkbox"]');
            if (checkbox && !checkbox.checked) {
                try {
                    label.click();
                    await sleep(CONSTANTS.CLICK_DELAY);
                } catch (error) {
                    GM_log(`Click error: ${error.message}`);
                }
            }
        }
 
        if (botInfoCardExists()) {
            stopScript();
        }
    }
 
    function updateButtonStyle() {
        if (!state.currentButton) return;
 
        const innerWrap = state.currentButton.querySelector('.button_innerWrap__BtYlH');
        if (innerWrap) {
            const allSelected = document.querySelectorAll('input[type="checkbox"]:not(:checked)').length === 0;
            innerWrap.setAttribute('data-state', state.isRunning ? 'loading' : (allSelected ? 'success' : 'idle'));
        }
    }
 
    function stopScript() {
        state.isRunning = false;
        if (state.checkInterval) {
            clearInterval(state.checkInterval);
            state.checkInterval = null;
        }
        updateButtonStyle();
    }
 
    function toggleScript() {
        state.isRunning = !state.isRunning;
 
        if (state.isRunning) {
            selectCheckboxes();
            if (!state.checkInterval) {
                state.checkInterval = setInterval(selectCheckboxes, CONSTANTS.CHECK_INTERVAL);
            }
        } else {
            stopScript();
        }
 
        updateButtonStyle();
    }
 
    function createToggleButton() {
        const button = document.createElement('button');
        button.id = 'auto-select-button';
        button.className = 'button_root__TL8nv button_ghost__YsMI5 button_sm__hWzjK button_center__RsQ_o button_showIconOnly-compact-below___fiXt';
        button.type = 'button';
        button.innerHTML = `
            <style>
                @keyframes spin {
                    0% { transform: rotate(0deg); }
                    100% { transform: rotate(360deg); }
                }
 
                #auto-select-button {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                }
 
                #auto-select-button .button_innerWrap__BtYlH {
                    display: flex;
                    align-items: center;
                    gap: 2px;
                }
 
                #auto-select-button .checkbox-icon,
                #auto-select-button .loading-icon,
                #auto-select-button .success-icon {
                    display: none !important;
                    height: 18px;
                    width: 18px;
                    flex: 0 0 auto;
                }
 
                #auto-select-button .loading-icon {
                    animation: spin 1s linear infinite;
                }
 
                #auto-select-button [data-state="idle"] .checkbox-icon,
                #auto-select-button [data-state="loading"] .loading-icon,
                #auto-select-button [data-state="success"] .success-icon {
                    display: block !important;
                }
 
                #auto-select-button .button_label__mCaDf {
                    display: inline-block;
                    margin-left: 4px;
                }
            </style>
            <span class="button_innerWrap__BtYlH" data-state="idle">
                <svg class="checkbox-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM19 19H5V5H19V19Z"/>
                    <path class="checkbox-fill" fill="currentColor" d="M17 7H7V17H17V7Z" fill-opacity="0"/>
                </svg>
                <svg class="loading-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".5"/>
                    <path fill="currentColor" d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"/>
                </svg>
                <svg class="success-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM19 19H5V5H19V19Z"/>
                    <path fill="currentColor" d="M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"/>
                </svg>
                <span class="button_label__mCaDf">Auto Select</span>
            </span>
        `;
 
        button.addEventListener('click', (e) => {
            e.preventDefault();
            e.stopPropagation();
            toggleScript();
        });
 
        return button;
    }
 
    function insertButton() {
        const existingButton = document.getElementById('auto-select-button');
        const selectionHeader = document.querySelector(CONSTANTS.SELECTORS.selectionHeader);
 
        if (!selectionHeader) {
            if (state.isRunning) stopScript();
            if (existingButton) {
                existingButton.remove();
                state.currentButton = null;
            }
            return false;
        }
 
        if (existingButton) {
            state.currentButton = existingButton;
            return true;
        }
 
        if (state.currentButton) {
            state.currentButton.remove();
            state.currentButton = null;
        }
 
        const rightNavItem = document.querySelector(CONSTANTS.SELECTORS.rightNavItem);
        if (!rightNavItem) return false;
 
        const button = createToggleButton();
        rightNavItem.insertBefore(button, rightNavItem.firstChild);
        state.currentButton = button;
        return true;
    }
 
    function setupObservers() {
        const mutationObserver = new MutationObserver(() => {
            insertButton();
        });
 
        mutationObserver.observe(document.body, {
            childList: true,
            subtree: true,
            attributes: true,
            attributeFilter: ['class']
        });
 
        const routeObserver = new MutationObserver(() => {
            const currentPath = window.location.pathname;
            if (currentPath !== state.lastPath) {
                state.lastPath = currentPath;
                if (currentPath.includes('/chat/')) {
                    waitForMainContent().then(() => setTimeout(insertButton, 500));
                } else {
                    if (state.currentButton) {
                        state.currentButton.remove();
                        state.currentButton = null;
                    }
                    stopScript();
                }
            }
        });
 
        routeObserver.observe(document.querySelector('head > title'), {
            subtree: true,
            characterData: true,
            childList: true
        });
    }
 
    function waitForMainContent() {
        return new Promise((resolve) => {
            const check = () => {
                if (document.querySelector(CONSTANTS.SELECTORS.mainContent)) {
                    resolve();
                } else {
                    setTimeout(check, 100);
                }
            };
            check();
        });
    }
 
    function initialize() {
        state.lastPath = window.location.pathname;
        if (window.location.pathname.includes('/chat/')) {
            waitForMainContent().then(() => setTimeout(insertButton, 500));
        }
        setupObservers();
    }
 
    if (document.readyState === 'complete') {
        initialize();
    } else {
        window.addEventListener('load', initialize);
    }
})();
欢迎访问Greasy Fork镜像
