Enable Text Selection and Get Cookies

Adds draggable buttons to enable text selection and get cookies of the current page. [updates: - Click cancle to close browser alert.]

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         Enable Text Selection and Get Cookies
// @namespace    https://greasyfork.org/users/296362
// @version      25.11.05.0
// @author       Lancelotly.Sagirrarimeow
// @description  Adds draggable buttons to enable text selection and get cookies of the current page. [updates: - Click cancle to close browser alert.]
// @match        *://*/*
// @noframes
// @exclude      https://*.figma.com/*
// @exclude      https://*.google.com/*
// @icon         data:image/png;base64,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
// @grant        GM.cookie
// @run-at       document-idle
// @connect      *
// ==/UserScript==

(function () {
    'use strict';

    let enableCopyButton;
    let cookieButton;
    let cookieCleanButton;
    let isClicked = false;

    function enableTextSelection(e) {
        e.stopPropagation();
        e.stopImmediatePropagation && e.stopImmediatePropagation();

        applyTextSelection();
        const events = ['copy', 'cut', 'contextmenu', 'selectstart', 'mousedown', 'mouseup', 'mousemove', 'keydown', 'keypress', 'keyup'];
        events.forEach(event => {
            document.documentElement.addEventListener(event, stopPropagation, { capture: true });

        });
        alert('Text selection enabled!');

        isClicked = true;
        enableCopyButton.innerText = '🔓';
        enableCopyButton.removeEventListener('click', enableTextSelection);
    }

    function applyTextSelection() {
        document.querySelectorAll('*').forEach(function (element) {
            if (window.getComputedStyle(element, null).getPropertyValue('user-select') === 'none') {
                element.style.setProperty('user-select', 'text', 'important');
            }
        });
    }

    async function getCookieString() {
        //const cookies = document.cookie;
        //const cookies = await cookieStore.getAll();
        const cs = await GM.cookie.list({ url: window.location.host, partitionKey: {} });
        console.log(cs);

        const cookieString = Object.values(cs).map(cookie => {
            return `${cookie.name}=${cookie.value}`;
        }).join('; ');

        const cookiePromptResult = prompt("Cookie Data: (please use ctrl+c or command+c to copy)", cookieString);
        if (cookiePromptResult === null) {
            return;
        }

        const namePromptResult = prompt("Enter the localStorage name you'd like to access:", "access_token");
        if (namePromptResult === null) {
            return;
        }

        const localStorageItem = localStorage.getItem(namePromptResult);
        prompt("localStorageItem:", localStorageItem);
    }

    function cleanWebsite() {
        const hostname = document.location.hostname;
        // Clear cookies
        document.cookie.split(';').forEach(cookie => {
            const [name, , domain] = cookie.trim().split(/=| |\./);
            //if (domain === document.location.hostname) {
            document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/; domain=${domain};`;
            //}
        });
        localStorage.clear();
        alert('First-party cookies, domain localStorage cleared!');
        location.reload();
    }

    function stopPropagation(event) {
        event.stopPropagation();
        event.stopImmediatePropagation && event.stopImmediatePropagation();
    }

    function findMaxZindex() {
        const zIndexes = [];
        document
            .querySelectorAll("*")
            .forEach(el => {
                const zIndex = parseInt(window.getComputedStyle(el).zIndex, 10);
                if (!isNaN(zIndex)) {
                    zIndexes.push(zIndex);
                }
            });
        return Math.max.apply(1, zIndexes);
    }


    function makeDraggable(button) {
        let isDragging = false;
        let startX, startY, startLeft, startTop;

        function onMousedown(e) {
            isDragging = true;
            startX = e.clientX;
            startY = e.clientY;
            startLeft = button.offsetLeft;
            startTop = button.offsetTop;
            document.addEventListener('mousemove', onMousemove);
            document.addEventListener('mouseup', onMouseup);
        }

        function onMousemove(e) {
            if (isDragging) {
                const dx = e.clientX - startLeft;
                const dy = e.clientY - startTop;
                moveButtonBy(dx, dy);
            }
        }

        function moveButtonBy(dx, dy) {
            button.style.transform = `translate(${dx}px, ${dy}px)`;
        }

        function onMouseup(e) {
            isDragging = false;
            startX = e.clientX;
            startY = e.clientY;
            startLeft = button.offsetLeft;
            startTop = button.offsetTop;
            document.removeEventListener('mousemove', onMousemove);
            document.removeEventListener('mouseup', onMouseup);
        }

        button.addEventListener('mousedown', onMousedown);
    }

    function createButton(text, onClick, topPercentage, styleClass) {
        const button = document.createElement('button');
        button.classList.add(styleClass);
        Object.assign(button.style, {
            position: 'fixed',
            top: `${topPercentage}%`,
            right: '-0.5rem',
            transform: 'translateY(-50%)',
            zIndex: findMaxZindex() + 1,
            transition: 'right 0.3s ease-in-out',
        });
        button.innerText = text;
        button.addEventListener('click', onClick);
        button.addEventListener('mouseenter', () => Object.assign(button.style, { right: '0' }));
        button.addEventListener('mouseleave', () => Object.assign(button.style, { right: '-0.5rem' }));
        return button;
    }

    function addButton() {
        enableCopyButton = createButton('🔓', enableTextSelection, 80, 'enable-copy-button');
        cookieButton = createButton('🍪', getCookieString, 85, 'cookie-button');
        const cleanWebsiteData = createButton('🧹', cleanWebsite, 90, 'cookie-button');

        document.body.append(enableCopyButton, cookieButton, cleanWebsiteData);
        makeDraggable(enableCopyButton);
        makeDraggable(cookieButton);
    }

    addButton();

})();