☰

DGG Auto Image Embed (09/07/25 stable-dedupe, no-optchain)

Preview images linked in destiny.gg chat. NSFW blur, hide-link, sticky autoscroll, optional 4chan block. Stable de-duplication by (message,timestamp,href).

当前为 2025-09-07 提交的版本，查看 最新版本。

// ==UserScript==
// @name        DGG Auto Image Embed (09/07/25 stable-dedupe, no-optchain)
// @namespace   boofus
// @description Preview images linked in destiny.gg chat. NSFW blur, hide-link, sticky autoscroll, optional 4chan block. Stable de-duplication by (message,timestamp,href).
// @match       https://www.destiny.gg/embed/chat*
// @icon        https://cdn.destiny.gg/2.49.0/emotes/6296cf7e8ccd0.png
// @version     10.2.5
// @author      boofus (credits: legolas, vyneer)
// @license     MIT
// @grant       GM_xmlhttpRequest
// @run-at      document-end
// @connect     discordapp.net
// @connect     discordapp.com
// @connect     pbs.twimg.com
// @connect     polecat.me
// @connect     imgur.com
// @connect     i.imgur.com
// @connect     gyazo.com
// @connect     redd.it
// @connect     i.redd.it
// @connect     catbox.moe
// @connect     i.4cdn.org
// ==/UserScript==

(function(){
  'use strict';

  // NOTE: no 'g' flag — .test() must be stateless
  const imageRegex = /https?:\/\/(?:i\.redd\.it|redd\.it|pbs\.twimg\.com|(?:media|cdn)\.discordapp\.(?:net|com)|i\.imgur\.com|imgur\.com|gyazo\.com|polecat\.me|catbox\.moe|i\.4cdn\.org)\/[^\s"'<>]+?\.(?:png|jpe?g|gif|gifv|webp)(?:\?[^\s"'<>]*)?$/i;

  var overlay;

  // ---------------- settings ----------------
  function ConfigItem(keyName, defaultValue){ this.keyName = keyName; this.defaultValue = defaultValue; }
  var configItems = {
    BlurNSFW : new ConfigItem("BlurNSFW", true),
    HideLink : new ConfigItem("HideLink", true),
    Block4cdn: new ConfigItem("Block4cdn", true)
  };
  function Config(items, prefix){
    this._prefix = prefix;
    for (var key in items){
      (function(self, key, item){
        var priv = "#" + item.keyName;
        Object.defineProperty(self, key, {
          set: function(v){
            self[priv] = v;
            unsafeWindow.localStorage.setItem(prefix + item.keyName, JSON.stringify(v));
          },
          get: function(){
            if (typeof self[priv] === "undefined"){
              var raw = unsafeWindow.localStorage.getItem(prefix + item.keyName);
              self[priv] = raw != null ? JSON.parse(raw) : item.defaultValue;
            }
            return self[priv];
          }
        });
      })(this, key, items[key]);
    }
  }
  var config = new Config(configItems, "img-util.");

  // ---------------- helpers ----------------
  var shouldStickToBottom = true;

  function getChatEl(){
    return unsafeWindow.document.getElementsByClassName("chat-lines")[0];
  }
  function isAtBottom(el, threshold){
    if (!threshold) threshold = 2;
    return (el.scrollHeight - el.scrollTop - el.clientHeight) <= threshold;
  }
  function scrollToBottom(el){
    requestAnimationFrame(function(){ el.scrollTop = el.scrollHeight; });
  }
  function waitForElm(selector){
    return new Promise(function(resolve){
      var found = unsafeWindow.document.querySelector(selector);
      if (found) return resolve(found);
      var obs = new MutationObserver(function(){
        var el = unsafeWindow.document.querySelector(selector);
        if (el){ obs.disconnect(); resolve(el); }
      });
      obs.observe(unsafeWindow.document.body, { childList:true, subtree:true });
    });
  }
  function addSettings(){
    var area = document.querySelector("#chat-settings-form");
    if (!area){ console.warn("[DGG Img Preview] settings form not found"); return; }
    var title = document.createElement("h4"); title.textContent = "D.GG Img Preview Settings";

    function mk(labelText, keyName){
      var wrap = document.createElement("div"); wrap.className = "form-group checkbox";
      var label = document.createElement("label"); label.textContent = labelText;
      var input = document.createElement("input"); input.type = "checkbox"; input.name = keyName; input.checked = !!config[keyName];
      input.addEventListener("change", function(){ config[keyName] = input.checked; });
      label.prepend(input);
      wrap.appendChild(label);
      return wrap;
    }

    area.appendChild(title);
    area.appendChild(mk("Blur nsfw/nsfl images", "BlurNSFW"));
    area.appendChild(mk("Hide link after preview", "HideLink"));
    area.appendChild(mk("Disable 4chan (i.4cdn.org) auto-embeds", "Block4cdn"));
    console.log("[DGG Img Preview] Settings Added");
  }

  // Find the message container (direct child of .chat-lines)
  function findMessageContainer(node){
    var chatEl = getChatEl();
    var cur = node;
    while (cur && cur.parentNode && cur.parentNode !== chatEl){
      cur = cur.parentNode;
    }
    if (cur && cur.parentNode === chatEl) return cur;
    return node.parentNode || node;
  }

  // Build a stable key: timestamp + username (fallback to first chunk of text)
  function getMessageKey(container){
    var ts = "";
    var user = "";

    var timeEl = null;
    if (container && container.querySelector){
      timeEl = container.querySelector('time[data-unixtimestamp]');
    }
    if (timeEl) ts = timeEl.getAttribute('data-unixtimestamp') || "";

    if (container && container.getAttribute) user = container.getAttribute('data-username') || "";
    if (!user && container && container.querySelector){
      var uEl = container.querySelector('[data-username]');
      if (uEl && uEl.getAttribute) user = uEl.getAttribute('data-username') || "";
    }

    var fallback = "";
    if (!ts && !user){
      var txt = (container && container.textContent) ? container.textContent : "";
      fallback = txt.slice(0, 64);
    }
    return ts + "|" + user + "|" + fallback;
  }

  function hasPreviewForHref(container, href){
    if (!container || !container.querySelectorAll) return false;
    var imgs = container.querySelectorAll('img[data-dgg-preview-src], img.__dggPreview');
    for (var i=0; i<imgs.length; i++){
      var a = imgs[i].getAttribute('data-dgg-preview-src');
      if (a === href) return true;
    }
    return false;
  }

  // --------- stable global de-dupe ---------
  var processedKeys = new Set();
  var inFlight = new WeakSet();

  function handleLink(el){
    // Optional domain block
    if (config.Block4cdn && /https?:\/\/i\.4cdn\.org\//i.test(el.href)) return;
    // Direct image?
    if (!imageRegex.test(el.href)) return;

    var container = findMessageContainer(el);
    var msgKey = getMessageKey(container);
    var globalKey = msgKey + "|" + el.href;

    // If we've handled (message,href) already, skip
    if (processedKeys.has(globalKey)) return;
    processedKeys.add(globalKey);

    // If there is already a preview inside this message for this href, skip
    if (hasPreviewForHref(container, el.href)){
      if (config.HideLink && el.parentNode) el.parentNode.removeChild(el);
      return;
    }

    // Link-level flags
    if (el.dataset && el.dataset.dggPreviewed === "1") return;
    if (inFlight.has(el)) return;
    if (el.dataset) el.dataset.dggPreviewed = "1";
    inFlight.add(el);

    GM_xmlhttpRequest({
      method: "GET",
      url: el.href,
      responseType: "blob",
      onload: function(res){
        var reader = new FileReader();
        reader.readAsDataURL(res.response);
        reader.onloadend = function(){
          var base64 = reader.result;

          // Re-check just before append (covers very fast remounts)
          if (hasPreviewForHref(container, el.href)){
            if (config.HideLink && el.parentNode) el.parentNode.removeChild(el);
            inFlight.delete(el);
            return;
          }

          var img = unsafeWindow.document.createElement("img");
          img.src = base64;
          img.setAttribute("data-dgg-preview-src", el.href);
          img.className = "__dggPreview";
          img.style.maxHeight = "300px";
          img.style.maxWidth  = "300px";
          img.style.marginLeft = "5px";
          img.style.marginBottom= "10px";
          img.style.marginTop   = "10px";
          img.style.display     = "block";
          img.style.cursor      = "pointer";

          var blurred = false;
          if (config.BlurNSFW && ((el.className && el.className.indexOf("nsfw") !== -1) || (el.className && el.className.indexOf("nsfl") !== -1))){
            img.style.filter = "blur(15px)";
            blurred = true;
          }

          img.onclick = function(){
            if (blurred){
              img.style.filter = "blur(0px)";
              blurred = false;
            } else {
              overlay.style.display = "flex";
              var full = unsafeWindow.document.createElement("img");
              full.src = base64;
              full.style.maxHeight = "70%";
              full.style.maxWidth  = "70%";
              full.style.display   = "block";
              full.style.position  = "relative";
              overlay.appendChild(full);

              var open = document.createElement("a");
              open.href = el.href;
              open.textContent = "Open Original";
              open.target = "_blank";
              open.style.marginTop = "5px";
              open.style.color = "#999";
              overlay.appendChild(open);
            }
          };

          var chatEl = getChatEl();
          function onReady(){
            if (shouldStickToBottom){
              requestAnimationFrame(function(){ chatEl.scrollTop = chatEl.scrollHeight; });
            }
          }

          if (typeof img.decode === "function"){
            img.decode().then(onReady).catch(onReady);
          } else {
            img.addEventListener("load", onReady, { once:true });
            img.addEventListener("error", onReady, { once:true });
          }

          if (el.parentNode){
            el.parentNode.appendChild(img);
            if (config.HideLink) el.parentNode.removeChild(el);
          }
          inFlight.delete(el);
        };
      }
    });
  }

  var chatObserver = new MutationObserver(function(mutations){
    for (var mi=0; mi<mutations.length; mi++){
      var m = mutations[mi];
      for (var ni=0; ni<m.addedNodes.length; ni++){
        var n = m.addedNodes[ni];
        if (!n || n.nodeType !== 1) continue; // ELEMENT_NODE
        if (!n.querySelectorAll) continue;
        // Only unprocessed anchors (data flag avoids immediate re-hits)
        var links = n.querySelectorAll('.externallink:not([data-dgg-previewed="1"])');
        for (var i=0; i<links.length; i++){
          handleLink(links[i]);
        }
      }
    }
  });

  // ---- bootstrap ----
  console.log("[DGG Img Preview] Connecting");
  waitForElm(".chat-lines").then(function(chatEl){
    // Overlay
    overlay = document.createElement("div");
    overlay.style.position = "fixed";
    overlay.style.justifyContent = "center";
    overlay.style.alignItems = "center";
    overlay.style.inset = "0px";
    overlay.style.margin = "0px";
    overlay.style.background = "rgba(0,0,0,0.85)";
    overlay.style.zIndex = "999";
    overlay.style.height = "100%";
    overlay.style.width = "100%";
    overlay.style.display = "none";
    overlay.style.flexDirection = "column";
    overlay.onclick = function(){ overlay.style.display = "none"; overlay.innerHTML = ""; };
    document.body.appendChild(overlay);

    // Sticky-bottom engine
    shouldStickToBottom = isAtBottom(chatEl);
    chatEl.addEventListener("scroll", function(){ shouldStickToBottom = isAtBottom(chatEl); }, { passive:true });

    var ro = new ResizeObserver(function(){ if (shouldStickToBottom) scrollToBottom(chatEl); });
    ro.observe(chatEl);

    chatObserver.observe(chatEl, { attributes:false, childList:true, characterData:false, subtree:true });

    console.log("[DGG Img Preview] Connected");
    console.log("[DGG Img Preview] Adding Settings");
    addSettings();
  });
})();