Selects all messages on poe.com for easy conversation sharing
目前为
// ==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);
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址