r/place 2023 puck overlay

2023-puck.user.js

// ==UserScript==
// @name         PUCK template 2023
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  try to take over the canvas!
// @author       Ruukas, clark, Rhys, huspaherzu, ???
// @match        https://garlic-bread.reddit.com/embed*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=reddit.com
// @grant        none
// ==/UserScript==
let overlay = null;

if (window.top !== window.self) {
    window.addEventListener('load', () => {
        const shadowRoot = document.getElementsByTagName("garlic-bread-embed")[0].shadowRoot.children[0];

        function toggle(){
            const parent = shadowRoot.getElementsByTagName("garlic-bread-canvas")[0].shadowRoot.children[0];
            if(overlay === null){
                overlay = parent.appendChild((
                    function () {
                        const i = document.createElement("img");
                        i.src = "https://i.imgur.com/0LvHYLX.png";
                        i.style = "position: absolute;left: 0;top: 0;image-rendering: pixelated;width: 1000px;height: 1000px;";
                        console.log(i);
                        return i;
                    }
                )());
            }
            else{
                parent.removeChild(overlay);
                overlay = null;
            }
        }

        toggle();

        shadowRoot.appendChild((
            function () {
                const button = document.createElement("button");
                button.innerText = "Toggle overlay";
                button.onclick = toggle;
                button.style = "position: absolute;left: 5px;top: 100px;";
                console.log(button);
                return button;
            }
        )());
    }, false);
}