// ==UserScript== // @name mstdn.jp Live Feeds Reply Sender - Bottom Right Menu // @namespace tweeks.io // @version 1.1.0 // @description Adds a visible sender control panel fixed in the bottom-right corner for mstdn.jp public live feeds, with custom message settings and sender controls. // @author Tweeks // @match https://mstdn.jp/public* // @grant GM_registerMenuCommand // @grant GM_unregisterMenuCommand // @grant GM_getValue // @grant GM_setValue // @grant TW_notifications // ==/UserScript== (function () { 'use strict'; const MAX_SENDS = 50; const MIN_DELAY_MS = 2000; const MAX_DELAY_MS = 7000; const DEFAULT_MESSAGE = 'Hello'; const PANEL_ID = 'tw-mstdn-sender-panel'; const STYLE_ID = 'tw-mstdn-sender-style'; const SELECTORS = { status: '.status[data-id]', replyButton: 'button.status__action-bar__button.icon-button--with-counter[aria-label="Reply"], button.status__action-bar__button.icon-button--with-counter[title="Reply"]', composeTextarea: 'textarea.autosuggest-textarea__textarea', postButton: 'div.compose-form__submit button.button, button.button[type="submit"]' }; let running = false; let sentCount = 0; let stopRequested = false; let menuIds = []; const processed = new Set(); function notify(message, type = 'info') { if (typeof TW_toast === 'function') { void (async () => { try { await TW_toast(message, type, 'Mastodon Sender', 4000); } catch (_) { console.log('[Mastodon Sender]', message); } })(); } else { console.log('[Mastodon Sender]', message); } } function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } function randomDelay() { return MIN_DELAY_MS + Math.floor(Math.random() * (MAX_DELAY_MS - MIN_DELAY_MS + 1)); } function setNativeValue(element, value) { const prototype = Object.getPrototypeOf(element); const descriptor = Object.getOwnPropertyDescriptor(prototype, 'value'); if (descriptor && descriptor.set) descriptor.set.call(element, value); else element.value = value; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); } async function waitFor(selector, timeoutMs = 5000) { const start = Date.now(); while (Date.now() - start < timeoutMs) { const element = document.querySelector(selector); if (element) return element; await sleep(100); } return null; } async function waitForEnabledButton(selector, timeoutMs = 5000) { const start = Date.now(); while (Date.now() - start < timeoutMs) { const buttons = [...document.querySelectorAll(selector)]; const button = buttons.find(b => b.offsetParent !== null && !b.disabled && !b.getAttribute('disabled')); if (button) return button; await sleep(100); } return null; } function getNextStatus() { return [...document.querySelectorAll(SELECTORS.status)].find(status => { const id = status.getAttribute('data-id') || ''; const button = status.querySelector(SELECTORS.replyButton); return id && !processed.has(id) && button && button.offsetParent !== null; }); } async function replyToStatus(status) { const id = status.getAttribute('data-id'); const replyButton = status.querySelector(SELECTORS.replyButton); if (!replyButton) return false; processed.add(id); replyButton.click(); const textarea = await waitFor(SELECTORS.composeTextarea, 5000); if (!textarea) throw new Error('Compose textarea was not found after clicking Reply.'); const message = GM_getValue('customMessage', DEFAULT_MESSAGE); textarea.focus(); setNativeValue(textarea, message); const postButton = await waitForEnabledButton(SELECTORS.postButton, 5000); if (!postButton) throw new Error('Post button was not found or did not become enabled.'); postButton.click(); return true; } async function senderLoop() { if (running) return; running = true; stopRequested = false; sentCount = 0; rebuildMenu(); notify('Sender started. Limit: ' + MAX_SENDS + ' replies.', 'success'); try { while (!stopRequested && sentCount < MAX_SENDS) { const status = getNextStatus(); if (!status) { window.scrollBy({ top: Math.floor(window.innerHeight * 0.8), behavior: 'smooth' }); await sleep(1500); if (!getNextStatus()) break; continue; } const ok = await replyToStatus(status); if (ok) { sentCount += 1; updateFloatingMenu(); notify('Posted ' + sentCount + ' of ' + MAX_SENDS + '.', 'info'); } if (sentCount >= MAX_SENDS || stopRequested) break; await sleep(randomDelay()); } } catch (error) { notify('Sender stopped: ' + error.message, 'error'); console.error('[Mastodon Sender]', error); } finally { running = false; stopRequested = false; rebuildMenu(); notify('Sender finished. Posted: ' + sentCount + '.', 'success'); } } function setMessage() { const current = GM_getValue('customMessage', DEFAULT_MESSAGE); const next = prompt('Custom reply message:', current); if (next === null) return; GM_setValue('customMessage', next); notify('Custom message saved.', 'success'); rebuildMenu(); } function unregisterMenus() { for (const id of menuIds) { try { GM_unregisterMenuCommand(id); } catch (_) {} } menuIds = []; } function addMenu(label, fn) { menuIds.push(GM_registerMenuCommand(label, fn)); } function rebuildMenu() { unregisterMenus(); const message = GM_getValue('customMessage', DEFAULT_MESSAGE); addMenu(running ? 'Sender running: stop' : 'Start sender (limit 50)', () => { if (running) stopRequested = true; else senderLoop(); updateFloatingMenu(); }); addMenu('Set custom message (current: ' + message.slice(0, 40) + (message.length > 40 ? '...' : '') + ')', setMessage); addMenu('Reset processed posts for this page', resetProcessed); ensureFloatingMenu(); updateFloatingMenu(); } function resetProcessed() { processed.clear(); sentCount = 0; notify('Processed post list reset.', 'success'); updateFloatingMenu(); } function injectFloatingMenuStyles() { if (document.getElementById(STYLE_ID)) return; const style = document.createElement('style'); style.id = STYLE_ID; style.textContent = ` #${PANEL_ID} { position: fixed !important; right: 16px !important; bottom: 16px !important; right: max(16px, env(safe-area-inset-right)) !important; bottom: max(16px, env(safe-area-inset-bottom)) !important; left: auto !important; top: auto !important; width: min(320px, calc(100vw - 32px)) !important; box-sizing: border-box !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 12px !important; background: rgba(25, 28, 35, 0.96) !important; color: #fff !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.42) !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 13px !important; line-height: 1.35 !important; z-index: 10000 !important; } #${PANEL_ID}, #${PANEL_ID} * { box-sizing: border-box !important; } #${PANEL_ID} .tw-ms-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 8px !important; font-weight: 700 !important; } #${PANEL_ID} .tw-ms-status { margin-bottom: 8px !important; color: #cfd6e6 !important; overflow-wrap: anywhere !important; } #${PANEL_ID} .tw-ms-message { margin-bottom: 10px !important; color: #aeb8cc !important; overflow-wrap: anywhere !important; } #${PANEL_ID} .tw-ms-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } #${PANEL_ID} button { min-height: 34px !important; border: 0 !important; border-radius: 8px !important; padding: 7px 9px !important; cursor: pointer !important; color: #fff !important; background: #6364ff !important; font: inherit !important; } #${PANEL_ID} button:hover { filter: brightness(1.08) !important; } #${PANEL_ID} button.tw-ms-secondary { background: #444b5d !important; } #${PANEL_ID} button.tw-ms-stop { background: #d64545 !important; } `; document.head.appendChild(style); } function ensureFloatingMenu() { if (!document.body) return; injectFloatingMenuStyles(); let panel = document.getElementById(PANEL_ID); if (panel) return; panel = document.createElement('div'); panel.id = PANEL_ID; panel.innerHTML = `

Mastodon Sender

`; panel.querySelector('.tw-ms-toggle').addEventListener('click', () => { if (running) { stopRequested = true; notify('Stop requested. Current post will finish first.', 'warning'); } else { senderLoop(); } updateFloatingMenu(); }); panel.querySelector('.tw-ms-set-message').addEventListener('click', setMessage); panel.querySelector('.tw-ms-reset').addEventListener('click', resetProcessed); document.body.appendChild(panel); } function updateFloatingMenu() { const panel = document.getElementById(PANEL_ID); if (!panel) return; const message = GM_getValue('customMessage', DEFAULT_MESSAGE); const toggle = panel.querySelector('.tw-ms-toggle'); const counter = panel.querySelector('.tw-ms-counter'); const status = panel.querySelector('.tw-ms-status'); const messageBlock = panel.querySelector('.tw-ms-message'); counter.textContent = sentCount + '/' + MAX_SENDS; status.textContent = running ? (stopRequested ? 'Status: stopping...' : 'Status: running') : 'Status: stopped'; messageBlock.textContent = 'Message: ' + (message || '[empty]'); toggle.textContent = running ? 'Stop' : 'Start'; toggle.classList.toggle('tw-ms-stop', running); } function init() { ensureFloatingMenu(); rebuildMenu(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })();