gpt_utils.js

// all methods to be injected go here
var gpt = {
    ask,
    submitConversation,
    waitForReady,
    getResult,
    onReady,
    onResult,
    onSubmit,
};

var gpt_inject = inject;

async function submitConversation(text) {
    await waitForReady();
    const textarea = document.querySelector("textarea[tabindex='0']");
    const enterKeyEvent = new KeyboardEvent("keydown", {
        bubbles: true,
        cancelable: true,
        keyCode: 13,
    });
    textarea.value = text;
    textarea.dispatchEvent(enterKeyEvent);
}

async function waitForReady() {
    let chatgptReady = false;
    while (!chatgptReady) {
        await new Promise((resolve) => setTimeout(resolve, 500));
        chatgptReady = !document.querySelector(
            ".text-2xl > span:not(.invisible)"
        );
    }
}

async function getResult() {
    await waitForReady();
    var children = document.querySelectorAll(
        "#__next > div.overflow-hidden.w-full.h-full.relative.flex.z-0 > div.relative.flex.h-full.max-w-full.flex-1.overflow-hidden > div > main > div.flex-1.overflow-hidden > div > div > div > div"
    );
    var resp = children[children.length - 2].querySelector(
        "div > div:nth-child(2) > div > div"
    );
    if (children.length === 3) {
        return resp.parentElement.querySelector("div:nth-child(2) > div")
            .textContent;
    }
    return resp.textContent;
}

async function ask(prompt) {
    await submitConversation(prompt);
    var res;
    await getResult().then((result) => {
        res = result;
    });
    return res;
}

function onSubmit(callback) {
    document.addEventListener("keyup", handleKeyPress);
    var value = "";

    function handleKeyPress(event) {
        const textarea = event.target;
        if (
            textarea.tagName === "TEXTAREA" &&
            textarea.matches("[tabindex='0']")
        ) {
            if (event.keyCode === 13 && textarea.value === "") {
                callback(value);
            } else {
                value = textarea.value;
            }
        }
    }
}

function onResult(callback) {
    return new Promise((resolve) => {
        const processNextResult = async () => {
            const message = await new Promise((innerResolve) => {
                onSubmit(innerResolve);
            });

            const result = await getResult();
            callback(result);
            resolve(result);

            processNextResult();
        };

        processNextResult();
    });
}

function onReady(callback) {
    const checkReadyState = () => {
        const isReady = !document.querySelector(
            ".text-2xl > span:not(.invisible)"
        );
        if (isReady) {
            callback();
        } else {
            setTimeout(checkReadyState, 500);
        }
    };

    checkReadyState();
}

function g(str) {
    console.log(str);
}

function hi() {
    g("Hello");
}

// private/local
// Injects ChatGPT Utils
function inject() {
    window.gpt = gpt;
}