bloxd.io - Copy User Messages

Copy Messages in Chat

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         bloxd.io - Copy User Messages
// @description  Copy Messages in Chat
// @match        *://*.bloxd.io/*
// @version      1.1
// @grant        none
// @license MIT
// @namespace https://greasyfork.org/users/1399241
// ==/UserScript==

function addCopyButton() {
    setTimeout(() => {
        const menu = document.querySelector(".FloatingActions.ChatFloatingActions.UsePositionFixed");
        if (!menu) return;
        if (menu.querySelector(".CopyAction")) return;

        const msg = document.querySelector(".MessageWrapper:hover");
        if (!msg) return;

        const parts = msg.querySelectorAll(".IndividualText");
        const last = parts[parts.length - 1];
        if (!last) return;

        const text = last.innerText.trim();
        if (!text) return;

        const copyBtn = document.createElement("div");
        copyBtn.className = "FloatingAction CopyAction";
        copyBtn.innerHTML = `<i class="fas fa-copy"></i><div>Copy</div>`;

        copyBtn.addEventListener("click", ev => {
            ev.stopPropagation();
            navigator.clipboard.writeText(text);
            menu.style.display = "none";
            menu.innerHTML = "";
        });

        menu.appendChild(copyBtn);
    }, 25);
}

function handleNonSelectableMessages(ev) {
    if (ev.button !== 1) return;

    const target = ev.target.closest(".MessageWrapper");
    if (!target) return;

    if (target.classList.contains("ChatMsgSelectWrapper")) return;

    const parts = target.querySelectorAll(".IndividualText");
    if (parts.length === 0) return;

    const text = parts[parts.length - 1].innerText.trim();
    if (!text) return;

    ev.preventDefault();
    ev.stopPropagation();

    let menu = document.querySelector(".FloatingActions.ChatFloatingActions.UsePositionFixed");
    if (!menu) {
        menu = document.createElement("div");
        menu.className = "FloatingActions ChatFloatingActions UsePositionFixed";
        document.body.appendChild(menu);
    }

    menu.style.display = "flex";
    menu.style.left = `${ev.clientX}px`;
    menu.style.top = `${ev.clientY}px`;
    menu.style.zIndex = "100";
    menu.style.pointerEvents = "auto";
    menu.innerHTML = "";

    const copyBtn = document.createElement("div");
    copyBtn.className = "FloatingAction CopyAction";
    copyBtn.innerHTML = `<i class="fas fa-copy"></i><div>Copy</div>`;
    copyBtn.style.pointerEvents = "auto";
    copyBtn.style.cursor = "pointer";

    copyBtn.addEventListener("click", (clickEv) => {
        clickEv.stopPropagation();
        navigator.clipboard.writeText(text);
        menu.style.display = "none";
        menu.innerHTML = "";
    });

    menu.appendChild(copyBtn);

    setTimeout(() => {
        const closeMenu = (closeEv) => {
            if (!menu.contains(closeEv.target)) {
                menu.style.display = "none";
                menu.innerHTML = "";
                document.removeEventListener("click", closeMenu);
            }
        };
        document.addEventListener("click", closeMenu);
    }, 10);
}

const observer = new MutationObserver(() => addCopyButton());
observer.observe(document.body, { childList: true, subtree: true });

document.addEventListener("mousedown", handleNonSelectableMessages, true);