dont_give_slop_a_chance.user.js

// ==UserScript==
// @name         Kill AI overviews (JP)
// @namespace    https://github.com/dropout-zzz/userscript_rm_google_ai_digest
// @version      0.0.0
// @author       ChatGPT
// @description  return clean exp when looking up jpn word on Google
// @match        https://www.google.com/search?*
// @match        https://ipv4.google.com/search?*
// @match        https://ipv6.google.com/search?*
// @match        https://www.google.co.jp/search?*
// @match        https://ipv6.google.co.jp/search?*
// @run-at       document-start
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

(function () {
  "use strict";

  // the highlighted text
  const markReLight = /^linear-gradient\(90deg, rgb\(211, 227, 253\) 50%, rgba\(0, 0, 0, 0\) 50%\) \d{1,2}(\.\d+)?% 0px \/ 200% 100% no-repeat$/;
  const markReDark = /^linear-gradient\(90deg, rgb\(33, 61, 160\) 50%, rgba\(0, 0, 0, 0\) 50%\) \d{1,2}(\.\d+)?% 0px \/ 200% 100% no-repeat$/;
  const markChromeLight = /^rgba\(0, 0, 0, 0\) linear-gradient\(90deg, rgb\(211, 227, 253\) 50%, rgba\(0, 0, 0, 0\) 50%\) no-repeat scroll \d{1,2}(\.\d+)?% 0px \/ 200% 100% padding-box border-box$/;
  const markChromeDark = /^rgba\(0, 0, 0, 0\) linear-gradient\(90deg, rgb\(33, 61, 160\) 50%, rgba\(0, 0, 0, 0\) 50%\) no-repeat scroll \d{1,2}(\.\d+)?% 0px \/ 200% 100% padding-box border-box$/;

  // the ✦ icon
  const pathD = "M235.5 471C235.5 438.423 229.22 407.807 216.66 379.155C204.492 350.503 187.811 325.579 166.616 304.384C145.421 283.189 120.498 266.508 91.845 254.34C63.1925 241.78 32.5775 235.5 0 235.5C32.5775 235.5 63.1925 229.416 91.845 217.249C120.498 204.689 145.421 187.811 166.616 166.616C187.811 145.421 204.492 120.497 216.66 91.845C229.22 63.1925 235.5 32.5775 235.5 0C235.5 32.5775 241.584 63.1925 253.751 91.845C266.311 120.497 283.189 145.421 304.384 166.616C325.579 187.811 350.503 204.689 379.155 217.249C407.807 229.416 438.423 235.5 471 235.5C438.423 235.5 407.807 241.78 379.155 254.34C350.503 266.508 325.579 283.189 304.384 304.384C283.189 325.579 266.311 350.503 253.751 379.155C241.584 407.807 235.5 438.423 235.5 471Z";

  // bg of the ✦ icon
  const fillLight = "rgb(49, 121, 237)";
  const fillDark = "rgb(122, 172, 255)";

  function isVisible(el) {
    if (!el) return false;

    const r = el.getBoundingClientRect();
    if (r.width === 0 || r.height === 0) return false;

    return true;
  }

  const isChrome = navigator.userAgent.includes("Safari");

  function getMarkInternal(tagname) {
    const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
    const list = document.getElementsByTagName(tagname);
    for (let i = 0; i < list.length; i++) {
      const el = list[i];

      // i think site tries to add it back but failed,
      // without this we trigger false positive alert.
      if (!isVisible(el)) continue;

      const bg = getComputedStyle(el).background;
      if (
        (!isChrome && !isDark && markReLight.test(bg)) ||
        (!isChrome && isDark && markReDark.test(bg)) ||
        (isChrome && !isDark && markChromeLight.test(bg)) ||
        (isChrome && isDark && markChromeDark.test(bg))
      ) {
        return el;
      }
    }
    return null;
  }

  function getMark() {
    let el = getMarkInternal("mark");
    if (!el) {
      el = getMarkInternal("b");
    }
    return el;
  }

  function hasToken(str, tok) {
    const parts = str.split(/\s+/);
    for (let i = 0; i < parts.length; i++) {
      if (parts[i] === tok) return true;
    }
    return false;
  }

  function hasParent(el, tag) {
    let p = el.parentElement;
    while (p) {
      if (p.tagName === tag) return true;
      p = p.parentElement;
    }
    return false;
  }

  function getSpecialLink() {
    const list = document.getElementsByTagName("a");
    for (let i = 0; i < list.length; i++) {
      const a = list[i];

      if (!hasParent(a, "STRONG")) continue;

      const cs = getComputedStyle(a);

      if (!hasToken(cs.textDecorationLine, "underline")) continue;
      if (cs.textDecorationStyle !== "dotted") continue;
      if (cs.textDecorationThickness !== "8%") continue;

      return a;
    }
    return null;
  }

  function findDivText(txt) {
    const all = document.getElementsByTagName("div");
    for (let i = 0; i < all.length; i++) {
      const el = all[i];

      if (all[i].textContent !== txt) {
        continue;
      }

      if (!isVisible(el)) {
        continue;
      }

      return el;
    }
    return null;
  }

  function getIcon() {
    const svgs = document.getElementsByTagName("svg");
    for (let i = 0; i < svgs.length; i++) {
      const s = svgs[i];

      if (s.getAttribute("width") !== "24" || s.getAttribute("height") !== "24") {
        continue;
      }

      const children = s.children;
      for (let j = 0; j < children.length; j++) {
        const p = children[j];

        if (p.tagName !== "path") continue;
        if (p.getAttribute("d") !== pathD) continue;

        const fill = getComputedStyle(p).fill;
        if (fill !== fillLight && fill !== fillDark) continue;

        return s;
      }
    }
    return null;
  }

  function getMoreBtn() {
    const list = document.getElementsByTagName("div");
    for (let i = 0; i < list.length; i++) {
      const el = list[i];

      if (el.getAttribute("role") !== "button") continue;
      if (el.textContent !== "もっと見る") continue;
      if (el.getAttribute("aria-label") !== "その他の AI による概要を表示") continue;

      return el;
    }
    return null;
  }

  function findCommonParent(a, b) {
    let p = a;
    while (p) {
      if (p.contains(b)) { return p; }
      p = p.parentElement;
    }
    return null;
  }

  let hidden = false;

  function setPageHidden(v) {
    if (!document.documentElement) return;

    if (v === hidden) return;
    hidden = v;

    const el = document.documentElement;

    // smooth animation
    el.style.transition = "opacity 0.25s ease-in-out";

    if (v) {
      el.style.opacity = "0";
    } else {
      setTimeout(() => {
        el.style.opacity = "";
      }, 1500); // add small delay to prevent bad flickering
    }
  }

  function loadStat() {
    return GM_getValue("stat", {
      total: 0,
      main: 0,
      fallback: 0
    });
  }

  function saveStat(s) {
    GM_setValue("stat", s);
  }

  function bump(kind) {
    const s = loadStat();

    s.total++;

    if (kind === "main") s.main++;
    if (kind === "fallback") s.fallback++;

    // check every 50 successful runs
    if (s.total >= 50) {
      if (s.main === 0) {
        alert("dropout: fallback used but main never touched");
      }

      // reset
      s.total = 0;
      s.main = 0;
      s.fallback = 0;
    }

    saveStat(s);
  }

  function tryRemove() {
    let m = getMark();
    const b = getMoreBtn();
    const t = findDivText('AI による概要');
    const i = getIcon();

    if (!m) {
      m = getSpecialLink();
    }

    if (b && i) {
      m = b;
    }

    // main path
    if (m && t) {
      const p = findCommonParent(m, t);
      if (p) {
        p.remove();
        setPageHidden(false);
        bump("main");
        return;
      }
    }

    // fallback path

    const disclaimerTexts = [
      'AI は不正確な情報を表示することがあるため、生成された回答を再確認するようにしてください',
      'これは情報提供のみを目的としています。医学的なアドバイスや診断については、専門家にご相談ください。AI の回答には間違いが含まれている場合があります。 詳細',
      'AI の回答には間違いが含まれている場合があります。法的なアドバイスについては、専門家にご相談ください。 詳細',
      'AI の回答には間違いが含まれている場合があります。金融に関するアドバイスについては、専門家にご相談ください。 詳細'
    ];

    let w = null;
    for (let j = 0; j < disclaimerTexts.length; j++) {
      w = findDivText(disclaimerTexts[j]);
      if (w) break;
    }

    if (t && w) {
      const p = findCommonParent(t, w);
      if (p) {
        p.remove();
        setPageHidden(false);
        bump("fallback");
        return;
      }
    }

    // disclaimer text is loaded much later,
    // this prevent showing slop before we can remove it.
    //
    // also, google sometimes show the title but later realizes no
    // overview available and hides it again, this should handle the case.
    setPageHidden(isVisible(t));
  }

  function startObs() {
    const obs = new MutationObserver(() => {
      tryRemove();
    });

    obs.observe(document, {
      childList: true,
      subtree: true
    });
  }

  // run once at start
  tryRemove();

  // then keep watching
  startObs();
})();