☰

JanitorAI Improvements: Tokens+Proxy/Definition check+Custom emojis...

Adds a smart context-sensitive UI to JanitorAI, featuring: advanced token filter, persistent auto-pagination, proxy/definition checker, context-dependent menu (full controls on main, compact emoji menu on chat), animated emoji for 'replying...', and toggles in the settings panel to show/hide proxy & definition icons or change opacity of cards.

// ==UserScript==
// @name         JanitorAI Improvements: Tokens+Proxy/Definition check+Custom emojis...
// @namespace    http://tampermonkey.net/
// @version      2025.09.20.3
// @author       WolfgangNoir
// @description  Adds a smart context-sensitive UI to JanitorAI, featuring: advanced token filter, persistent auto-pagination, proxy/definition checker, context-dependent menu (full controls on main, compact emoji menu on chat), animated emoji for 'replying...', and toggles in the settings panel to show/hide proxy & definition icons or change opacity of cards.
// @match        https://janitorai.com/*
// @grant        GM_getValue
// @grant        GM_setValue
// @icon         https://files.catbox.moe/jer5m2.png
// ==/UserScript==

(function () {
  'use strict';
  if (location.pathname === '/my_characters') return;

  // -- PERSISTENT USER OPTION UTILS --
  function getProxyCheckEnabled() {
    return typeof GM_getValue !== "undefined" ? GM_getValue("proxyCheckEnabled", true) : true;
  }
  function setProxyCheckEnabled(val) {
    if (typeof GM_setValue !== "undefined") GM_setValue("proxyCheckEnabled", !!val);
  }
  function getDefinitionCheckEnabled() {
    return typeof GM_getValue !== "undefined" ? GM_getValue("defCheckEnabled", true) : true;
  }
  function setDefinitionCheckEnabled(val) {
    if (typeof GM_setValue !== "undefined") GM_setValue("defCheckEnabled", !!val);
  }
  function getHideOnBadProxy() {
    return typeof GM_getValue !== "undefined" ? GM_getValue("hideOnBadProxy", false) : false;
  }
  function setHideOnBadProxy(val) {
    if (typeof GM_setValue !== "undefined") GM_setValue("hideOnBadProxy", !!val);
  }
  function getHideOnHiddenDef() {
    return typeof GM_getValue !== "undefined" ? GM_getValue("hideOnHiddenDef", false) : false;
  }
  function setHideOnHiddenDef(val) {
    if (typeof GM_setValue !== "undefined") GM_setValue("hideOnHiddenDef", !!val);
  }
  function getAnimatedEmoji() {
    return typeof GM_getValue !== "undefined" ? GM_getValue("animatedEmoji", "🦈") : "🦈";
  }
  function setAnimatedEmoji(emoji) {
    if (typeof GM_setValue !== "undefined" && emoji.length > 0) GM_setValue("animatedEmoji", emoji);
  }
  function getEmojiMenuEnabled() {
    if (typeof GM_getValue !== "undefined") {
      return GM_getValue("emojiMenuEnabled", true);
    }
    return true;
  }
  function setEmojiMenuEnabled(val) {
    if (typeof GM_setValue !== "undefined") {
      GM_setValue("emojiMenuEnabled", !!val);
    }
  }

  // ------------- MINI-EMOJI-MENU EN CHAT -------------
  function insertEmojiOnlyMenuToggleable() {
    if (!getEmojiMenuEnabled()) {
      const panel = document.getElementById('janitorai-emoji-only-ui');
      if (panel) panel.remove();
      const btn = document.getElementById('janitorai-emoji-toggle-btn');
      if (btn) btn.remove();
      return;
    }
    if (document.getElementById('janitorai-emoji-toggle-btn')) return;
    const toggleBtn = document.createElement('button');
    toggleBtn.id = 'janitorai-emoji-toggle-btn';
    toggleBtn.title = 'Show/Hide emoji selector';
    toggleBtn.style.position = 'fixed';
    toggleBtn.style.top = '75px';
    toggleBtn.style.left = '10px';
    toggleBtn.style.zIndex = '100001';
    toggleBtn.style.width = '32px';
    toggleBtn.style.height = '32px';
    toggleBtn.style.fontSize = '22px';
    toggleBtn.style.background = 'rgba(48,48,48,0.92)';
    toggleBtn.style.border = 'none';
    toggleBtn.style.borderRadius = '50%';
    toggleBtn.style.display = 'flex';
    toggleBtn.style.alignItems = 'center';
    toggleBtn.style.justifyContent = 'center';
    toggleBtn.style.cursor = 'pointer';
    toggleBtn.style.boxShadow = '0 2px 8px #0007';
    toggleBtn.textContent = '👀';
    if (!document.getElementById('janitorai-emoji-only-ui')) {
      const container = document.createElement('div');
      container.id = "janitorai-emoji-only-ui";
      container.style.position = 'fixed';
      container.style.top = '118px';
      container.style.left = '10px';
      container.style.zIndex = '99999';
      container.style.background = 'rgba(40,40,60,0.98)';
      container.style.padding = '14px 18px';
      container.style.borderRadius = '14px';
      container.style.fontFamily = 'sans-serif';
      container.style.fontSize = '15px';
      container.style.color = '#fff';
      container.style.boxShadow = '0 2px 12px #111a';
      container.style.display = 'none';
      container.innerHTML = `
        <div style="margin-bottom:3px;"><b>Custom emoji for "replying..."</b></div>
        <input id="janitorai-emoji-input" type="text" maxlength="2" value="${getAnimatedEmoji()}" style="width:38px; text-align:center; font-size:18px;">
        <button id="janitorai-emoji-save" style="margin-left:5px;">Save emoji</button>
        <span style="font-size:12px;color:#aaa;">Will take effect instantly.</span>
      `;
      document.body.appendChild(container);
      document.getElementById('janitorai-emoji-save').onclick = function () {
        const em = document.getElementById('janitorai-emoji-input').value.trim();
        if (em.length > 0) {
          setAnimatedEmoji(em);
          alert("Emoji saved: " + em);
        } else {
          alert("Please enter a valid emoji.");
        }
      };
    }
    document.body.appendChild(toggleBtn);
    toggleBtn.onclick = function () {
      const panel = document.getElementById('janitorai-emoji-only-ui');
      if (panel) {
        panel.style.display = (panel.style.display === 'none') ? '' : 'none';
      }
    };
  }

  // ---------- MENÚ AVANZADO, TOKEN, PROXY, DEF HIDE, ETC ----------
  const TOKEN_FILTER_KEY = 'janitorAITokenFilter';
  const MENU_VISIBLE_KEY = 'janitorAIMenuVisible';
  const PAGINATION_KEY = 'janitorAIPaginationOn';
  const DEFAULT_MIN_TOKENS = 500;
  let minTokens = parseInt(localStorage.getItem(TOKEN_FILTER_KEY), 10) || DEFAULT_MIN_TOKENS;
  let paginationEnabled = localStorage.getItem(PAGINATION_KEY) === 'true';
  let controlPanel = null;
  function insertUI() {
    if (!document.body) return setTimeout(insertUI, 300);
    if (!document.getElementById('janitor-control-panel')) {
      controlPanel = document.createElement('div');
      controlPanel.id = 'janitor-control-panel';
      Object.assign(controlPanel.style, {
        position: 'fixed',
        top: '75px',
        left: '10px',
        zIndex: '100000',
        display: 'flex',
        flexDirection: 'column',
        gap: '5px',
        alignItems: 'flex-start'
      });
      const settingsButton = document.createElement('button');
      settingsButton.id = 'token-filter-toggle';
      settingsButton.textContent = '🛠️';
      Object.assign(settingsButton.style, {
        width: '30px',
        height: '30px',
        padding: '0',
        backgroundColor: 'rgba(74, 74, 74, 0.7)',
        color: '#fff',
        border: 'none',
        borderRadius: '5px',
        cursor: 'pointer',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        fontSize: '16px',
        transition: 'background-color 0.2s'
      });
      settingsButton.title = 'Show/hide advanced menu';
      settingsButton.onclick = function () {
        const menu = document.getElementById('janitorai-enhanced-ui');
        if (menu) {
          menu.style.display = menu.style.display === 'none' ? '' : 'none';
          localStorage.setItem(MENU_VISIBLE_KEY, menu.style.display !== 'none');
        }
      };
      controlPanel.appendChild(settingsButton);
      document.body.appendChild(controlPanel);
    }
    if (document.getElementById('janitorai-enhanced-ui')) return;
    const container = document.createElement('div');
    container.id = "janitorai-enhanced-ui";
    container.style.position = 'fixed';
    container.style.top = '38px';
    container.style.left = '50px';
    container.style.zIndex = '99999';
    container.style.background = 'rgba(40,40,60,0.98)';
    container.style.padding = '14px 18px';
    container.style.borderRadius = '14px';
    container.style.fontFamily = 'sans-serif';
    container.style.fontSize = '15px';
    container.style.color = '#fff';
    container.style.boxShadow = '0 2px 12px #111a';
    container.style.display = localStorage.getItem(MENU_VISIBLE_KEY) === 'true' ? '' : 'none';
    container.innerHTML =
      `<b>JanitorAI Improvements:</b><br/>` +
      `<label style="display:flex;align-items:center;margin-bottom:3px;">
        <input type="checkbox" id="janitorai-proxy-toggle-checkbox" style="margin-right:6px;" ${getProxyCheckEnabled() ? "checked" : ""}>
        Enable proxy status icon
      </label>` +
      `<label style="display:flex;align-items:center;margin-bottom:10px;">
        <input type="checkbox" id="janitorai-def-toggle-checkbox" style="margin-right:6px;" ${getDefinitionCheckEnabled() ? "checked" : ""}>
        Enable definition status icon
      </label>` +
      `<label style="display:flex;align-items:center;margin-bottom:3px;">
        <input type="checkbox" id="janitorai-hide-proxy-checkbox" style="margin-right:6px;" ${getHideOnBadProxy() ? "checked" : ""}>
        Change opacity if proxy is not allowed
      </label>` +
      `<label style="display:flex;align-items:center;margin-bottom:10px;">
        <input type="checkbox" id="janitorai-hide-def-checkbox" style="margin-right:6px;" ${getHideOnHiddenDef() ? "checked" : ""}>
        Change opacity if definition is hidden
      </label>` +
      `Min tokens:
      <input id="janitorai-token-input" type="number" value="${minTokens}" style="width:80px;">
      <button id="janitorai-token-save">Filter</button>
      <hr style="margin:8px 0;">
      <button id="janitorai-toggle-pagination">Auto-pagination: <span id="janitorai-pagination-state">${paginationEnabled ? 'ON' : 'OFF'}</span></button>
      <hr style="margin:8px 0;">
      <label style="display:flex;align-items:center;margin-bottom:7px;">
        <input type="checkbox" id="janitorai-emoji-toggle-checkbox" style="margin-right:6px;" ${getEmojiMenuEnabled() ? "checked" : ""}>
        Show emoji menu 👀 in chat page:
      </label>
      <div style="margin-bottom:3px;"><b>Custom emoji for "replying..."</b></div>
      <input id="janitorai-emoji-input" type="text" maxlength="2" value="${getAnimatedEmoji()}" style="width:38px; text-align:center; font-size:18px;">
      <button id="janitorai-emoji-save" style="margin-left:5px;">Save emoji</button>
      <span style="font-size:12px;color:#aaa;">Will take effect instantly.</span>
    `;
    document.body.appendChild(container);
    document.getElementById('janitorai-proxy-toggle-checkbox').onchange = function(e) {
      setProxyCheckEnabled(e.target.checked);
      document.querySelectorAll('.proxy-status-icon').forEach(ic => ic.remove());
      document.querySelectorAll('.profile-character-card-stack-link-component').forEach(card => card.removeAttribute('custom-icons-checked'));
    };
    document.getElementById('janitorai-def-toggle-checkbox').onchange = function(e) {
      setDefinitionCheckEnabled(e.target.checked);
      document.querySelectorAll('.definition-status-icon').forEach(ic => ic.remove());
      document.querySelectorAll('.profile-character-card-stack-link-component').forEach(card => card.removeAttribute('custom-icons-checked'));
    };
    document.getElementById('janitorai-hide-proxy-checkbox').onchange = function(e) {
      setHideOnBadProxy(e.target.checked);
      document.querySelectorAll('.profile-character-card-stack-link-component').forEach(card => card.removeAttribute('custom-icons-checked'));
    };
    document.getElementById('janitorai-hide-def-checkbox').onchange = function(e) {
      setHideOnHiddenDef(e.target.checked);
      document.querySelectorAll('.profile-character-card-stack-link-component').forEach(card => card.removeAttribute('custom-icons-checked'));
    };
    document.getElementById('janitorai-token-save').onclick = function () {
      const value = parseInt(document.getElementById('janitorai-token-input').value, 10);
      minTokens = isNaN(value) ? DEFAULT_MIN_TOKENS : value;
      localStorage.setItem(TOKEN_FILTER_KEY, minTokens);
      filterCards();
    };
    document.getElementById('janitorai-toggle-pagination').onclick = function () {
      paginationEnabled = !paginationEnabled;
      document.getElementById('janitorai-pagination-state').innerText = paginationEnabled ? "ON" : "OFF";
      localStorage.setItem(PAGINATION_KEY, paginationEnabled);
    };
    document.getElementById('janitorai-emoji-save').onclick = function () {
      const em = document.getElementById('janitorai-emoji-input').value.trim();
      if (em.length > 0) {
        setAnimatedEmoji(em);
        alert("Emoji saved: " + em);
      } else {
        alert("Please enter a valid emoji.");
      }
    };
    document.getElementById('janitorai-emoji-toggle-checkbox').onchange = function (e) {
      setEmojiMenuEnabled(e.target.checked);
      if (location.pathname.startsWith('/chats')) location.reload();
    };
  }
  function parseTokens(cardElement) {
    const tokenSpan = cardElement.querySelector(".chakra-text.pp-cc-tokens-count.profile-character-card-tokens-count");
    if (tokenSpan) {
      const raw = tokenSpan.textContent.replace(/\s+tokens?/i, '').trim();
      let tokens;
      if (raw.endsWith('k')) {
        tokens = parseFloat(raw) * 1000;
      } else {
        tokens = parseInt(raw.replace(/\D/g, ''), 10);
      }
      return tokens;
    }
    return null;
  }
  function filterCards() {
    const cards = document.querySelectorAll('.pp-cc-wrapper.profile-character-card-wrapper');
    cards.forEach(card => {
      const tokens = parseTokens(card);
      card.style.display = (tokens !== null && tokens >= minTokens) ? '' : 'none';
    });
  }

  // ---- AUTO PAGINACIÓN ----
  (function() {
    let isNavigating = false;
    let scrollCount = 0;
    const requiredScrolls = 3;
    const pageDelay = 2000;
    function isAtVeryBottom() {
      const scrollPosition = window.scrollY + window.innerHeight;
      const pageHeight = document.documentElement.scrollHeight;
      return pageHeight - scrollPosition <= 1;
    }
    function getNextPageElement() {
      return document.querySelector('button[aria-label="Next Page"]:not([disabled]),button.profile-pagination-next-button:not([disabled])');
    }
    window.addEventListener('wheel', function(event) {
      if (!paginationEnabled || isNavigating) return;
      if (event.deltaY > 0 && isAtVeryBottom()) {
        scrollCount++;
        if (scrollCount >= requiredScrolls) {
          const nextPage = getNextPageElement();
          if (nextPage) {
            isNavigating = true;
            nextPage.click();
            setTimeout(() => {
              isNavigating = false;
              scrollCount = 0;
            }, pageDelay);
          }
        }
      } else if (!isAtVeryBottom()) {
        scrollCount = 0;
      }
    }, { passive: true });
  })();

  const observerDom = new MutationObserver(() => {
    insertUI();
    filterCards();
  });

  // == PROXY + DEFINITION STATUS ICONS + OPACITY BEHAVIOR ==
  const proxyAllowedForKey = "paf_cache_";
  async function proxyAllowedFor(characterURL) {
    const key = proxyAllowedForKey + characterURL;
    const cache = typeof GM_getValue === "function" ? GM_getValue(key) : null;
    if (cache) {
      const { allowed, timestamp } = JSON.parse(cache);
      if (Date.now() - timestamp < 86400000) {
        return { allowed: allowed, cached: true };
      }
    }
    const response = await fetch(characterURL);
    const page = await response.text();
    const allowed = page.includes("<div>proxy allowed</div>");
    if(typeof GM_setValue === "function") {
      GM_setValue(key, JSON.stringify({ allowed: allowed, timestamp: Date.now() }));
    }
    return { allowed: allowed, cached: false };
  }
  async function definitionIsHidden(characterURL) {
    try {
      const response = await fetch(characterURL);
      const html = await response.text();
      const parser = new DOMParser();
      const doc = parser.parseFromString(html, "text/html");
      const elements = doc.querySelectorAll('h4, div, span');
      for (let el of elements) {
        if (el.textContent && el.textContent.includes("Character Definition is hidden")) {
          return true;
        }
      }
      return false;
    } catch (e) {
      return false;
    }
  }
  setInterval(async function () {
    if (location.pathname.startsWith('/chats')) return;
    const hideOnBadProxy = getHideOnBadProxy();
    const hideOnHiddenDef = getHideOnHiddenDef();
    const showProxy = getProxyCheckEnabled();
    const showDef = getDefinitionCheckEnabled();
    const characterCardElements = [...document.querySelectorAll(".profile-character-card-stack-link-component")];
    for (let i = 0; i < characterCardElements.length; i++) {
      const element = characterCardElements[i];
      if (!document.body.contains(element)) continue;
      if (!element.getAttribute("custom-icons-checked")) {
        element.setAttribute("custom-icons-checked", "yes");
        const cardWrapper = element.parentElement.parentElement;
        const titleElement = element.children[0] && element.children[0].children[0];
        let proxyRes = { allowed: true };
        let defRes = false;
        if (showProxy || hideOnBadProxy) proxyRes = await proxyAllowedFor(element.href);
        if (showDef || hideOnHiddenDef) defRes = await definitionIsHidden(element.href);
        let faded = false;
        if (hideOnBadProxy && !proxyRes.allowed) faded = true;
        if (hideOnHiddenDef && defRes) faded = true;
        if (cardWrapper) {
          cardWrapper.style.opacity = faded ? 0.25 : 1;
          cardWrapper.style.pointerEvents = faded ? "none" : "";
        }
        ['proxy-status-icon','definition-status-icon'].forEach(cls => {
          const old = titleElement && titleElement.querySelector('.'+cls);
          if (old) old.remove();
        });
        if (showDef) {
          const defIcon = document.createElement('span');
          defIcon.className = 'definition-status-icon';
          defIcon.style.marginRight = "6px";
          defIcon.style.fontSize = "1.2em";
          defIcon.textContent = defRes ? "❌" : "✅";
          defIcon.title = defRes ? "Definition is hidden" : "Definition visible";
          if (titleElement && titleElement.firstChild) titleElement.insertBefore(defIcon, titleElement.firstChild);
          else if (titleElement) titleElement.appendChild(defIcon);
        }
        if (showProxy) {
          const proxyIcon = document.createElement('span');
          proxyIcon.className = 'proxy-status-icon';
          proxyIcon.style.marginRight = "6px";
          proxyIcon.style.fontSize = "1.2em";
          proxyIcon.textContent = proxyRes.allowed ? "🟢" : "🔴";
          proxyIcon.title = proxyRes.allowed ? "Proxy OK" : "Proxy not allowed";
          if (titleElement && titleElement.firstChild) titleElement.insertBefore(proxyIcon, titleElement.firstChild);
          else if (titleElement) titleElement.appendChild(proxyIcon);
        }
      }
    }
  }, 2500);

  // ----------- CONTROLADOR DE NAVEGACIÓN SPA -----------
  let lastLocation = location.pathname;
  setInterval(() => {
    if (location.pathname !== lastLocation) {
      lastLocation = location.pathname;
      onPageChange();
    }
  }, 400);

  function onPageChange() {
    document.getElementById('janitor-control-panel')?.remove();
    document.getElementById('janitorai-enhanced-ui')?.remove();
    document.getElementById('janitorai-emoji-toggle-btn')?.remove();
    document.getElementById('janitorai-emoji-only-ui')?.remove();

    if (location.pathname.startsWith('/chats')) {
      insertEmojiOnlyMenuToggleable();
    } else {
      insertUI();
      filterCards();
      observerDom.observe(document.body, {childList: true, subtree: true});
    }
  }

  // --------- EMOJI REPLYING OVERLAY ---------
  (() => {
    const ANIMATION_FRAMES = () => {
      const emoji = getAnimatedEmoji();
      return [
        emoji,
        emoji + emoji,
        emoji + emoji + emoji
      ];
    };
    const FRAME_INTERVAL = 500;
    const seenContainers = new WeakSet();
    function createEmojiOverlay(p) {
      if (p.dataset.emojiOverlayAttached) return;
      let parent = p.parentElement;
      while (parent && getComputedStyle(parent).position === 'static') parent = parent.parentElement;
      if (!parent) return;
      if (getComputedStyle(parent).position === 'static') parent.style.position = 'relative';
      const overlay = document.createElement('div');
      overlay.style.position = 'absolute';
      overlay.style.pointerEvents = 'none';
      overlay.style.left = `${p.offsetLeft}px`;
      overlay.style.top = `${p.offsetTop}px`;
      overlay.style.font = getComputedStyle(p).font;
      overlay.style.color = getComputedStyle(p).color;
      overlay.style.zIndex = '9999';
      overlay.style.whiteSpace = 'pre';
      const shadow = overlay.attachShadow({ mode: 'open' });
      const span = document.createElement('span');
      shadow.appendChild(span);
      let frameIndex = 0;
      const interval = setInterval(() => {
        if (!document.body.contains(p)) {
          clearInterval(interval);
          overlay.remove();
          return;
        }
        if (!/^replying/i.test(p.innerText.trim())) {
          clearInterval(interval);
          overlay.remove();
          p.removeAttribute('data-emoji-overlay-attached');
          p.style.opacity = '';
          return;
        }
        span.textContent = ANIMATION_FRAMES()[frameIndex++ % ANIMATION_FRAMES().length];
      }, FRAME_INTERVAL);
      parent.appendChild(overlay);
      p.dataset.emojiOverlayAttached = 'true';
      p.style.opacity = '0';
    }
    function handleParagraph(p) {
      if (/^replying\.*/i.test(p.innerText.trim())) {
        createEmojiOverlay(p);
      }
    }
    function observeContainer(container) {
      if (seenContainers.has(container)) return;
      seenContainers.add(container);
      const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {
          mutation.addedNodes.forEach(node => {
            if (node.nodeType === 1) {
              if (node.tagName === 'P') {
                handleParagraph(node);
              } else {
                node.querySelectorAll?.('p')?.forEach(handleParagraph);
              }
            }
          });
          if (mutation.type === 'characterData' && mutation.target.nodeType === 3) {
            const p = mutation.target.parentElement;
            if (p?.tagName === 'P') {
              handleParagraph(p);
            }
          }
        });
      });
      observer.observe(container, {
        childList: true,
        subtree: true,
        characterData: true,
      });
      container.querySelectorAll('p').forEach(handleParagraph);
    }
    function scanAndObserve() {
      const containers = document.querySelectorAll('div.css-zpjg');
      containers.forEach(observeContainer);
    }
    scanAndObserve();
    setInterval(scanAndObserve, 500);
  })();

  // Inicializador al cargar
  onPageChange();
(function forceTokenInputContrast() {
  const style = document.createElement('style');
  style.innerHTML = `
    #janitorai-token-input {
      background: #fff !important;
      color: #111 !important;
      border: 1px solid #aaa !important;
    }
  `;
  document.head.appendChild(style);
})();

})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址