Drawaria Draggable Menu

Menu funcional con caché de imagen para un menú de Drawaria.

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name         Drawaria Draggable Menu
// @namespace    http://tampermonkey.net/
// @version      1.01
// @description  Menu funcional con caché de imagen para un menú de Drawaria.
// @author       YouTubeDrawaria
// @match        https://drawaria.online/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=drawaria.online
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    let lastUsedUrl = "https://drawaria.online/avatar/cache/81b01610-02d0-11f1-afef-4fc74305da51.1770323084729.jpg";
    let imageInterval = null;

    // --- LÓGICA DE CAPTURA DE SOCKET (CORREGIDA) ---
    // En lugar de un array que crece, nos aseguramos de que window.sockets[0] sea siempre el socket actual
    if (!window.sockets) { window.sockets = []; }
    const originalSend = WebSocket.prototype.send;
    WebSocket.prototype.send = function(...args) {
        // Cada vez que el juego envía algo, actualizamos la referencia al socket activo
        window.sockets[0] = this;
        return originalSend.apply(this, args);
    };

    // --- FUNCIÓN DE ENVÍO ESTILO PANTHER ---
    function sendSocketRaw(message) {
        if (window.sockets[0] && window.sockets[0].readyState === WebSocket.OPEN) {
            window.sockets[0].send(message);
        } else {
            console.error('WebSocket no disponible o cerrado.');
        }
    }

    // --- ACCIÓN DE PASTE (LÓGICA DINÁMICA) ---
    function handlePasteAction() {
        const userUrl = prompt("Pega la URL de la imagen:", lastUsedUrl);
        if (userUrl && userUrl.trim() !== "") {
            lastUsedUrl = userUrl.trim();
            // Formato exacto que Panther recomendó: 42["clientnotify", -1, 10002, ["URL"]]
            const msg = `42["clientnotify",-1,10002,["${lastUsedUrl}"]]`;
            sendSocketRaw(msg);
            console.log("Imagen enviada con éxito.");
        }
    }

    // --- ACCIÓN DE TOGGLE (POR SI NECESITAS QUE PERSISTA) ---
    function toggleImagePersistence() {
        if (imageInterval) {
            clearInterval(imageInterval);
            imageInterval = null;
            alert("Auto-Paste detenido.");
        } else {
            const userUrl = prompt("URL para mantener activa:", lastUsedUrl);
            if (userUrl) {
                lastUsedUrl = userUrl;
                imageInterval = setInterval(() => {
                    const msg = `42["clientnotify",-1,10002,["${lastUsedUrl}"]]`;
                    sendSocketRaw(msg);
                }, 2000); // Se envía cada 2 segundos para no saturar pero mantenerla visible
                alert("Auto-Paste iniciado (cada 2 seg).");
            }
        }
    }

    // --- ESTILOS Y UI (Mantenidos según tu preferencia) ---
    function addStyles() {
        const style = document.createElement('style');
        style.innerHTML = `
            .action-menu {
                position: absolute;
                top: 220px;
                left: 20px;
                display: flex;
                flex-direction: column;
                background: linear-gradient(135deg, #8e2de2, #4a00e0);
                border-radius: 10px;
                padding: 15px;
                z-index: 10000;
                box-shadow: 0 4px 15px rgba(0,0,0,0.4);
            }
            .action-button {
                margin: 5px;
                padding: 12px;
                cursor: pointer;
                background: linear-gradient(135deg, #ffd700, #ffb90f);
                color: #000;
                border: 2px solid;
                border-top-color: #b8860b;
                border-right-color: #b8860b;
                border-bottom-color: #ffffff;
                border-left-color: #ffffff;
                border-radius: 5px;
                font-weight: bold;
                min-width: 170px;
                transition: transform 0.1s;
            }
            .action-button:active { transform: scale(0.95); }
            .draggable { cursor: move; }
        `;
        document.head.appendChild(style);
    }

    function createMenu() {
        const menu = document.createElement('div');
        menu.className = 'action-menu draggable';

        const btnPaste = document.createElement('button');
        btnPaste.className = 'action-button';
        btnPaste.textContent = 'Paste Image (URL)';
        btnPaste.onclick = handlePasteAction;

        const btnToggle = document.createElement('button');
        btnToggle.className = 'action-button';
        btnToggle.textContent = 'Toggle Persistence';
        btnToggle.onclick = toggleImagePersistence;

        const btnRules = document.createElement('button');
        btnRules.className = 'action-button';
        btnRules.textContent = 'Send Rules';
        btnRules.onclick = () => sendSocketRaw('42["clientnotify",-1,100,[2]]');

        menu.appendChild(btnPaste);
        menu.appendChild(btnToggle);
        menu.appendChild(btnRules);

        document.body.appendChild(menu);
        makeDraggable(menu);
    }

    function makeDraggable(el) {
        let ox, oy, dragging = false;
        el.onmousedown = (e) => {
            if(e.target === el) {
                dragging = true;
                ox = e.clientX - el.offsetLeft;
                oy = e.clientY - el.offsetTop;
                el.style.userSelect = 'none';
            }
        };
        document.onmousemove = (e) => {
            if(dragging) {
                el.style.left = (e.clientX - ox) + 'px';
                el.style.top = (e.clientY - oy) + 'px';
            }
        };
        document.onmouseup = () => dragging = false;
    }

    addStyles();
    setTimeout(createMenu, 1500);
})();