☰

BetterChatGPT

detects if chatgpt needs refresh, access to chatgpt while down, favicon based on status

当前为 2023-02-11 提交的版本，查看 最新版本。

// ==UserScript==
// @name           BetterChatGPT
// @namespace      https://github.com/optionsx
// @version        0.4
// @author         optionsx
// @description    detects if chatgpt needs refresh, access to chatgpt while down, favicon based on status
// @grant          GM.xmlHttpRequest
// @match          https://chat.openai.com/*
// @icon           https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @license MIT
// ==/UserScript==
// check out TheTerrasque extension: https://github.com/TheTerrasque/chatgpt-firefox-extension

// access while down functionality
const timedLoop = setInterval(() => {
  if (document.getElementsByClassName("text-3xl font-medium").length > 0) location.reload();
  else clearInterval(timedLoop);
}, 500);

// sessionExpired? logout? functionality
(async () => {
  try {
    const resp = await fetch("https://chat.openai.com/api/auth/session", {
      method: "GET",
    }).then((res) => {
      return res.json();
    });
    console.log(resp);
    if (resp?.error === "RefreshAccessTokenError") {
      changeFavicon("red");
      alert("Session Expired. Logging out...");
      localStorage.removeItem("__Secure-next-auth.session-token");
      location.reload();
    }
  } catch (e) {
    console.log(e);
  }
})();

// remove server-underload yellow warning functionality
let c1 = 0;
const loophole = setInterval(() => {
  try {
    console.log("toast", document.querySelector(".toast-root").dataset.state)
    console.log("c1", c1)
    if (document.querySelector(".toast-root").dataset.state) {
      changeFavicon("yellow");
      document.querySelector(".toast-root").dataset.state = "exiting";
      console.log("toast Now", document.querySelector(".toast-root").dataset.state)
      ++c1 > 3 ? clearInterval(loophole) : null;
    }
  } catch { }
}, 0);


// reload if needed functionality
const triggerPoint = document.querySelector("textarea"); // "button.absolute" for submit button
const hoverFocus = document.querySelector("div.overflow-hidden");
async function triggerFunc() {
  try {
    const resp = await fetch("https://chat.openai.com/api/auth/session", {
      method: "GET",
    }).then((res) => {
      return res.json();
    });
    console.log(resp);
    if (resp?.status === 403) {
      changeFavicon("yellow");
      location.reload();
    }
  } catch { }
}
function triggerFunc2() {
  document.querySelector("textarea").focus()
}

const status = {
  yellow:
    "https://github.com/TheTerrasque/chatgpt-firefox-extension/blob/master/resources/favicon-32x32-yellow.png?raw=true",
  green:
    "https://github.com/TheTerrasque/chatgpt-firefox-extension/blob/master/resources/favicon-32x32.png?raw=true",
  red: "https://github.com/TheTerrasque/chatgpt-firefox-extension/blob/master/resources/favicon-32x32-red.png?raw=true",
  blue: "https://github.com/TheTerrasque/chatgpt-firefox-extension/blob/master/resources/favicon-32x32-blue.png?raw=true",
};

// change favicon color functionality
const changeFavicon = color => {
  const icons = document.querySelectorAll("head link[rel='icon']");
  for (let i = 0; i < icons.length; i++) {
    icons[i].href = status[color];
  }
};

// some styling functionality
const color = ["green", "black", "white", "yellow"];
setInterval(() => {
  try {
    const randomColor = color[Math.floor(Math.random() * color.length)];
    addCss(`.text-4xl { color: ${randomColor} !important; }`) // nice color right?
    if (document.querySelector("div.px-3").childNodes.length > 1) document.querySelector("div.px-3").childNodes[1].remove() // remove blah blah blah text which don't exist in plus version
    if (document.querySelector(".text-gray-800").childElementCount > 1) document.querySelector(".text-gray-800").lastChild.remove() // unnecessary block of text
    if (document.querySelector(".text-4xl").textContent === "ChatGPT") document.querySelector(".text-4xl").textContent = 'ChadGPT' // xD
    triggerPoint.addEventListener("click", triggerFunc);
    hoverFocus.addEventListener("mousemove", triggerFunc2);
  }
  catch { }
}, 1500);
function addCss(cssString) {
  var head = document.getElementsByTagName('head')[0];
  var newCss = document.createElement('style');
  newCss.type = "text/css";
  newCss.innerHTML = cssString;
  head.appendChild(newCss);
}