// ==UserScript==
// @name         Stuff Deanonymiser
// @namespace    https://sheehan.nz/
// @version      2024-02-07
// @description  Shows authors' and commenters' email address where available.
// @author       Jesse Sheehan
// @match        https://www.stuff.co.nz/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=www.stuff.co.nz
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';
    const log = console.log;
    const comments = [];
    let pollHandle = null;
    let commentRoot = null;

    const originalFetch = fetch;
    window.fetch = async function() {
        const response = await originalFetch.apply(this, arguments);

        const url = new URL(response.url);
        if (url.pathname === "/api/graphql" && url.hostname.includes(".coral.coralproject.net")) {
            const content = await response.json();
            response.json = function() {
                return new Promise((resolve) => resolve(content));
            };
            if (content && content.data && content.data.story && content.data.story.comments && content.data.story.comments.edges) {
                const edges = content.data.story.comments.edges;
                // log("handling edges", edges);
                handleLoadedComments(edges);
            } else {
                // log("Could not handle", content);
            }
        }

        return response;
    };

    const originalOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        this.addEventListener('load', function() {
            if (this.readyState === 4 && this.status.toString().startsWith("2")) {
                handleLoadedResource(this);
            }
        });
        originalOpen.apply(this, arguments);
    };

    window.addEventListener("load", () => {
        document.body.addEventListener("DOMNodeInserted", (event) => {
            if (event.target.nodeName === "#text" || event.target.tagName !== "DIV" || event.target.parentNode.id !== 'coral_thread') return;
            if (pollHandle === null) {
                pollHandle = setInterval(pollShadowRoot, 100);
            }

        }, false);
    });

    function handleLoadedResource(response) {
        const url = new URL(response.responseURL);
        if (/story\/[0-9]+$/.test(url.pathname)) {
            handleLoadedStory(JSON.parse(response.response));
        }
    }

    function handleLoadedStory(content) {
        const authorDetails = content.author;

        if (authorDetails.length === 0) return;

        const parentElement = document.querySelector(".stuff-box.author-names");
        parentElement.replaceChildren();
        for (let author of authorDetails) {
            const child = document.createElement("p");
            const anchor = document.createElement("a");
            anchor.href = `mailto:${author.email}`;
            anchor.innerText = `${author.name} (${author.email})`;
            child.appendChild(anchor);
            parentElement.appendChild(child);
        }
    }

    function handleLoadedComments(edges) {

        edges
            .flatMap(e => [e.node, ...e.node.allChildComments.edges.map(x => x.node)])
            .forEach(comment => comments.push(comment));
        handleCommentsUpdate();

    }

    function pollShadowRoot() {
        if (commentRoot !== null) {
            clearInterval(pollHandle);
            pollHandle = null;
            return;
        }

        const commentParent = document.getElementById("coral_thread");
        //log(commentParent);

        if (commentParent.children.length > 0 && commentParent.querySelector("div").shadowRoot) {

            const shadowRoot = commentParent.querySelector("div").shadowRoot;
            log(shadowRoot);

            let shadowRootPollInterval = setInterval(() => {
                commentRoot = shadowRoot.getElementById("coral");
                if (commentRoot) {
                    commentRoot.addEventListener("DOMNodeInserted", (event) => {
                        handleCommentsUpdate();
                    });
                    clearInterval(shadowRootPollInterval);
                }
            }, 50);

            clearInterval(pollHandle);
            pollHandle = null;
        }
    }

    function handleCommentsUpdate() {
        if (comments.length === 0 || commentRoot === null) return;

        const readyComments = comments.flatMap((comment) => {
            const selector = `#comment-${comment.id}:not([demasked])`;
            const elements = [...commentRoot.querySelectorAll(selector)];

            if (!elements.length) return [];
            return elements.map(element => ([element, comment]));
        });

        readyComments.forEach(([element, comment]) => {

            const usernameElement = element.querySelector("div[class^='Comment-username-']");

            const newChild = document.createElement("div");
            newChild.style.paddingRight = "0.5em";

            const anchor = document.createElement("a");
            if (comment.author.id.includes("@")) {
                anchor.href = "mailto:" + comment.author.id;
            }
            anchor.innerText = comment.author.id;

            newChild.appendChild(anchor);

            usernameElement.parentElement.insertBefore(newChild, usernameElement.parentElement.lastChild);
            element.setAttribute("demasked", "true");
        });

        if (comments.length > 0) {
            setTimeout(handleCommentsUpdate, 1000);
        }
    }
})();