☰

Rule34 Favorites Search

Adds a search bar to the Favorites page

  1. // ==UserScript==
  2. // @name         Rule34 Favorites Search
  3. // @version      1.3.3
  4. // @description  Adds a search bar to the Favorites page
  5. // @author       Librake
  6. // @namespace    https://discord.gg/jZzYFNeCTw
  7. // @match        https://rule34.xxx/index.php?page=favorites&s=view&id=*
  8. // @match        https://rule34.xxx/index.php?page=post&s=list*
  9. // @match        https://rule34.xxx/index.php?page=post&s=view&id=*
  10. // @icon         https://goo.su/zX0ivG
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        GM_xmlhttpRequest
  14. // @grant        none
  15. // @license      MIT
  16. // ==/UserScript==
  17.  
  18.  
  19. // === Version 1.3 Changelog ===
  20. // - Search tags autocomplete in Verbatim mode
  21. // - Sort Score and other sorting options
  22. // - Results pagination
  23. // - Toggle to hide blacklisted images
  24. // - Auto refresh Favorites page if you added new favorites
  25. // - Fixed removing without page reload and script reset
  26. // - Fixed Favorites detection on other pages without rescan
  27.  
  28. // === Version 1.3.1 Changelog ===
  29. // - Fixed results page reload when adding a new favorite
  30.  
  31. // === Version 1.3.2/3 Changelog ===
  32. // - Live border fix for favorites detection
  33.  
  34. (function () {
  35.     'use strict';
  36.  
  37.  
  38.     var inlineLZString = function(){function o(o,r){if(!t[o]){t[o]={};for(var n=0;n<o.length;n++)t[o][o.charAt(n)]=n}return t[o][r]}var r=String.fromCharCode,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={},i={compressToBase64:function(o){if(null==o)return"";var r=i._compress(o,6,function(o){return n.charAt(o)});switch(r.length%4){default:case 0:return r;case 1:return r+"===";case 2:return r+"==";case 3:return r+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(e){return o(n,r.charAt(e))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(o){return null==o?"":""==o?null:i._decompress(o.length,16384,function(r){return o.charCodeAt(r)-32})},compressToUint8Array:function(o){for(var r=i.compress(o),n=new Uint8Array(2*r.length),e=0,t=r.length;t>e;e++){var s=r.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null===o||void 0===o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;t>e;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(o){return null==o?"":i._compress(o,6,function(o){return e.charAt(o)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(n){return o(e,r.charAt(n))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(o,r,n){if(null==o)return"";var e,t,i,s={},p={},u="",c="",a="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<o.length;i+=1)if(u=o.charAt(i),Object.prototype.hasOwnProperty.call(s,u)||(s[u]=f++,p[u]=!0),c=a+u,Object.prototype.hasOwnProperty.call(s,c))a=c;else{if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++),s[c]=f++,a=String(u)}if(""!==a){if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==r-1){d.push(n(m));break}v++}return d.join("")},decompress:function(o){return null==o?"":""==o?null:i._decompress(o.length,32768,function(r){return o.charCodeAt(r)})},_decompress:function(o,n,e){var t,i,s,p,u,c,a,l,f=[],h=4,d=4,m=3,v="",w=[],A={val:e(0),position:n,index:1};for(i=0;3>i;i+=1)f[i]=i;for(p=0,c=Math.pow(2,2),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(t=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 2:return""}for(f[3]=l,s=l,w.push(l);;){if(A.index>o)return"";for(p=0,c=Math.pow(2,m),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(l=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 2:return w.join("")}if(0==h&&(h=Math.pow(2,m),m++),f[l])v=f[l];else{if(l!==d)return null;v=s+s.charAt(0)}w.push(v),f[d++]=s+v.charAt(0),h--,s=v,0==h&&(h=Math.pow(2,m),m++)}}};return i}();
  39.     /* lz-string.js - JavaScript compression and decompression using LZ-based algorithms. (c) 2013-2015 Pieroxy, MIT License */
  40.     var localLZString;
  41.  
  42.     function onLZStringReady(event) {
  43.          try {
  44.             if (event && event.detail && event.detail.LZS) {
  45.                 localLZString = event.detail.LZS;
  46.             } else {
  47.                 localLZString = inlineLZString;
  48.             }
  49.         } catch (error) {
  50.             localLZString = inlineLZString;
  51.         }
  52.     }
  53.  
  54.     document.addEventListener('LZStringReady', onLZStringReady);
  55.  
  56.     const scriptElement = document.createElement('script');
  57.     scriptElement.textContent = `
  58.     var LZString=function(){function o(o,r){if(!t[o]){t[o]={};for(var n=0;n<o.length;n++)t[o][o.charAt(n)]=n}return t[o][r]}var r=String.fromCharCode,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={},i={compressToBase64:function(o){if(null==o)return"";var r=i._compress(o,6,function(o){return n.charAt(o)});switch(r.length%4){default:case 0:return r;case 1:return r+"===";case 2:return r+"==";case 3:return r+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(e){return o(n,r.charAt(e))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(o){return null==o?"":""==o?null:i._decompress(o.length,16384,function(r){return o.charCodeAt(r)-32})},compressToUint8Array:function(o){for(var r=i.compress(o),n=new Uint8Array(2*r.length),e=0,t=r.length;t>e;e++){var s=r.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null===o||void 0===o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;t>e;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(o){return null==o?"":i._compress(o,6,function(o){return e.charAt(o)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(n){return o(e,r.charAt(n))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(o,r,n){if(null==o)return"";var e,t,i,s={},p={},u="",c="",a="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<o.length;i+=1)if(u=o.charAt(i),Object.prototype.hasOwnProperty.call(s,u)||(s[u]=f++,p[u]=!0),c=a+u,Object.prototype.hasOwnProperty.call(s,c))a=c;else{if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++),s[c]=f++,a=String(u)}if(""!==a){if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==r-1){d.push(n(m));break}v++}return d.join("")},decompress:function(o){return null==o?"":""==o?null:i._decompress(o.length,32768,function(r){return o.charCodeAt(r)})},_decompress:function(o,n,e){var t,i,s,p,u,c,a,l,f=[],h=4,d=4,m=3,v="",w=[],A={val:e(0),position:n,index:1};for(i=0;3>i;i+=1)f[i]=i;for(p=0,c=Math.pow(2,2),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(t=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 2:return""}for(f[3]=l,s=l,w.push(l);;){if(A.index>o)return"";for(p=0,c=Math.pow(2,m),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(l=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 2:return w.join("")}if(0==h&&(h=Math.pow(2,m),m++),f[l])v=f[l];else{if(l!==d)return null;v=s+s.charAt(0)}w.push(v),f[d++]=s+v.charAt(0),h--,s=v,0==h&&(h=Math.pow(2,m),m++)}}};return i}();
  59.  
  60.     var event = new CustomEvent('LZStringReady', {
  61.         detail: {
  62.             LZS: LZString
  63.         }
  64.     });
  65.     document.dispatchEvent(event);
  66.     `;
  67.  
  68.     document.head.appendChild(scriptElement);
  69.  
  70.  
  71.     const discordLink = "https://discord.gg/jZzYFNeCTw"
  72.  
  73.     const scriptVersion = '1.3';
  74.     let allImages = [];
  75.     let loadedImages = [];
  76.     let images;
  77.     let results = [];
  78.     let searchTag = "";
  79.     let searchTags = [];
  80.     let negativeTags = [];
  81.     let hardSearch = false;
  82.     let orMode = false;
  83.     let useBlacklist = false;
  84.     let inputTags = [];
  85.     let fromBack = false;
  86.     let needScan = false;
  87.     let fullScan = false;
  88.     let actualFavCount;
  89.     let prevFavCount;
  90.     let loadedTags = [];
  91.     let appendLoadedSave = false;
  92.     let prevUserId;
  93.     let lastImageId;
  94.     let textColor;
  95.     let darkMode = false;
  96.     let userId;
  97.     let isMobile;
  98.     let customIcon = true;
  99.     let borderFavs = true;
  100.  
  101.     const PageType = {
  102.         FAVORITE_VIEW: 'FAVORITE_VIEW',
  103.         POST_LIST: 'POST_LIST',
  104.         POST_VIEW: 'POST_VIEW',
  105.         UNKNOWN: 'UNKNOWN',
  106.     };
  107.  
  108.     function getPageType() {
  109.         const url = window.location.href;
  110.     
  111.         if (url.includes('page=favorites&s=view&id=')) {
  112.             return PageType.FAVORITE_VIEW;
  113.         } else if (url.includes('page=post&s=list')) {
  114.             return PageType.POST_LIST;
  115.         } else if (url.includes('page=post&s=view')) {
  116.             return PageType.POST_VIEW;
  117.         } else {
  118.             return PageType.UNKNOWN;
  119.         }
  120.     }
  121.  
  122.     const pageType = getPageType();
  123.  
  124.     function getBgColor() {
  125.         const bodyElement = document.querySelector('body');
  126.         const computedStyle = window.getComputedStyle(bodyElement);
  127.         const backgroundColor = computedStyle.backgroundColor;
  128.  
  129.         return backgroundColor;
  130.     }
  131.  
  132.     function isMobileVersion() {
  133.         const cssLinks = document.querySelectorAll('link[rel="stylesheet"][type="text/css"][media="screen"]');
  134.  
  135.         for (let i = 0; i < cssLinks.length; i++) {
  136.             const href = cssLinks[i].getAttribute('href');
  137.             if (href && (href.includes('mobile.css') || href.includes('mobile-dark.css'))) {
  138.                 return true;
  139.             }
  140.         }
  141.  
  142.         return false;
  143.     }
  144.  
  145.     function isDarkMode() {
  146.         const cssLinks = document.querySelectorAll('link[rel="stylesheet"][type="text/css"][media="screen"]');
  147.  
  148.         for (let i = 0; i < cssLinks.length; i++) {
  149.             const href = cssLinks[i].getAttribute('href');
  150.             if (href && (href.includes('dark.css'))) {
  151.                 return true;
  152.             }
  153.         }
  154.  
  155.         return false;
  156.     }
  157.  
  158.     function loadSavedData() {
  159.         const savedInputTags = localStorage.getItem('inputTags');
  160.         loadedTags = savedInputTags ? JSON.parse(savedInputTags) : [];
  161.  
  162.         const savedHardSearch = localStorage.getItem('hardSearch');
  163.         hardSearch = savedHardSearch ? JSON.parse(savedHardSearch) : true;
  164.         const savedOrMode = localStorage.getItem('orMode');
  165.         orMode = savedOrMode ? JSON.parse(savedOrMode) : false;
  166.  
  167.         const savedBlacklist = localStorage.getItem('useBlacklist');
  168.         useBlacklist = savedBlacklist ? JSON.parse(savedBlacklist) : false;
  169.  
  170.         const savedCustomIcon = localStorage.getItem('customIcon');
  171.         customIcon = savedCustomIcon ? JSON.parse(savedCustomIcon) : true;
  172.         const savedborderFavs = localStorage.getItem('borderFavs');
  173.         borderFavs = savedborderFavs ? JSON.parse(savedborderFavs) : true;
  174.  
  175.         const savedFromBack = localStorage.getItem('fromBack');
  176.         fromBack = savedFromBack ? JSON.parse(savedFromBack) : false;
  177.         localStorage.removeItem('fromBack');
  178.  
  179.         const savedPrevFavCount = localStorage.getItem('prevFavCount');
  180.         prevFavCount = (savedPrevFavCount && savedPrevFavCount != 'undefined') ? JSON.parse(savedPrevFavCount) : 0;
  181.  
  182.         prevUserId = loadSavedUserId();
  183.     }
  184.  
  185.     function loadSavedUserId() {
  186.         const savedPrevId = localStorage.getItem('userId');
  187.         return (savedPrevId && savedPrevId != 'undefined') ? JSON.parse(savedPrevId) : null;
  188.     }
  189.  
  190.     function reset() {
  191.         localStorage.clear();
  192.         location.reload();
  193.     }
  194.  
  195.     function updateIcon(newIconUrl) {
  196.         const existingFavicons = document.querySelectorAll('link[rel="icon"], link[rel="shortcut icon"]');
  197.         existingFavicons.forEach(favicon => favicon.parentNode.removeChild(favicon));
  198.  
  199.         const link = document.createElement('link');
  200.         link.rel = 'icon';
  201.         link.href = newIconUrl;
  202.  
  203.         document.head.appendChild(link);
  204.  
  205.         const shortcutIconLink = document.createElement('link');
  206.         shortcutIconLink.rel = 'shortcut icon';
  207.         shortcutIconLink.href = newIconUrl;
  208.  
  209.         document.head.appendChild(shortcutIconLink);
  210.     }
  211.  
  212.     function getRemovalQueue() {
  213.         const removalQueue = localStorage.getItem('removalQueue');
  214.         return removalQueue ? JSON.parse(removalQueue) : [];
  215.     }
  216.     function addToRemovalQueue(id) {
  217.         const removalQueue = getRemovalQueue();
  218.         removalQueue.push(id);
  219.         localStorage.setItem('removalQueue', JSON.stringify(removalQueue)); 
  220.     }
  221.     function clearRemovalQueue() {
  222.         localStorage.removeItem('removalQueue');
  223.     }
  224.  
  225.     function getAdditionalQueue() {
  226.         const data = localStorage.getItem('additionalQueue');
  227.         return data ? JSON.parse(data) : [];
  228.     }
  229.     function addToAdditionalQueue(id) {
  230.         const queue = getAdditionalQueue();
  231.         if (!queue.includes(id)) {
  232.             queue.push(id);
  233.             localStorage.setItem('additionalQueue', JSON.stringify(queue));
  234.         }
  235.     }
  236.     function clearAdditionalQueue() {
  237.         localStorage.removeItem('additionalQueue');
  238.     }
  239.     function removeFromAdditionalQueue(id) {
  240.         const additionalQueueData = localStorage.getItem('additionalQueue');
  241.         const additionalQueue = additionalQueueData ? JSON.parse(additionalQueueData) : [];
  242.     
  243.         const index = additionalQueue.indexOf(id);
  244.         if (index !== -1) {
  245.             additionalQueue.splice(index, 1);
  246.     
  247.             localStorage.setItem('additionalQueue', JSON.stringify(additionalQueue));
  248.     
  249.         } else {
  250.         }
  251.     }
  252.     
  253.     function getThumbImgId(img) {
  254.         return img.src.split('?')[1]
  255.     }
  256.     
  257.     function loadAllImagesFromLocalStorage(callback) {
  258.         try {
  259.             const storedData = localStorage.getItem('allImages');
  260.             if (!storedData) {
  261.                 callback([]);
  262.                 return;
  263.             }
  264.  
  265.             const decompressedData = localLZString.decompressFromUTF16(storedData);
  266.  
  267.             const loadedAllImages = decompressedData ? JSON.parse(decompressedData) : [];
  268.  
  269.             callback(loadedAllImages);
  270.         }
  271.         catch (e) {
  272.             callback([]);
  273.         }
  274.     }
  275.  
  276.     function saveAllImagesToLocalStorage() {
  277.         const allImagesData = [];
  278.         allImagesData.push(...allImages.map(img => ({
  279.             src: img.getAttribute('src'),
  280.             title: img.getAttribute('title'),
  281.             link: `index.php?page=post&s=view&id=${getThumbImgId(img)}`,
  282.             id: getThumbImgId(img),
  283.             score: img.score
  284.         })));
  285.  
  286.         if (appendLoadedSave) {
  287.             allImagesData.push(...loadedImages.map(img => ({
  288.                 src: img.src,
  289.                 title: img.title,
  290.                 link: img.link,
  291.                 id: img.id,
  292.                 score: img.score
  293.             })));
  294.         }
  295.  
  296.         const jsonStr = JSON.stringify(allImagesData);
  297.  
  298.         const compressedData = localLZString.compressToUTF16(jsonStr);
  299.         try {
  300.             localStorage.setItem('allImages', compressedData);
  301.         } catch (e) {
  302.             console.error("Storage limit exceeded: ", e);
  303.         }
  304.     }
  305.  
  306.     function getIdFromUrl() {
  307.         var url = window.location.href;
  308.         var idIndex = url.indexOf("id=");
  309.         if (idIndex !== -1) {
  310.             var idStartIndex = idIndex + 3;
  311.             var idEndIndex = url.indexOf("&", idStartIndex);
  312.             if (idEndIndex === -1) {
  313.                 idEndIndex = url.length;
  314.             }
  315.             var id = url.substring(idStartIndex, idEndIndex);
  316.             return id;
  317.         }
  318.         return null;
  319.     }
  320.  
  321.     async function getFavoritesCount(userId) {
  322.         const url = `https://rule34.xxx/index.php?page=account&s=profile&id=${userId}`;
  323.         try {
  324.             const response = await fetch(url);
  325.             if (!response.ok) {
  326.                 throw new Error(`HTTP error! Status: ${response.status}`);
  327.             }
  328.             const text = await response.text();
  329.             const parser = new DOMParser();
  330.             const doc = parser.parseFromString(text, 'text/html');
  331.  
  332.             const favoritesRow = Array.from(doc.querySelectorAll('tr')).find(row =>
  333.                 row.querySelector('td strong')?.textContent.trim() === 'Favorites'
  334.             );
  335.  
  336.             if (!favoritesRow) {
  337.                 throw new Error('Favorites row not found');
  338.             }
  339.  
  340.             const favoritesCount = favoritesRow.querySelector('td a')?.textContent.trim();
  341.             return favoritesCount ? parseInt(favoritesCount, 10) : null;
  342.         } catch (error) {
  343.             console.error('Error fetching favorites count:', error);
  344.             return null;
  345.         }
  346.     }
  347.  
  348.     function displayScanStatus(text) {
  349.         document.getElementById('progress').textContent = text;
  350.     }
  351.  
  352.  
  353.     const SearchInputModule = (() => {
  354.         let currentFocus;
  355.         let searchInput = document.getElementById('searchTagInput');
  356.         let autocompleteOpen = false;
  357.         const inputWrapper = createSearchInputField();
  358.  
  359.         function search() {
  360.             searchTags.length = 0;
  361.             negativeTags.length = 0;
  362.             inputTags = inputWrapper.querySelector('input').value.trim().split(' ');
  363.             inputTags = inputTags.map(tag => tag.toLowerCase());
  364.             inputTags.forEach(tag => {
  365.                 if (tag.startsWith('-')) {
  366.                     negativeTags.push(tag.substring(1));
  367.                 } else if (tag.length > 0) {
  368.                     searchTags.push(tag);
  369.                 }
  370.             });
  371.             scan();
  372.         }
  373.  
  374.         function handleSearchBar(event) {
  375.             if (event.key === 'Enter') {
  376.                 event.preventDefault();
  377.                 search();
  378.             }
  379.         }
  380.         function createAutocomplete() {
  381.             const autocomplete = document.createElement('div');
  382.             autocomplete.id = 'autocomplete-list';
  383.             autocomplete.className = 'autocomplete-items';
  384.             autocomplete.style.position = 'absolute';
  385.             autocomplete.style.zIndex = '9999';
  386.             autocomplete.style.backgroundColor = darkMode ? "rgb(48, 48, 48)" : 'rgba(182, 232, 176, 0.8)';
  387.             autocomplete.style.backgroundColor = darkMode ? "rgb(48, 48, 48)" : 'white';
  388.             autocomplete.style.color = 'black';
  389.             autocomplete.style.border = '1px solid #ccc';
  390.             autocomplete.style.padding = '5px';
  391.  
  392.  
  393.  
  394.             return autocomplete;
  395.         }
  396.         function handleAutoComplete(event) {
  397.             let value = this.value;
  398.             if (!value || value.length === 0) {
  399.                 closeAllLists();
  400.                 return false;
  401.             }
  402.  
  403.             const lastChar = value.slice(-1);
  404.             if (lastChar === ' ') value = '';
  405.  
  406.             value = value.trim().split(' ').pop();
  407.             let hasMinus = false;
  408.  
  409.             if (value[0] === '-') {
  410.                 hasMinus = true;
  411.                 value = value.substr(1);
  412.             }
  413.  
  414.             closeAllLists();
  415.             currentFocus = -1;
  416.  
  417.  
  418.             fetch(`https://ac.rule34.xxx/autocomplete.php?q=${value}`)
  419.                 .then(response => response.json())
  420.                 .then(data => {
  421.                     closeAllLists();
  422.                     autocompleteOpen = true;
  423.                     const autocomplete = createAutocomplete();
  424.                 
  425.                     this.parentNode.appendChild(autocomplete);
  426.                     if (data.length === 0) {
  427.                         autocomplete.remove();
  428.                         return false;
  429.                     }
  430.                     data.forEach(item => {
  431.                         const option = document.createElement('div');
  432.                         option.classList.add(`tag-type-${item.type}`);
  433.                         
  434.                         const mark = document.createElement('mark');
  435.                         mark.textContent = item.label.substr(0, value.length);
  436.                         mark.style.backgroundColor = darkMode ? 'rgba(82, 82, 20, 0.8)' : 'rgba(255, 255, 0, 0.7)';
  437.                         mark.style.padding = '0';
  438.  
  439.                         const remainingText = document.createTextNode(item.label.substr(value.length));
  440.                         option.innerHTML = '';
  441.                         option.appendChild(mark);
  442.                         option.appendChild(remainingText);
  443.  
  444.                         option.style.cursor = 'pointer';
  445.                         option.style.padding = isMobile ? '5px 0' : '3px 0';
  446.                         option.style.display = 'flex';
  447.                         option.style.alignItems = 'center';
  448.                         option.style.justifyContent = 'flex-start';
  449.  
  450.                         option.innerHTML += `<input type="hidden" value="${item.value}">`;
  451.                         option.addEventListener('click', function(e) {
  452.                             const optionValue = hasMinus ? `-${this.getElementsByTagName('input')[0].value}` : this.getElementsByTagName('input')[0].value;
  453.                             const tags = searchInput.value.split(' ');
  454.                             tags.pop();
  455.                             tags.push(optionValue);
  456.                             tags.push('');
  457.                             searchInput.value = tags.join(' ');
  458.                             closeAllLists();
  459.                         });
  460.                         option.addEventListener('mouseover', function() {
  461.                             const items = autocomplete.getElementsByTagName('div');
  462.                             for (let i = 0; i < items.length; i++) {
  463.                                 items[i].style.backgroundColor = '';
  464.                                 items[i].style.textShadow = '';
  465.                             }
  466.  
  467.                             this.style.backgroundColor = darkMode ? '#505a50' : 'hsl(0, 0.00%, 90.60%)';
  468.                             if (darkMode) this.style.textShadow = "1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000";
  469.                             currentFocus = Array.prototype.indexOf.call(items, this);
  470.                             autocompleteOpen = true;
  471.                         });
  472.                         option.addEventListener('mouseleave', function() {
  473.                             this.style.textShadow = '';
  474.                             this.style.backgroundColor = '';
  475.                         });
  476.                         autocomplete.appendChild(option);
  477.                     });
  478.                 });
  479.         }
  480.         function handleAutocompleteSelection(event) {
  481.  
  482.             let list = document.getElementById('autocomplete-list');
  483.             if (list) {
  484.                 list = list.getElementsByTagName('div');
  485.             }
  486.             if (event.key === 'ArrowDown') {
  487.                 autocompleteOpen = true;
  488.                 currentFocus++;
  489.                 addActive(list, currentFocus);
  490.             } else if (event.key === 'ArrowUp') {
  491.                 autocompleteOpen = true;
  492.                 currentFocus--;
  493.                 addActive(list, currentFocus);
  494.             } else if (event.key === 'Enter') {
  495.                 event.preventDefault();
  496.                 if (currentFocus > -1) {
  497.                     if (list) {
  498.                         list[currentFocus].click();
  499.                     } else {
  500.                         search();
  501.                     }
  502.                 } else if (currentFocus === -1) {
  503.                     search();
  504.                 }
  505.             } else if (event.key === 'Tab') {
  506.                 event.preventDefault();
  507.                 if (currentFocus > -1) {
  508.                     if (list) {
  509.                         list[currentFocus].click();
  510.                     }
  511.                 }
  512.             }
  513.         }
  514.         function handleAutocompleteClear(event) {
  515.                 const value = this.value;
  516.                 if (!value || value.length === 0) {
  517.                     closeAllLists();
  518.                     return false;
  519.                 }
  520.         }
  521.         function initAutoComplete(searchInput) {
  522.             inputWrapper.querySelector('input').removeEventListener('keyup', handleSearchBar, true);
  523.             searchInput.addEventListener('input',handleAutoComplete , 'autocomplete');
  524.             searchInput.addEventListener('keydown',handleAutocompleteSelection , 'autocomplete');
  525.     
  526.             searchInput.addEventListener('keyup', handleAutocompleteClear, 'autocomplete');
  527.     
  528.             document.addEventListener('click', function(event) {
  529.                 closeAllLists(event.target);
  530.             }, 'autocomplete');
  531.  
  532.             if (darkMode) {
  533.                 const style = document.createElement('style');
  534.                 style.textContent = `
  535.                     .tag-type-artist > a, 
  536.                     a.tag-type-artist, 
  537.                     .tag-type-artist > a:hover, 
  538.                     a.tag-type-artist:hover, 
  539.                     .tag-type-artist {
  540.                         color: var(--c-link-artist) !important;
  541.                     }
  542.                     .tag-type-copyright > a, 
  543.                     a.tag-type-copyright, 
  544.                     .tag-type-copyright > a:hover, 
  545.                     a.tag-type-copyright:hover, 
  546.                     .tag-type-copyright {
  547.                         color: var(--c-link-copyright) !important;
  548.                     }
  549.                     .tag-type-character > a, 
  550.                     a.tag-type-character, 
  551.                     .tag-type-character > a:hover, 
  552.                     a.tag-type-character:hover, 
  553.                     .tag-type-character {
  554.                         color: var(--c-link-character) !important;
  555.                     }
  556.                     .tag-type-metadata > a, 
  557.                     a.tag-type-metadata, 
  558.                     .tag-type-metadata > a:hover, 
  559.                     a.tag-type-metadata:hover, 
  560.                     .tag-type-metadata {
  561.                         color: var(--c-link-metadata) !important;
  562.                     }
  563.                 `;
  564.                 document.head.appendChild(style);
  565.             }
  566.         }
  567.         function addActive(list, currentFocus) {
  568.             if (!list) {
  569.                 return false;
  570.             }
  571.             removeActive(list);
  572.             if (currentFocus >= list.length) {
  573.                 currentFocus = 0;
  574.             }
  575.             if (currentFocus < 0) {
  576.                 currentFocus = list.length - 1;
  577.             }
  578.  
  579.             list[currentFocus].style.backgroundColor = darkMode ? '#505a50' : 'hsl(0, 0.00%, 90.60%)';
  580.             if (darkMode) list[currentFocus].style.textShadow = "1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000";
  581.         }
  582.         function removeActive(list) {
  583.             for (let i = 0; i < list.length; i++) {
  584.                 list[i].style.backgroundColor = '';
  585.                 if (darkMode) list[i].style.textShadow = '';
  586.             }
  587.         }
  588.     
  589.         function closeAllLists() {
  590.             const items = document.getElementsByClassName('autocomplete-items');
  591.             for (let i = 0; i < items.length; i++) {
  592.                 items[i].parentNode.removeChild(items[i]);
  593.             }
  594.             autocompleteOpen = false;
  595.         }
  596.         function destroyAutocomplete(searchInput, inputWrapper) {
  597.             searchInput.removeEventListener('input', handleAutoComplete, 'autocomplete');
  598.             searchInput.removeEventListener('keydown', handleAutocompleteSelection, 'autocomplete');
  599.             searchInput.removeEventListener('keyup', handleAutocompleteClear, 'autocomplete');
  600.             closeAllLists();
  601.             inputWrapper.querySelector('input').addEventListener('keyup', handleSearchBar, true);
  602.         }
  603.  
  604.         function createSearchInput() {
  605.             const header = document.getElementById('header');
  606.             const navbar = document.getElementById('navbar');
  607.  
  608.             const inputContainer = document.createElement('div');
  609.             inputContainer.style.marginLeft = '20px';
  610.  
  611.             const helpContainer = createHelpTooltip(isMobile ? -20 : 0);
  612.             const settingsContainer = createSettings();
  613.             const createToggleElement = isMobile ? createToggleButton : createCheckbox;
  614.  
  615.             const verbatimModeButtonTitle = isMobile ? 'Verbatim' : 'Verbatim mode';
  616.             const verbatimModeContainer = createToggleElement('verbatimModeCheckbox', verbatimModeButtonTitle, hardSearch, (checked) => {
  617.                 hardSearch = checked;
  618.                 if (checked === false) {
  619.                     toggleActiveState(useBlacklistContainer, false);
  620.                     destroyAutocomplete(searchInput, inputWrapper);
  621.                     localStorage.setItem('useBlacklist', JSON.stringify(false));
  622.                 }
  623.                 if (checked === true) {
  624.                     initAutoComplete(searchInput);
  625.                 }
  626.                 localStorage.setItem('hardSearch', JSON.stringify(checked));
  627.             });
  628.             
  629.  
  630.             const orModeButtonTitle = isMobile ? 'Or' : 'Or mode';
  631.             const orModeContainer = createToggleElement('orMode', orModeButtonTitle, orMode, (checked) => {
  632.                 orMode = checked;
  633.                 localStorage.setItem('orMode', JSON.stringify(checked));
  634.             });
  635.  
  636.             const useBlacklistContainer = createToggleElement('useBlacklist', 'Use blacklist', useBlacklist, (checked) => {
  637.                 useBlacklist = checked;
  638.  
  639.                 if (checked === true) {
  640.                     if (!hardSearch) {
  641.                         hardSearch = true;
  642.                         initAutoComplete(searchInput);
  643.                         toggleActiveState(verbatimModeContainer, true);
  644.                         localStorage.setItem('hardSearch', JSON.stringify(checked));
  645.                     }
  646.                 }
  647.                 localStorage.setItem('useBlacklist', JSON.stringify(checked));
  648.             });
  649.             function toggleActiveState(element, isActive) {
  650.                 if (isMobile) {
  651.                     element.childNodes[0].style.backgroundColor = isActive ? '#2196F3' : '#e0e0e0';
  652.                     element.childNodes[0].style.color = isActive ? '#fff' : '#555';
  653.                 } else {
  654.                     element.childNodes[0].checked = isActive;
  655.                 }
  656.             }
  657.             
  658.  
  659.             const searchButton = createSearchButton(() => {
  660.                 search();
  661.             });
  662.  
  663.             const progress = document.createElement('span');
  664.             progress.id = 'progress';
  665.             progress.style.marginLeft = '10px';
  666.  
  667.             if (isMobile) {
  668.                 const container1 = document.createElement('div');
  669.                 container1.style.display = 'flex';
  670.                 container1.style.position = 'relative';
  671.                 container1.style.width = 'calc(100% - 10px - 20px)';
  672.                 container1.style.maxWidth = '430px';
  673.                 container1.style.marginLeft = '10px';
  674.                 container1.style.alignItems = 'center';
  675.  
  676.                 progress.style.position = 'absolute';
  677.                 progress.style.right = '20px';
  678.  
  679.                 settingsContainer.style.marginRight = '20px';
  680.  
  681.                 container1.appendChild(settingsContainer);
  682.                 container1.appendChild(helpContainer);
  683.                 container1.appendChild(progress);
  684.  
  685.                 inputContainer.appendChild(container1);
  686.  
  687.                 const container2 = document.createElement('div');
  688.                 container2.appendChild(inputWrapper);
  689.                 container2.style.marginTop = '10px';
  690.  
  691.                 inputContainer.appendChild(container2);
  692.  
  693.                 const container3 = document.createElement('div');
  694.                 container3.style.display = 'flex';
  695.                 container3.style.justifyContent = 'space-between';
  696.                 container3.style.width = 'calc(100% - 20px)';
  697.                 container3.style.maxWidth = '450px';
  698.                 container3.style.alignItems = 'center';
  699.                 container3.style.marginTop = '10px';
  700.  
  701.  
  702.                 container3.appendChild(verbatimModeContainer);
  703.                 container3.appendChild(orModeContainer);
  704.                 container3.appendChild(useBlacklistContainer);
  705.                 container3.appendChild(searchButton);
  706.                 inputContainer.appendChild(container3);
  707.  
  708.                 const spacer = document.createElement('div');
  709.                 spacer.style.height = '10px';
  710.                 inputContainer.appendChild(spacer);
  711.  
  712.             } else {
  713.                 inputContainer.style.marginTop = '10px';
  714.                 inputContainer.appendChild(helpContainer);
  715.                 inputContainer.appendChild(verbatimModeContainer);
  716.                 inputContainer.appendChild(orModeContainer);
  717.                 inputContainer.appendChild(useBlacklistContainer);
  718.                 inputContainer.appendChild(inputWrapper);
  719.                 inputContainer.appendChild(searchButton);
  720.                 inputContainer.appendChild(settingsContainer);
  721.                 inputContainer.appendChild(progress);
  722.             }
  723.  
  724.             header.insertBefore(inputContainer, navbar.nextSibling);
  725.  
  726.  
  727.             if (loadedTags.length > 0) {
  728.                 inputWrapper.querySelector('input').value = loadedTags.join(' ');
  729.             }
  730.  
  731.             const spans = document.querySelectorAll('span');
  732.             spans.forEach(span => {
  733.                 if (span.textContent.trim() === 'Help & Info') {
  734.                     const computedStyle = getComputedStyle(span);
  735.                     const currentColor = computedStyle.color;
  736.                     textColor = currentColor;
  737.                     if (currentColor !== 'rgb(0, 0, 0)') {
  738.                         darkMode = true;
  739.                     }
  740.                 }
  741.             });
  742.             if (hardSearch === true) initAutoComplete(searchInput);
  743.             else destroyAutocomplete(searchInput, inputWrapper);
  744.  
  745.         }
  746.  
  747.         function createSettings() {
  748.             const settingsContainer = document.createElement('div');
  749.             settingsContainer.style.display = 'inline-block';
  750.             settingsContainer.style.marginRight = '10px';
  751.             settingsContainer.style.position = 'relative';
  752.  
  753.             const label = document.createElement('span');
  754.             const img = document.createElement('img');
  755.             const icon = 'https://raw.githubusercontent.com/Librake/Favorites-Search/main/res/settings.svg';
  756.             const iconDark = 'https://raw.githubusercontent.com/Librake/Favorites-Search/main/res/settings_dark.svg';
  757.             img.src = darkMode ? iconDark : icon;
  758.             img.alt = 'S';
  759.  
  760.             const labelSize = isMobile ? 30 : 22;
  761.             img.style.width = `${labelSize}px`;
  762.             img.style.height = `${labelSize}px`;
  763.             img.style.fill = 'red';
  764.             label.appendChild(img);
  765.             label.style.fontWeight = 'bold';
  766.             label.style.textDecoration = 'underline';
  767.             label.style.cursor = 'pointer';
  768.  
  769.             const tooltip = document.createElement('div');
  770.             tooltip.style.position = 'absolute';
  771.             tooltip.style.top = '100%';
  772.             tooltip.style.left = '0';
  773.             tooltip.style.paddingTop = '10px';
  774.             tooltip.style.paddingRight = '30px';
  775.             tooltip.style.paddingBottom = '15px';
  776.             tooltip.style.paddingLeft = '20px';
  777.             tooltip.style.borderRadius = '5px';
  778.             tooltip.style.backgroundColor = '#333';
  779.             tooltip.style.color = '#fff';
  780.             tooltip.style.whiteSpace = 'normal';
  781.             tooltip.style.visibility = 'hidden';
  782.             tooltip.style.opacity = '0';
  783.             tooltip.style.transition = 'opacity 0.2s';
  784.             tooltip.style.maxWidth = 'calc(100vw - 30px)';
  785.             tooltip.style.height = 'auto';
  786.             tooltip.style.maxHeight = '400px';
  787.             tooltip.style.marginTop = '9px';
  788.             tooltip.style.zIndex = '9999';
  789.             tooltip.style.overflowX = 'auto';
  790.  
  791.             if (darkMode) {
  792.                 tooltip.style.border = '1px solid #fff';
  793.             }
  794.  
  795.             function adjustTooltipPosition() {
  796.                 const rect = tooltip.getBoundingClientRect();
  797.                 const cont = settingsContainer.getBoundingClientRect();
  798.  
  799.                 const offset = -150;
  800.                 const width = 500;
  801.                 let addOffset = 0;
  802.  
  803.                 if (isMobile) {
  804.                     tooltip.style.width = 'calc(100vw - 30px)';
  805.                     tooltip.style.maxWidth = '450px';
  806.  
  807.                     addOffset = -(cont.left + offset) + 20;
  808.                 }
  809.                 else {
  810.                     tooltip.style.width = `${width-50}px`;
  811.  
  812.                     if (cont.left + offset + width + 30 > window.innerWidth) {
  813.                         addOffset = -(cont.left + offset + width - window.innerWidth) - 30;
  814.                     }
  815.  
  816.                     if (cont.left + offset < 0) {
  817.                         addOffset = -(cont.left + offset) + 20;
  818.                     }
  819.  
  820.                 }
  821.                 tooltip.style.marginLeft = `${offset + addOffset}px`;
  822.  
  823.             }
  824.  
  825.             const closeButton = document.createElement('button');
  826.             closeButton.textContent = '\u00D7';
  827.             closeButton.style.position = 'absolute';
  828.             closeButton.style.top = '10px';
  829.             closeButton.style.right = '10px';
  830.             closeButton.style.background = 'none';
  831.             closeButton.style.border = 'none';
  832.             closeButton.style.color = isMobile ? '#E08B82' : '#fff';
  833.             closeButton.style.fontSize = '20px';
  834.             closeButton.style.cursor = 'pointer';
  835.  
  836.             closeButton.onclick = (event) => {
  837.                 event.stopPropagation();
  838.                 hideTooltip();
  839.             };
  840.  
  841.             function createCheckboxWithDescription(labelText, descriptionText, initialState, action) {
  842.                 const container = document.createElement('div');
  843.                 container.style.marginBottom = '10px';
  844.  
  845.  
  846.                 const checkbox = createCheckbox(labelText, labelText, initialState, (checked) => {
  847.                     action(checked);
  848.                 });
  849.  
  850.                 const description = document.createElement('span');
  851.                 description.innerHTML = descriptionText;
  852.                 description.style.display = 'block';
  853.                 description.style.fontSize = '14px';
  854.                 description.style.color = '#999';
  855.                 description.style.marginLeft = '30px';
  856.  
  857.                 container.appendChild(checkbox);
  858.                 container.appendChild(description);
  859.  
  860.                 return container;
  861.             }
  862.  
  863.             const checkboxContainer1 = createCheckboxWithDescription(
  864.                 'Custom icon',
  865.                 'Use custom red icon for the Favorites tab.',
  866.                 customIcon,
  867.                 (checked) => {
  868.                     customIcon = checked;
  869.                     localStorage.setItem('customIcon', JSON.stringify(checked));
  870.                     location.reload();
  871.                 }
  872.             );
  873.  
  874.             const checkboxContainer2 = createCheckboxWithDescription(
  875.                 'Favorites detection',
  876.                 'Highlights images with a red border on other pages of the site if they are already in your favorites.<br>(requires scanned)',
  877.                 borderFavs,
  878.                 (checked) => {
  879.                     borderFavs = checked;
  880.                     localStorage.setItem('borderFavs', JSON.stringify(checked));
  881.                 }
  882.             );
  883.  
  884.             const tooltipText = document.createElement('div');
  885.             tooltipText.innerHTML = "If something doesn't work properly, try to...";
  886.  
  887.             function updateTooltipMaxHeight() {
  888.                 const rect = tooltip.getBoundingClientRect();
  889.                 const availableHeight = window.innerHeight - rect.top - 10;
  890.                 tooltip.style.maxHeight = `${availableHeight}px`;
  891.             }
  892.             function updateSize() {
  893.                 updateTooltipMaxHeight();
  894.                 adjustTooltipPosition();
  895.             }
  896.             updateTooltipMaxHeight();
  897.             window.addEventListener('resize', updateSize);
  898.  
  899.             tooltip.appendChild(closeButton);
  900.             if(!isMobile) {
  901.                 tooltip.appendChild(checkboxContainer1);
  902.             }
  903.             tooltip.appendChild(checkboxContainer2);
  904.  
  905.             let tooltipVisible = false;
  906.  
  907.             label.onclick = (event) => {
  908.                 event.stopPropagation();
  909.                 if (tooltipVisible) {
  910.                     hideTooltip();
  911.                 } else {
  912.                     showTooltip();
  913.                 }
  914.             };
  915.  
  916.             setTimeout(function() {
  917.                 const spans = document.querySelectorAll('span');
  918.                 spans.forEach(span => {
  919.                     if (span.textContent.trim() === 'Help & Info') {
  920.                         span.addEventListener('mouseover', () => {
  921.                             hideTooltip();
  922.                         });
  923.                     }
  924.                 });
  925.             }, 300);
  926.  
  927.  
  928.             document.addEventListener('click', (event) => {
  929.                 if (tooltipVisible && !tooltip.contains(event.target) && event.target !== label) {
  930.                     hideTooltip();
  931.                 }
  932.             });
  933.  
  934.             settingsContainer.appendChild(label);
  935.             settingsContainer.appendChild(tooltip);
  936.  
  937.             return settingsContainer;
  938.  
  939.             function showTooltip() {
  940.                 adjustTooltipPosition();
  941.                 label.style.color = '#CC0000';
  942.                 tooltip.style.visibility = 'visible';
  943.                 tooltip.style.opacity = '1';
  944.                 tooltipVisible = true;
  945.  
  946.                 img.style.transform = 'rotate(10deg)';
  947.             }
  948.  
  949.             function hideTooltip() {
  950.                 tooltip.style.visibility = 'hidden';
  951.                 tooltip.style.opacity = '0';
  952.                 label.style.color = '';
  953.                 tooltipVisible = false;
  954.  
  955.                 img.style.transform = 'rotate(0deg)';
  956.             }
  957.             
  958.         
  959.         }
  960.  
  961.         function createHelpTooltip(offset = 0) {
  962.             const helpContainer = document.createElement('div');
  963.             helpContainer.style.display = 'inline-block';
  964.             helpContainer.style.marginRight = '25px';
  965.             helpContainer.style.position = 'relative';
  966.  
  967.             const helpText = document.createElement('span');
  968.             helpText.textContent = 'Help & Info';
  969.             helpText.style.fontWeight = 'bold';
  970.             helpText.style.textDecoration = 'underline';
  971.  
  972.             const tooltip = document.createElement('div');
  973.             tooltip.style.position = 'absolute';
  974.             tooltip.style.top = '100%';
  975.             tooltip.style.left = '0';
  976.             tooltip.style.paddingTop = '10px';
  977.             tooltip.style.paddingRight = '30px';
  978.             tooltip.style.paddingBottom = '15px';
  979.             tooltip.style.paddingLeft = '20px';
  980.             tooltip.style.borderRadius = '5px';
  981.             tooltip.style.backgroundColor = '#333';
  982.             tooltip.style.color = '#fff';
  983.             tooltip.style.whiteSpace = 'normal';
  984.             tooltip.style.visibility = 'hidden';
  985.             tooltip.style.opacity = '0';
  986.             tooltip.style.transition = 'opacity 0.2s';
  987.             tooltip.style.width = '550px';
  988.             tooltip.style.maxWidth = 'calc(100vw - 30px)';
  989.             tooltip.style.height = 'auto';
  990.             tooltip.style.maxHeight = '400px';
  991.             tooltip.style.marginTop = '15px';
  992.             tooltip.style.marginLeft = `${offset}px`;
  993.             tooltip.style.zIndex = '9999';
  994.             tooltip.style.overflowX = 'auto';
  995.  
  996.             if (darkMode) {
  997.                 tooltip.style.border = '1px solid #fff';
  998.             }
  999.  
  1000.             function adjustTooltipPosition() {
  1001.                 const cont = helpContainer.getBoundingClientRect();
  1002.  
  1003.                 const offset = 0;
  1004.                 let addOffset = 0;
  1005.  
  1006.                 if (isMobile) {
  1007.                     tooltip.style.width = 'calc(100vw - 30px)';
  1008.                     tooltip.style.maxWidth = '450px';
  1009.  
  1010.                     addOffset = -(cont.left + offset) + 20;
  1011.                 }
  1012.  
  1013.                 tooltip.style.marginLeft = `${offset + addOffset}px`;
  1014.  
  1015.             }
  1016.  
  1017.  
  1018.  
  1019.             const closeButton = document.createElement('button');
  1020.             closeButton.textContent = '\u00D7';
  1021.             closeButton.style.position = 'absolute';
  1022.             closeButton.style.top = '10px';
  1023.             closeButton.style.right = '10px';
  1024.             closeButton.style.background = 'none';
  1025.             closeButton.style.border = 'none';
  1026.             closeButton.style.color = isMobile ? '#E08B82' : '#fff';;
  1027.             closeButton.style.fontSize = '20px';
  1028.             closeButton.style.cursor = 'pointer';
  1029.  
  1030.             closeButton.onclick = () => {
  1031.                 hideTooltip();
  1032.             };
  1033.  
  1034.  
  1035.             const content = [
  1036.                 `<b>Verbatim mode</b> ON - standard search by full tags with autocomplete.`,
  1037.                 `<b>Verbatim mode</b> OFF - search using keywords instead of tags, you can search by any part of the tag, such as '<span style="color: #EC91FF;">gahara</span>' instead of 'senjou<span style="color: #EC91FF;">gahara</span>_hitagi'.`,
  1038.                 "<b>Or mode</b> - should search result contain 'any' or 'all' of tags/keywords.",
  1039.                 "<b>Use blacklist</b> - hide search results with tags stated in your account's blacklist.",
  1040.                 "Use '-' to exclude tags/keywords.",
  1041.                 "A full scan takes a while, but it's only needed for the first search or after a reset.",
  1042.                 "Script doesn't work properly in incognito mode, browser restart clears all cached scanned data.",
  1043.                 "On the search results page, use the Back button on the screen or Esc instead of the Back button on your browser.",
  1044.                 `Compatible with <a href="${'https://www.google.com/search?q=Imagus'}" target="_blank" style="color: #7289DA; text-decoration: underline; font-size: 1.2em;">Imagus</a>,
  1045.              a very useful extension for Booru sites for full-screen mouse-over image preview.`
  1046.             ];
  1047.  
  1048.             const list = document.createElement('ul');
  1049.             list.style.paddingLeft = '10px';
  1050.             list.style.margin = '0';
  1051.             list.style.listStyleType = 'disc';
  1052.  
  1053.             content.forEach(text => {
  1054.                 const listItem = document.createElement('li');
  1055.                 listItem.innerHTML = text;
  1056.                 listItem.style.padding = '3px';
  1057.                 listItem.style.margin = '5px 0';
  1058.                 list.appendChild(listItem);
  1059.             });
  1060.  
  1061.             tooltip.appendChild(list);
  1062.  
  1063.             const tooltipText = document.createElement('div');
  1064.             tooltipText.innerHTML = "If smth doesn't work properly try to";
  1065.  
  1066.             const discordText = document.createElement('div');
  1067.             discordText.innerHTML = `
  1068.             <p><p>If you still have some questions or suggestions, visit the project's
  1069.             <a href="${discordLink}" target="_blank" style="color: #7289DA; text-decoration: underline; font-size: 1.2em;">Discord</a>.</p>
  1070.             <p>You can also find some other useful scripts for Rule34 there.</p>`;
  1071.  
  1072.             function updateTooltipMaxHeight() {
  1073.                 const rect = tooltip.getBoundingClientRect();
  1074.                 const availableHeight = window.innerHeight - rect.top - 10;
  1075.                 tooltip.style.maxHeight = `${availableHeight}px`;
  1076.             }
  1077.  
  1078.             function updateSize() {
  1079.                 updateTooltipMaxHeight();
  1080.                 adjustTooltipPosition();
  1081.             }
  1082.             updateTooltipMaxHeight();
  1083.  
  1084.             window.addEventListener('resize', updateSize);
  1085.  
  1086.  
  1087.             const resetButton = document.createElement('button');
  1088.             resetButton.textContent = 'Reset';
  1089.             resetButton.style.backgroundColor = '#e26c5e';
  1090.             resetButton.style.color = '#fff';
  1091.             resetButton.style.border = 'none';
  1092.             resetButton.style.padding = '5px 10px';
  1093.             resetButton.style.borderRadius = '5px';
  1094.             resetButton.style.cursor = 'pointer';
  1095.             resetButton.style.marginTop = '10px';
  1096.             resetButton.style.marginLeft = '10px';
  1097.             resetButton.style.zIndex = '10000';
  1098.             resetButton.onmouseover = () => {
  1099.                 resetButton.style.backgroundColor = '#c45a4b';
  1100.             };
  1101.             resetButton.onmouseout = () => {
  1102.                 resetButton.style.backgroundColor = '#e26c5e';
  1103.             };
  1104.             resetButton.onclick = reset;
  1105.  
  1106.             tooltipText.appendChild(resetButton);
  1107.             tooltipText.appendChild(discordText);
  1108.             tooltip.appendChild(closeButton);
  1109.             tooltip.appendChild(tooltipText);
  1110.  
  1111.             let hideTimeout;
  1112.             helpText.onmouseover = () => {
  1113.                 adjustTooltipPosition();
  1114.  
  1115.                 helpText.style.color = '#CC0000';
  1116.                 clearTimeout(hideTimeout);
  1117.                 tooltip.style.visibility = 'visible';
  1118.                 tooltip.style.opacity = '1';
  1119.             };
  1120.  
  1121.             const timeToHide = isMobile ? 0 : 300;
  1122.             helpText.onmouseout = (event) => {
  1123.                 hideTimeout = setTimeout(() => {
  1124.                     if (!tooltip.contains(event.relatedTarget)) {
  1125.                         hideTooltip();
  1126.                     }
  1127.                 }, timeToHide);
  1128.             };
  1129.  
  1130.             tooltip.onmouseover = () => {
  1131.                 clearTimeout(hideTimeout);
  1132.                 tooltip.style.visibility = 'visible';
  1133.                 tooltip.style.opacity = '1';
  1134.             };
  1135.             tooltip.onmouseout = (event) => {
  1136.                 hideTimeout = setTimeout(() => {
  1137.                     if (!helpText.contains(event.relatedTarget)) {
  1138.                         hideTooltip();
  1139.                     }
  1140.                 }, timeToHide);
  1141.             };
  1142.  
  1143.             helpContainer.appendChild(helpText);
  1144.             helpContainer.appendChild(tooltip);
  1145.  
  1146.             return helpContainer;
  1147.  
  1148.             function hideTooltip() {
  1149.                 tooltip.style.visibility = 'hidden';
  1150.                 tooltip.style.opacity = '0';
  1151.                 helpText.style.color = textColor;
  1152.             }
  1153.         }
  1154.  
  1155.         function createCheckbox(id, labelText, isChecked, onChange) {
  1156.             const container = document.createElement('div');
  1157.             container.style.display = 'inline-block';
  1158.             container.style.marginRight = '25px';
  1159.  
  1160.             const checkbox = document.createElement('input');
  1161.             checkbox.type = 'checkbox';
  1162.             checkbox.id = id;
  1163.             checkbox.style.marginRight = isMobile ? '15px' : '5px';
  1164.             checkbox.style.verticalAlign = 'middle';
  1165.             checkbox.checked = isChecked;
  1166.             checkbox.onchange = () => onChange(checkbox.checked);
  1167.  
  1168.             const label = document.createElement('label');
  1169.             label.htmlFor = id;
  1170.             label.textContent = labelText;
  1171.             label.style.verticalAlign = 'middle';
  1172.  
  1173.             container.appendChild(checkbox);
  1174.             container.appendChild(label);
  1175.  
  1176.             return container;
  1177.         }
  1178.  
  1179.         function createToggleButton(id, labelText, isActive, onChange) {
  1180.             const container = document.createElement('div');
  1181.             container.style.display = 'inline-block';
  1182.  
  1183.             const toggleButton = document.createElement('button');
  1184.             toggleButton.textContent = labelText;
  1185.             toggleButton.style.backgroundColor = isActive ? '#2196F3' : '#e0e0e0';
  1186.             toggleButton.style.color = isActive ? '#fff' : '#555';
  1187.             toggleButton.style.border = 'none';
  1188.             toggleButton.style.padding = '5px 8px';
  1189.             toggleButton.style.borderRadius = '4px';
  1190.             toggleButton.style.cursor = 'pointer';
  1191.  
  1192.             toggleButton.onmouseover = () => {
  1193.                 toggleButton.style.backgroundColor = isActive ? '#1976D2' : '#bdbdbd';
  1194.             };
  1195.             toggleButton.onmouseout = () => {
  1196.                 toggleButton.style.backgroundColor = isActive ? '#2196F3' : '#e0e0e0';
  1197.             };
  1198.  
  1199.             toggleButton.onclick = () => {
  1200.                 isActive = !isActive;
  1201.                 toggleButton.style.backgroundColor = isActive ? '#2196F3' : '#e0e0e0';
  1202.                 toggleButton.style.color = isActive ? '#fff' : '#555';
  1203.                 onChange(isActive);
  1204.             };
  1205.  
  1206.             container.appendChild(toggleButton);
  1207.  
  1208.             return container;
  1209.         }
  1210.  
  1211.         function createSearchInputField() {
  1212.             const inputWrapper = document.createElement('div');
  1213.             inputWrapper.style.position = 'relative';
  1214.             inputWrapper.style.display = 'inline-block';
  1215.             inputWrapper.style.width = 'calc(100% - 20px)';
  1216.             inputWrapper.style.maxWidth = '450px';
  1217.             inputWrapper.style.boxSizing = 'border-box';
  1218.             inputWrapper.style.marginRight = '10px';
  1219.  
  1220.  
  1221.             const input = document.createElement('input');
  1222.             input.type = 'text';
  1223.             input.placeholder = 'Enter tags or parts of tags...';
  1224.             input.id = 'searchTagInput';
  1225.             input.style.padding = '5px';
  1226.             input.style.border = '1px solid #ccc';
  1227.             input.style.borderRadius = '3px';
  1228.             input.style.width = '100%';
  1229.             input.style.boxSizing = 'border-box';
  1230.             input.autocomplete = 'off';
  1231.             searchInput = input;
  1232.  
  1233.             const clearButton = document.createElement('button');
  1234.             clearButton.textContent = '\u00D7';
  1235.             clearButton.style.border = 'none';
  1236.             clearButton.style.background = 'none';
  1237.             clearButton.style.fontSize = '25px';
  1238.             clearButton.style.cursor = 'pointer';
  1239.             clearButton.style.position = 'absolute';
  1240.             clearButton.style.right = '7px';
  1241.             clearButton.style.top = '50%';
  1242.             clearButton.style.transform = 'translateY(-50%)';
  1243.             clearButton.style.color = '#ccc';
  1244.             clearButton.style.padding = '0';
  1245.  
  1246.             clearButton.onclick = () => {
  1247.                 input.value = '';
  1248.                 input.focus();
  1249.                 localStorage.removeItem('inputTags');
  1250.             };
  1251.  
  1252.             inputWrapper.appendChild(input);
  1253.             inputWrapper.appendChild(clearButton);
  1254.  
  1255.             return inputWrapper;
  1256.         }
  1257.  
  1258.         function createSearchButton(onClick) {
  1259.             const button = document.createElement('button');
  1260.             button.textContent = 'Search';
  1261.  
  1262.             button.onclick = onClick;
  1263.  
  1264.             button.style.color = 'white';
  1265.             button.style.backgroundColor = '#e26c5e';
  1266.  
  1267.             if (isMobile) {
  1268.                 button.style.border = 'none';
  1269.                 button.style.padding = '10px 20px';
  1270.                 button.style.borderRadius = '5px';
  1271.             } else {
  1272.                 button.style.marginRight = '10px';
  1273.                 button.style.padding = '5px 10px';
  1274.                 button.style.border = '1px solid #ccc';
  1275.                 button.style.borderRadius = '3px';
  1276.                 button.style.cursor = 'pointer';
  1277.                 button.onmouseover = () => {
  1278.                     button.style.backgroundColor = '#c45a4b';
  1279.                 };
  1280.                 button.onmouseout = () => {
  1281.                     button.style.backgroundColor = '#e26c5e';
  1282.                 };
  1283.             }
  1284.  
  1285.             return button;
  1286.         }
  1287.  
  1288.         return {
  1289.             createSearchInput
  1290.         };
  1291.     })();
  1292.  
  1293.  
  1294.     function scan() {
  1295.         if (needScan) {
  1296.  
  1297.             if (fullScan) {
  1298.                 searchAllPages();
  1299.             }
  1300.             else {
  1301.                 searchNewPages();
  1302.             }
  1303.         }
  1304.         else {
  1305.             loadAllPages();
  1306.         }
  1307.     }
  1308.  
  1309.     async function fetchFavoritesPage(page) {
  1310.  
  1311.         const url = `https://rule34.xxx/index.php?page=favorites&s=view&id=${userId}&pid=${page * 50}`;
  1312.         try {
  1313.             const response = await fetch(url);
  1314.             const text = await response.text();
  1315.             const parser = new DOMParser();
  1316.             const doc = parser.parseFromString(text, 'text/html');
  1317.             return doc;
  1318.         } catch (error) {
  1319.             console.error(`Error fetching page ${page}:`, error);
  1320.             return null;
  1321.         }
  1322.     }
  1323.     function getCookieValue(name) {
  1324.         const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  1325.         if (match) {
  1326.             return match[2];
  1327.         }
  1328.         return null;
  1329.     }
  1330.     async function extractImagesAndTags(doc, loadedImgs) {
  1331.         const postScores = new Map();
  1332.  
  1333.         if (loadedImgs) {
  1334.             images = loadedImgs;
  1335.         }
  1336.         else {
  1337.             const scripts = doc.querySelectorAll('script');
  1338.             const postRegex = /posts\[(\d+)]\s*=\s*{[\s\S]*?score:\s*['"](\d+)['"]/g;
  1339.  
  1340.  
  1341.             scripts.forEach((script) => {
  1342.                 if (script.textContent.includes('score:')) {
  1343.                     const scriptContent = script.textContent;
  1344.  
  1345.                     let match;
  1346.                     while ((match = postRegex.exec(scriptContent)) !== null) {
  1347.                         const postId = match[1];
  1348.                         const score = match[2];
  1349.                         postScores.set(postId, score);
  1350.                     }
  1351.                 }
  1352.             });
  1353.  
  1354.             images = doc.querySelectorAll('.thumb img[src]');
  1355.         }
  1356.         if (useBlacklist) {
  1357.             const blacklistedTags = getCookieValue('tag_blacklist');
  1358.             if (blacklistedTags) {
  1359.                 decodeURIComponent(blacklistedTags).split('%20').forEach(tag => {
  1360.                     negativeTags.push(tag);
  1361.                 });
  1362.             }
  1363.         }
  1364.         images.forEach(image => {
  1365.             if (!loadedImgs) {
  1366.                 const imgId = getThumbImgId(image);
  1367.                 image.score = postScores.get(imgId) || null;
  1368.                 
  1369.                 allImages.push(image);
  1370.             }
  1371.  
  1372.             let tags = '';
  1373.             if (hardSearch) {
  1374.                 tags = image.title.trim().split(' ');
  1375.             } else {
  1376.                 tags = image.title;
  1377.             }
  1378.  
  1379.             var positived;
  1380.  
  1381.             if (orMode) {
  1382.                 positived = false;
  1383.                 searchTags.forEach(tag => {
  1384.                     if (tags.includes(tag)) {
  1385.                         positived = true;
  1386.                     }
  1387.                 });
  1388.             }
  1389.             else {
  1390.                 positived = true;
  1391.                 searchTags.forEach(tag => {
  1392.                     if (!tags.includes(tag)) {
  1393.                         positived = false;
  1394.                     }
  1395.                 });
  1396.             }
  1397.  
  1398.             if (searchTags.length == 0) {
  1399.                 positived = true;
  1400.             }
  1401.  
  1402.             if (positived) {
  1403.                 var negatived = false;
  1404.                 negativeTags.forEach(ntag => {
  1405.                     if (tags.includes(ntag)) {
  1406.                         negatived = true;
  1407.                     }
  1408.                 });
  1409.  
  1410.                 if (!negatived) {
  1411.  
  1412.                     if (loadedImgs) {
  1413.                         results.push({
  1414.                             link: image.link,
  1415.                             src: image.src,
  1416.                             id: image.link.split('id=')[1],
  1417.                             video: image.title.trim().split(' ').includes('video'),
  1418.                             score: image.score
  1419.                         });
  1420.                     }
  1421.                     else {
  1422.                         const imageId = getThumbImgId(image);
  1423.                         const postLink = `index.php?page=post&s=view&id=${imageId}`
  1424.                         results.push({
  1425.                             link: postLink,
  1426.                             src: image.src,
  1427.                             id: imageId,
  1428.                             video: image.title.trim().split(' ').includes('video'),
  1429.                             score: image.score
  1430.                         });
  1431.                     }
  1432.  
  1433.                 }
  1434.             }
  1435.         });
  1436.         if (!loadedImgs && images.length) {
  1437.             lastImageId = getThumbImgId(images[images.length - 1]);
  1438.         }
  1439.     }
  1440.  
  1441.     function loadAllPages() {
  1442.         extractImagesAndTags(false, loadedImages);
  1443.         displayResultsInModal();
  1444.     }
  1445.  
  1446.     async function searchAllPages(startPage = 0) {
  1447.  
  1448.         const totalPages = Math.ceil(actualFavCount / 50);
  1449.         const fetchPromises = [];
  1450.         let loadedPages = startPage;
  1451.  
  1452.         const maxConcurrentRequests = 9;
  1453.         let activeRequests = 0;
  1454.  
  1455.         function delay(ms) {
  1456.             return new Promise(resolve => setTimeout(resolve, ms));
  1457.         }
  1458.  
  1459.         async function fetchAndExtract(page, attempt = 0) {
  1460.             while (activeRequests >= maxConcurrentRequests) {
  1461.                 await delay(100);
  1462.             }
  1463.  
  1464.             activeRequests++;
  1465.             const delayTime = attempt > 0 ? Math.pow(2, attempt) * 100 : page * 50;
  1466.             await delay(delayTime);
  1467.             const doc = await fetchFavoritesPage(page);
  1468.  
  1469.             if (doc) {
  1470.                 await extractImagesAndTags(doc);
  1471.             }
  1472.  
  1473.             let retryCount = 0;
  1474.             while (images.length === 0 && retryCount < 5) {
  1475.                 const retryDelay = Math.pow(2, retryCount) * 100;
  1476.                 await delay(retryDelay);
  1477.                 const retryDoc = await fetchFavoritesPage(page);
  1478.                 if (retryDoc) {
  1479.                     await extractImagesAndTags(retryDoc);
  1480.                 }
  1481.                 retryCount++;
  1482.             }
  1483.  
  1484.             if (images.length > 0) {
  1485.                 loadedPages++;
  1486.             }
  1487.  
  1488.             document.getElementById('progress').innerHTML = `scanning: ${loadedPages} / ${totalPages}&nbsp;&nbsp;(full)`;
  1489.  
  1490.             activeRequests--;
  1491.         }
  1492.  
  1493.         for (let page = startPage; page < totalPages; page++) {
  1494.             fetchPromises.push(fetchAndExtract(page));
  1495.         }
  1496.  
  1497.         await Promise.all(fetchPromises);
  1498.  
  1499.         displayResultsInModal();
  1500.     }
  1501.  
  1502.     async function searchNewPages() {
  1503.  
  1504.         const totalPages = Math.min(10, Math.ceil(actualFavCount / 50));
  1505.         const fetchPromises = [];
  1506.         let loadedPages = 0;
  1507.  
  1508.         const maxConcurrentRequests = 9;
  1509.         let activeRequests = 0;
  1510.  
  1511.         function delay(ms) {
  1512.             return new Promise(resolve => setTimeout(resolve, ms));
  1513.         }
  1514.  
  1515.         async function fetchAndExtract(page, attempt = 0) {
  1516.             while (activeRequests >= maxConcurrentRequests) {
  1517.                 await delay(100);
  1518.             }
  1519.  
  1520.             activeRequests++;
  1521.             const delayTime = attempt > 0 ? Math.pow(2, attempt) * 100 : page * 50;
  1522.             await delay(delayTime);
  1523.             const doc = await fetchFavoritesPage(page);
  1524.  
  1525.             if (doc) {
  1526.                 await extractImagesAndTags(doc);
  1527.             }
  1528.  
  1529.             let retryCount = 0;
  1530.             while (images.length === 0 && retryCount < 5) {
  1531.                 const retryDelay = Math.pow(2, retryCount) * 100;
  1532.                 await delay(retryDelay);
  1533.                 const retryDoc = await fetchFavoritesPage(page);
  1534.                 if (retryDoc) {
  1535.                     await extractImagesAndTags(retryDoc);
  1536.                 }
  1537.                 retryCount++;
  1538.             }
  1539.  
  1540.             if (images.length > 0) {
  1541.                 loadedPages++;
  1542.             }
  1543.  
  1544.             displayScanStatus(`scanning: ${loadedPages} / ${totalPages}`);
  1545.             activeRequests--;
  1546.         }
  1547.  
  1548.         for (let page = 0; page < totalPages; page++) {
  1549.             fetchPromises.push(fetchAndExtract(page));
  1550.         }
  1551.  
  1552.         await Promise.all(fetchPromises);
  1553.  
  1554.  
  1555.         const lastResultId = lastImageId;
  1556.         const indexToDelete = loadedImages.findIndex(item => item.link.split('id=')[1] === lastResultId);
  1557.         if (indexToDelete !== -1) {
  1558.             loadedImages.splice(0, indexToDelete + 1);
  1559.             extractImagesAndTags(false, loadedImages);
  1560.             appendLoadedSave = true;
  1561.             displayResultsInModal();
  1562.         }
  1563.         else {
  1564.             await delay(100);
  1565.             searchAllPages(10);
  1566.         }
  1567.     }
  1568.  
  1569.  
  1570.     function displayResultsInModal(tabTitle = 'Fav Search', columnWidth = 250) {
  1571.         const bgColor = getBgColor();
  1572.         document.removeEventListener('visibilitychange', visibilityChangeHandler);
  1573.  
  1574.         document.body.innerHTML = '';
  1575.  
  1576.         const defaultPageSize = 50;
  1577.         const savedImagesPerPage = localStorage.getItem('imagesPerPage') || defaultPageSize;
  1578.         let imagesPerPage = savedImagesPerPage === 'All' ? actualFavCount : parseInt(savedImagesPerPage, 10);
  1579.  
  1580.         const pageSizes = [5, 10, 15, 25, 50, 100, 250, 500, 1000, 'All'];
  1581.  
  1582.  
  1583.         let currentPage = 1;
  1584.         let currentResults = results.slice();
  1585.  
  1586.         function displayCurretnpage() {
  1587.             showResults(currentResults);
  1588.             scrollToTop();
  1589.         }
  1590.  
  1591.         function cropCurrentPage(resultsToCrop, page, pageSize) {
  1592.             const startIndex = (page - 1) * pageSize;
  1593.             const endIndex = startIndex + pageSize;
  1594.  
  1595.             const paginatedResults = resultsToCrop.slice(startIndex, endIndex);
  1596.             return paginatedResults;
  1597.         }
  1598.  
  1599.         function createPageSizeSelector(updatePageIndicator) {
  1600.             const pageSizeContainer = document.createElement('div');
  1601.             pageSizeContainer.style.marginLeft = '50px';
  1602.             pageSizeContainer.style.display = 'flex';
  1603.             pageSizeContainer.style.alignItems = 'center';
  1604.  
  1605.             const pageSizeLabel = document.createElement('label');
  1606.             pageSizeLabel.textContent = 'Page size:';
  1607.             pageSizeLabel.style.marginRight = '10px';
  1608.             pageSizeLabel.style.fontFamily = 'Verdana, sans-serif';
  1609.             pageSizeLabel.style.fontSize = '16px';
  1610.             pageSizeLabel.style.color = textColor;
  1611.  
  1612.             const pageSizeSelect = document.createElement('select');
  1613.             pageSizeSelect.style.padding = '5px';
  1614.             pageSizeSelect.style.fontSize = '16px';
  1615.  
  1616.  
  1617.             pageSizes.forEach(size => {
  1618.                 const option = document.createElement('option');
  1619.                 option.value = size;
  1620.                 option.textContent = size;
  1621.                 pageSizeSelect.appendChild(option);
  1622.             });
  1623.  
  1624.             pageSizeSelect.value = savedImagesPerPage; 
  1625.  
  1626.             pageSizeSelect.addEventListener('change', () => {
  1627.                 const size = pageSizeSelect.value;
  1628.                 imagesPerPage = size === 'All'? actualFavCount : parseInt(size, 10);
  1629.                 localStorage.setItem('imagesPerPage', size);
  1630.                 currentPage = 1;
  1631.                 displayCurretnpage();
  1632.                 updatePageIndicator();
  1633.             });
  1634.  
  1635.             pageSizeContainer.appendChild(pageSizeLabel);
  1636.             pageSizeContainer.appendChild(pageSizeSelect);
  1637.  
  1638.             return pageSizeContainer;
  1639.         }
  1640.  
  1641.         function createPaginationControls(onPageChange, isMain) {
  1642.             const paginationContainer = document.createElement('div');
  1643.             paginationContainer.style.display = 'flex';
  1644.             paginationContainer.style.justifyContent = 'center';
  1645.             paginationContainer.style.alignItems = 'center';
  1646.             paginationContainer.style.margin = '10px 0';
  1647.             paginationContainer.style.marginRight = '0px';
  1648.         
  1649.             const prevButton = document.createElement('button');
  1650.             prevButton.textContent = '<';
  1651.             prevButton.style.marginRight = '10px';
  1652.             prevButton.style.padding = '5px 10px';
  1653.             prevButton.style.cursor = 'pointer';
  1654.             prevButton.disabled = currentPage === 1;
  1655.             prevButton.addEventListener('click', openPrevPage);
  1656.  
  1657.             function openPrevPage() {
  1658.                 if (currentPage > 1) {
  1659.                     currentPage--;
  1660.                     onPageChange();
  1661.                     prevButton.blur();
  1662.                     displayCurretnpage();
  1663.                 }
  1664.             }
  1665.             function openNextPage() {
  1666.                 const totalPages = Math.ceil(currentResults.length / imagesPerPage);
  1667.                 if (currentPage < totalPages) {
  1668.                     currentPage++;
  1669.                     onPageChange();
  1670.                     nextButton.blur();
  1671.                     displayCurretnpage();
  1672.                 }
  1673.             }
  1674.             
  1675.             if (isMain) {
  1676.                 document.addEventListener('keydown', (event) => {
  1677.                     if (event.key === 'ArrowLeft') {
  1678.                         openPrevPage();
  1679.                     }
  1680.                     if (event.key === 'ArrowRight') {
  1681.                         openNextPage();
  1682.                     }
  1683.                 });
  1684.  
  1685.                 if (isMobile) {
  1686.                     let touchStartX = 0;
  1687.                     let touchEndX = 0;
  1688.  
  1689.                     function handleTouchStart(event) {
  1690.                         touchStartX = event.touches[0].clientX;
  1691.                     }
  1692.  
  1693.                     function handleTouchEnd(event) {
  1694.                         touchEndX = event.changedTouches[0].clientX;
  1695.  
  1696.                         const deltaX = touchEndX - touchStartX;
  1697.  
  1698.                         if (Math.abs(deltaX) > 100) {
  1699.                             if (deltaX > 0) {
  1700.                                 openPrevPage();
  1701.                             } else {
  1702.                                 openNextPage();
  1703.                             }
  1704.                         }
  1705.                     }
  1706.  
  1707.                     resultContainer.addEventListener('touchstart', handleTouchStart, { passive: true });
  1708.                     resultContainer.addEventListener('touchend', handleTouchEnd, { passive: true });
  1709.  
  1710.                 }
  1711.             }
  1712.         
  1713.             const pageIndicator = document.createElement('span');
  1714.             pageIndicator.style.margin = '0 10px';
  1715.             pageIndicator.style.fontSize = '16px';
  1716.             pageIndicator.style.fontFamily = 'Verdana, sans-serif';
  1717.             pageIndicator.style.color = darkMode ? textColor : '#333'
  1718.         
  1719.             function updatePageIndicator() {
  1720.                 const totalPages = Math.ceil(currentResults.length / imagesPerPage);
  1721.                 pageIndicator.textContent = `${currentPage}/${totalPages}`;
  1722.                 prevButton.disabled = currentPage === 1;
  1723.                 nextButton.disabled = currentPage >= totalPages;          
  1724.             }
  1725.         
  1726.             const nextButton = document.createElement('button');
  1727.             nextButton.textContent = '>';
  1728.             nextButton.style.marginLeft = '10px';
  1729.             nextButton.style.padding = '5px 10px';
  1730.             nextButton.style.cursor = 'pointer';
  1731.         
  1732.             nextButton.addEventListener('click', openNextPage);
  1733.         
  1734.             paginationContainer.appendChild(prevButton);
  1735.             paginationContainer.appendChild(pageIndicator);
  1736.             paginationContainer.appendChild(nextButton);
  1737.         
  1738.             updatePageIndicator();
  1739.         
  1740.             return { paginationContainer, prevButton, nextButton, updatePageIndicator };
  1741.         }
  1742.         
  1743.  
  1744.  
  1745.         localStorage.setItem('inputTags', JSON.stringify(inputTags));
  1746.         localStorage.setItem('prevFavCount', JSON.stringify(actualFavCount));
  1747.         localStorage.setItem('userId', JSON.stringify(userId));
  1748.         if (needScan) {
  1749.             try {
  1750.             saveAllImagesToLocalStorage();
  1751.             clearRemovalQueue();
  1752.             clearAdditionalQueue();
  1753.             }
  1754.             catch (e) {
  1755.                 setTimeout(() => {
  1756.                     alert(`Error: Scan results cannot be cached, so each search requires a fresh scan.\nHowever, you can still view the search results.\nTry using the Tampermonkey and updating or changing your browser to resolve the issue.\nPlease report the bug if this issue persists.`);
  1757.                 }, 1000);
  1758.             }
  1759.         }
  1760.  
  1761.         const existingResultContainer = document.querySelector('#resultContainer');
  1762.         if (existingResultContainer) {
  1763.             existingResultContainer.remove();
  1764.         }
  1765.  
  1766.         let removeLabelsShown = false;
  1767.  
  1768.         const resultContainer = document.createElement('div');
  1769.         resultContainer.id = 'resultContainer';
  1770.         resultContainer.style.width = '100%';
  1771.         resultContainer.style.height = '100vh';
  1772.         resultContainer.style.backgroundColor = bgColor;
  1773.         resultContainer.style.color = 'white';
  1774.         resultContainer.style.overflowY = 'auto';
  1775.         resultContainer.style.zIndex = '10000';
  1776.         resultContainer.style.padding = '20px';
  1777.         resultContainer.style.boxSizing = 'border-box';
  1778.         resultContainer.style.display = 'flex';
  1779.         resultContainer.style.flexDirection = 'column';
  1780.  
  1781.         const imagesContainer = document.createElement('div');
  1782.         imagesContainer.id = 'imagesContainer';
  1783.         imagesContainer.style.width = '100%';
  1784.         imagesContainer.style.marginTop = '10px';
  1785.         imagesContainer.style.display = 'flex';
  1786.         imagesContainer.style.flexWrap = 'wrap';
  1787.         imagesContainer.style.justifyContent = 'flex-start';
  1788.         imagesContainer.style.alignContent = 'flex-start';
  1789.         imagesContainer.style.alignItems = 'flex-start';
  1790.         
  1791.         function scrollToTop() {
  1792.             resultContainer.scrollTop = 0;
  1793.         }
  1794.  
  1795.         const imageCount = document.createElement('div');
  1796.         let hidenVideoNumber = 0;
  1797.         function updateImageCounter() {
  1798.             imageCount.textContent = `Images: ${results.length - hidenVideoNumber}`;
  1799.         }
  1800.  
  1801.         const bottomControls = createPaginationControls(updatePageControls, false);
  1802.         const { paginationContainer, prevButton, nextButton, updatePageIndicator } = createPaginationControls(updatePageControls, true);
  1803.         function updatePageControls() {
  1804.             updatePageIndicator();
  1805.             bottomControls.updatePageIndicator();
  1806.         }
  1807.         
  1808.  
  1809.         function createHeaderContainer() {
  1810.             const defaultButtonColor = '#DBA19D';
  1811.             const defaultButtonColorHowered = '#9E7471';
  1812.             const activeButtonColor = '#e26c5e';
  1813.             const activeButtonColorHowered = '#c45a4b';
  1814.             
  1815.             let selectedButton;  
  1816.             function isButtonSelected(button) {
  1817.                 return (selectedButton === button);
  1818.             }   
  1819.  
  1820.             function selectButton(button) {
  1821.                 if (isButtonSelected(button)) return;
  1822.                 resetButtonSelection();
  1823.                 selectedButton = button;
  1824.                 button.style.backgroundColor = activeButtonColorHowered;
  1825.             }
  1826.  
  1827.             function resetButtonSelection() {
  1828.                 hidenVideoNumber = 0;
  1829.                 randomizeButton.style.backgroundColor = defaultButtonColor;
  1830.                 scoreButton.style.backgroundColor = defaultButtonColor;
  1831.                 dateButton.style.backgroundColor = defaultButtonColor;
  1832.             }
  1833.  
  1834.             const headerContainer = document.createElement('div');
  1835.             headerContainer.style.width = '100%';
  1836.             headerContainer.style.display = 'flex';
  1837.             headerContainer.style.flexDirection = 'column';
  1838.             headerContainer.style.alignItems = 'flex-start';
  1839.  
  1840.             imageCount.textContent = `Images: ${results.length}`;
  1841.             imageCount.style.fontFamily = 'Verdana, sans-serif';
  1842.             imageCount.style.fontSize = '20px';
  1843.             imageCount.style.fontWeight = 'bold';
  1844.             imageCount.style.color = textColor;
  1845.             imageCount.style.textAlign = 'left';
  1846.             imageCount.style.marginBottom = '10px';
  1847.  
  1848.             const controlsContainer = document.createElement('div');
  1849.             controlsContainer.style.width = '100%';
  1850.             controlsContainer.style.display = 'flex';
  1851.             controlsContainer.style.alignItems = 'center';
  1852.  
  1853.             const toggleRemoveLabelContainer = document.createElement('div');
  1854.             toggleRemoveLabelContainer.style.display = 'flex';
  1855.             toggleRemoveLabelContainer.style.alignItems = 'center';
  1856.  
  1857.             const toggleRemoveLabelCheckbox = document.createElement('input');
  1858.             toggleRemoveLabelCheckbox.type = 'checkbox';
  1859.             toggleRemoveLabelCheckbox.id = 'toggleRemoveLabelCheckbox';
  1860.             toggleRemoveLabelCheckbox.style.marginRight = '10px';
  1861.             toggleRemoveLabelCheckbox.onchange = () => {
  1862.                 removeLabelsShown = !removeLabelsShown;
  1863.                 const removeLabels = document.querySelectorAll('.removeLabel');
  1864.                 removeLabels.forEach(label => {
  1865.                     label.style.display = toggleRemoveLabelCheckbox.checked ? 'inline' : 'none';
  1866.                 });
  1867.             };
  1868.  
  1869.             const toggleRemoveLabelText = document.createElement('label');
  1870.             toggleRemoveLabelText.htmlFor = 'toggleRemoveLabelCheckbox';
  1871.             toggleRemoveLabelText.textContent = 'Removing';
  1872.             toggleRemoveLabelText.style.color = textColor;
  1873.             toggleRemoveLabelText.style.fontFamily = 'Verdana, sans-serif';
  1874.             toggleRemoveLabelText.style.fontSize = '16px';
  1875.             toggleRemoveLabelText.style.fontWeight = 'bold';
  1876.  
  1877.             toggleRemoveLabelContainer.appendChild(toggleRemoveLabelCheckbox);
  1878.             toggleRemoveLabelContainer.appendChild(toggleRemoveLabelText);
  1879.  
  1880.             const randomizeButton = document.createElement('button');
  1881.             randomizeButton.textContent = 'Randomize';
  1882.             randomizeButton.style.backgroundColor = defaultButtonColor;
  1883.             randomizeButton.style.color = 'white';
  1884.             randomizeButton.style.border = 'none';
  1885.             randomizeButton.style.padding = '5px 10px 3px 10px';
  1886.             randomizeButton.style.cursor = 'pointer';
  1887.             randomizeButton.style.borderRadius = '3px';
  1888.             randomizeButton.style.fontSize = '18px';
  1889.             randomizeButton.style.marginLeft = '20px';
  1890.             randomizeButton.onmouseover = () => {
  1891.                 randomizeButton.style.backgroundColor = isButtonSelected(randomizeButton) ? activeButtonColorHowered : defaultButtonColorHowered;
  1892.             };
  1893.             randomizeButton.onmouseout = () => {
  1894.                 randomizeButton.style.backgroundColor = isButtonSelected(randomizeButton) ? activeButtonColor : defaultButtonColor;
  1895.             };
  1896.             randomizeButton.onclick = () => {
  1897.                 if(isButtonSelected(scoreButton)) {
  1898.                     hidenVideoNumber = 0;
  1899.                     updateImageCounter();
  1900.                 }
  1901.                 selectButton(randomizeButton);
  1902.                 const shuffledResults = results.slice().sort(() => 0.5 - Math.random());
  1903.                 updateCurrentResults(shuffledResults);
  1904.                 updatePageControls();
  1905.             };
  1906.  
  1907.             const scoreButton = document.createElement('button');
  1908.             scoreButton.textContent = 'Score';
  1909.             scoreButton.style.backgroundColor = defaultButtonColor; 
  1910.             scoreButton.style.color = 'white';
  1911.             scoreButton.style.border = 'none';
  1912.             scoreButton.style.padding = '5px 10px 3px 10px';
  1913.             scoreButton.style.cursor = 'pointer';
  1914.             scoreButton.style.borderRadius = '3px';
  1915.             scoreButton.style.fontSize = '18px';
  1916.             scoreButton.style.marginLeft = '20px';
  1917.             scoreButton.style.marginRight = '400px';
  1918.             scoreButton.style.flexShrink = '0';
  1919.  
  1920.  
  1921.             scoreButton.onmouseover = () => {
  1922.                 scoreButton.style.backgroundColor = isButtonSelected(scoreButton) ? activeButtonColorHowered : defaultButtonColorHowered;
  1923.             };
  1924.  
  1925.             scoreButton.onmouseout = () => {
  1926.                 scoreButton.style.backgroundColor = isButtonSelected(scoreButton) ? activeButtonColor : defaultButtonColor;
  1927.             };
  1928.  
  1929.             let isNoVid = false;
  1930.  
  1931.             scoreButton.onclick = () => {
  1932.                 if(isButtonSelected(scoreButton)) {
  1933.                     if (isNoVid) {
  1934.                         scoreButton.textContent = 'Score';
  1935.                         isNoVid = false;
  1936.                     } else {
  1937.                         scoreButton.textContent = 'Score no video';
  1938.                         isNoVid = true;
  1939.                     }
  1940.                 }
  1941.                 else {
  1942.                     selectButton(scoreButton);
  1943.                 }
  1944.  
  1945.                 let sortedResults;
  1946.                 if (isNoVid) {
  1947.                     const numberWithVideos = results.length; 
  1948.                     sortedResults = results.filter(result => !result.video);
  1949.                     const numberWithOutVideos = sortedResults.length;
  1950.                     sortedResults = sortedResults.sort((a, b) => b.score - a.score);
  1951.                     hidenVideoNumber = numberWithVideos - numberWithOutVideos;
  1952.                 }
  1953.                 else {
  1954.                     sortedResults = results.slice().sort((a, b) => b.score - a.score);
  1955.                     hidenVideoNumber = 0;
  1956.                 }
  1957.                 updateImageCounter();
  1958.                 updateCurrentResults(sortedResults);
  1959.                 updatePageControls();
  1960.             };
  1961.  
  1962.             const dateButton = document.createElement('button');
  1963.             dateButton.textContent = 'New';
  1964.             dateButton.style.backgroundColor = defaultButtonColor;
  1965.             dateButton.style.color = 'white';
  1966.             dateButton.style.border = 'none';
  1967.             dateButton.style.padding = '5px 10px 3px 10px';
  1968.             dateButton.style.cursor = 'pointer';
  1969.             dateButton.style.borderRadius = '3px';
  1970.             dateButton.style.fontSize = '18px';
  1971.             dateButton.style.marginLeft = '20px';
  1972.             dateButton.style.width = '56px';
  1973.  
  1974.             dateButton.onmouseover = () => {
  1975.                 dateButton.style.backgroundColor = isButtonSelected(dateButton) ? activeButtonColorHowered : defaultButtonColorHowered;
  1976.             };
  1977.  
  1978.             dateButton.onmouseout = () => {
  1979.                 dateButton.style.backgroundColor = isButtonSelected(dateButton) ? activeButtonColor : defaultButtonColor;
  1980.             };
  1981.  
  1982.             let isNewOrder = true; 
  1983.  
  1984.             dateButton.onclick = () => {
  1985.                 if(isButtonSelected(scoreButton)) {
  1986.                     hidenVideoNumber = 0;
  1987.                     updateImageCounter();
  1988.                 }
  1989.                 if(isButtonSelected(dateButton)) {
  1990.                     if (isNewOrder) {
  1991.                         dateButton.textContent = 'Old';
  1992.                         isNewOrder = false;
  1993.                     } else {
  1994.                         dateButton.textContent = 'New';
  1995.                         isNewOrder = true;
  1996.                     }
  1997.                 }
  1998.                 else {
  1999.                     selectButton(dateButton);
  2000.                 }
  2001.  
  2002.                 if (isNewOrder) {
  2003.                     updateCurrentResults(results.slice());
  2004.                 }
  2005.                 else {
  2006.                     updateCurrentResults(results.slice().reverse());
  2007.                 }
  2008.                 updatePageControls();
  2009.             };
  2010.         
  2011.             const pageSizeSelector = createPageSizeSelector(updatePageControls);
  2012.  
  2013.             const topPageControls = document.createElement('div');
  2014.             topPageControls.style.display = 'flex';
  2015.             topPageControls.style.alignItems = 'center';
  2016.             topPageControls.style.position = 'absolute';
  2017.             topPageControls.style.marginLeft = '850px';
  2018.  
  2019.             topPageControls.appendChild(paginationContainer);
  2020.             topPageControls.appendChild(pageSizeSelector);
  2021.  
  2022.  
  2023.             selectButton(dateButton);
  2024.  
  2025.             function updateLayout() {
  2026.                 const screenWidth = window.innerWidth || document.documentElement.clientWidth;
  2027.                 if (screenWidth >= 1250) {
  2028.                     controlsContainer.appendChild(toggleRemoveLabelContainer);
  2029.                     controlsContainer.appendChild(randomizeButton);
  2030.                     controlsContainer.appendChild(dateButton);
  2031.                     controlsContainer.appendChild(scoreButton);
  2032.  
  2033.                     randomizeButton.style.marginLeft = '50px';
  2034.                     headerContainer.style.flexDirection = 'row';
  2035.                     headerContainer.style.alignItems = 'center';
  2036.                     headerContainer.style.position = 'relative';
  2037.                     headerContainer.style.marginTop = '0px';
  2038.                     headerContainer.style.justifyContent = 'flex-start';
  2039.  
  2040.                     imageCount.style.position = 'absolute';
  2041.                     imageCount.style.marginBottom = '0';
  2042.                     imageCount.style.marginLeft = '600px';
  2043.                     imageCount.style.top = 'auto'; 
  2044.  
  2045.                     pageSizeSelector.style.marginLeft = '50px';
  2046.  
  2047.                     topPageControls.style.position = 'absolute';
  2048.                     topPageControls.style.marginLeft = '850px';
  2049.  
  2050.                     controlsContainer.style.flexDirection = 'row';
  2051.                     controlsContainer.style.justifyContent = 'flex-start';
  2052.                     controlsContainer.style.marginTop = '0px';
  2053.                     controlsContainer.appendChild(topPageControls);
  2054.                     controlsContainer.appendChild(imageCount);
  2055.                     toggleRemoveLabelText.textContent = 'Removing';
  2056.                     toggleRemoveLabelContainer.style.marginLeft = '10px';
  2057.  
  2058.                     headerContainer.appendChild(controlsContainer);
  2059.  
  2060.                 } 
  2061.                 else if (screenWidth >= 600) {
  2062.                     const imageCountContainer = document.createElement('div');
  2063.                     imageCountContainer.style.flexDirection = 'row';
  2064.                     imageCountContainer.style.position = 'relative';
  2065.                     imageCountContainer.style.display = 'flex';
  2066.                     imageCountContainer.style.alignItems = 'center';
  2067.                     imageCountContainer.appendChild(imageCount);
  2068.                     imageCountContainer.appendChild(topPageControls);
  2069.  
  2070.                     controlsContainer.appendChild(toggleRemoveLabelContainer);
  2071.                     controlsContainer.appendChild(randomizeButton);
  2072.                     controlsContainer.appendChild(dateButton);
  2073.                     controlsContainer.appendChild(scoreButton);
  2074.  
  2075.                     randomizeButton.style.marginLeft = '50px';
  2076.                     headerContainer.style.flexDirection = 'column';
  2077.                     headerContainer.style.alignItems = 'flex-start';
  2078.  
  2079.                     imageCount.style.position = 'relative';
  2080.                     imageCount.style.marginBottom = '0px';
  2081.                     imageCount.style.transform = 'translateX(0%)';
  2082.                     imageCount.style.marginLeft = '10px';
  2083.  
  2084.                     pageSizeSelector.style.marginLeft = '50px';
  2085.  
  2086.                     topPageControls.style.position = 'relative';
  2087.                     topPageControls.style.marginLeft = '50px';
  2088.  
  2089.                     controlsContainer.style.flexDirection = 'row';
  2090.                     controlsContainer.style.justifyContent = 'flex-start';
  2091.                     controlsContainer.style.marginTop = '0px';
  2092.                     toggleRemoveLabelText.textContent = 'Removing';
  2093.                     toggleRemoveLabelContainer.style.marginLeft = '10px';
  2094.  
  2095.                     headerContainer.appendChild(imageCountContainer);
  2096.                     headerContainer.appendChild(controlsContainer);
  2097.                 }          
  2098.                 else {
  2099.                     const imageCountContainer = document.createElement('div');
  2100.                     imageCountContainer.appendChild(imageCount);
  2101.                     imageCountContainer.appendChild(toggleRemoveLabelContainer);
  2102.                     imageCountContainer.style.flexDirection = 'row';
  2103.                     imageCountContainer.style.position = 'relative';
  2104.                     imageCountContainer.style.display = 'flex';
  2105.  
  2106.                     pageSizeSelector.style.marginLeft = '0px';
  2107.  
  2108.                     randomizeButton.style.marginLeft = '0px';
  2109.                     headerContainer.style.flexDirection = 'column';
  2110.                     headerContainer.style.alignItems = 'flex-start';
  2111.  
  2112.                     imageCount.style.position = 'relative';
  2113.                     imageCount.style.marginBottom = '10px';
  2114.                     imageCount.style.transform = 'translateX(0%)';
  2115.                     imageCount.style.marginLeft = '0px';
  2116.  
  2117.                     controlsContainer.style.flexDirection = 'row';
  2118.                     controlsContainer.style.justifyContent = 'flex-start';
  2119.                     controlsContainer.style.marginTop = '10px';
  2120.  
  2121.                     toggleRemoveLabelContainer.style.marginLeft = '0px';
  2122.                     toggleRemoveLabelContainer.style.position = 'relative';
  2123.                     toggleRemoveLabelContainer.style.marginLeft = '30px';
  2124.  
  2125.                     topPageControls.style.position = 'relative';
  2126.                     topPageControls.style.marginLeft = '0px';
  2127.  
  2128.                     pageSizeSelector.style.marginLeft = '10px';
  2129.  
  2130.                     controlsContainer.appendChild(randomizeButton);
  2131.                     controlsContainer.appendChild(dateButton);
  2132.                     controlsContainer.appendChild(scoreButton);
  2133.  
  2134.                     headerContainer.appendChild(imageCountContainer);
  2135.                     headerContainer.appendChild(topPageControls);
  2136.                     headerContainer.appendChild(controlsContainer);
  2137.                 }
  2138.             }
  2139.  
  2140.             updateLayout();
  2141.  
  2142.             window.addEventListener('resize', updateLayout);
  2143.  
  2144.             return headerContainer;
  2145.         }
  2146.  
  2147.         const headerContainer = createHeaderContainer();
  2148.         resultContainer.appendChild(headerContainer);
  2149.  
  2150.         const spacer = document.createElement('div');
  2151.         spacer.style.width = '100%';
  2152.         spacer.style.height = '20px';
  2153.         resultContainer.appendChild(spacer);
  2154.  
  2155.         resultContainer.appendChild(imagesContainer);
  2156.  
  2157.         displayCurretnpage();
  2158.  
  2159.         function returnToFavPage() {
  2160.             localStorage.setItem('fromBack', JSON.stringify(true));
  2161.             location.reload();
  2162.         }
  2163.  
  2164.         const backButton = document.createElement('button');
  2165.         backButton.textContent = 'Back';
  2166.         backButton.style.position = 'fixed';
  2167.         backButton.style.top = '10px';
  2168.         backButton.style.right = '20px';
  2169.         backButton.style.backgroundColor = 'transparent';
  2170.         backButton.style.border = 'none';
  2171.         backButton.style.color = darkMode ? textColor : '#0b3d91';
  2172.         backButton.style.fontSize = '24px';
  2173.         backButton.style.fontWeight = 'bold';
  2174.         backButton.style.cursor = 'pointer';
  2175.         backButton.style.zIndex = '9999';
  2176.         backButton.addEventListener('mouseover', () => {
  2177.             backButton.style.color = '#660000';
  2178.         });
  2179.         backButton.addEventListener('mouseout', () => {
  2180.             backButton.style.color = darkMode ? textColor : '#0b3d91';
  2181.  
  2182.         });
  2183.         backButton.addEventListener('click', () => {
  2184.             returnToFavPage();
  2185.         });
  2186.         document.body.appendChild(backButton);
  2187.  
  2188.         document.addEventListener('keydown', (event) => {
  2189.             if (event.key === 'Escape') {
  2190.                 returnToFavPage();
  2191.             }
  2192.         });
  2193.  
  2194.         const bottomSpacer = document.createElement('div');
  2195.         bottomSpacer.style.width = '100%';
  2196.         bottomSpacer.style.height = '50px';
  2197.         bottomSpacer.style.flexShrink = '0';
  2198.         bottomSpacer.style.display = 'block';
  2199.  
  2200.         if (isMobile) {
  2201.             
  2202.             document.addEventListener('touchmove', function(event) {
  2203.                 const scrollPosition = window.scrollY; 
  2204.                 const maxScroll = document.documentElement.scrollHeight - window.innerHeight;
  2205.             
  2206.                 if (scrollPosition >= maxScroll && event.touches[0].clientY > 0) {
  2207.                     event.preventDefault();
  2208.                 }
  2209.             }, { passive: false });
  2210.             
  2211.         }
  2212.  
  2213.         document.title = tabTitle || 'Results';
  2214.         document.body.style.margin = '0';
  2215.         document.body.style.padding = '0';
  2216.         document.body.style.height = '100vh';
  2217.         document.body.style.overflow = 'hidden';
  2218.  
  2219.         resultContainer.appendChild(bottomControls.paginationContainer);
  2220.         if (isMobile) resultContainer.appendChild(bottomSpacer);
  2221.         document.body.appendChild(resultContainer);
  2222.         scrollToTop();
  2223.  
  2224.         function updateCurrentResults(shuffledResults) {
  2225.             currentPage = 1;
  2226.             currentResults = shuffledResults;
  2227.             showResults(shuffledResults);
  2228.         }
  2229.  
  2230.         function showResults(shuffledResults) {
  2231.             imagesContainer.querySelectorAll('.resultItem').forEach(item => item.remove());
  2232.  
  2233.             const pageResults = cropCurrentPage(shuffledResults, currentPage, imagesPerPage);
  2234.             pageResults.forEach(result => {
  2235.                 appendResult(result);
  2236.             });
  2237.         }
  2238.  
  2239.         function appendResult(result) {
  2240.             if (!result) return;
  2241.             const resultItem = document.createElement('div');
  2242.             resultItem.className = 'resultItem';
  2243.             resultItem.id = `favorite-${result.id}`;
  2244.             resultItem.style.textAlign = 'center';
  2245.             resultItem.style.width = `${columnWidth}px`;
  2246.             resultItem.style.margin = '10px';
  2247.             resultItem.style.alignSelf = 'flex-start';
  2248.  
  2249.             resultItem.style.position = 'relative';
  2250.             resultItem.style.transition = 'height 0.15s'
  2251.         
  2252.             const removeLabel = document.createElement('a');
  2253.             removeLabel.href = '#';
  2254.             removeLabel.className = 'removeLabel';
  2255.             removeLabel.style.color = darkMode ? textColor : '#009';
  2256.             removeLabel.style.fontWeight = 'bold';
  2257.             removeLabel.style.textDecoration = 'none';
  2258.             removeLabel.style.fontFamily = 'Verdana, sans-serif';
  2259.             removeLabel.style.fontSize = '100%';
  2260.             removeLabel.style.display = removeLabelsShown ? 'inline' : 'none';
  2261.             removeLabel.textContent = 'Remove';
  2262.  
  2263.             function updateResultItemHeight() {
  2264.                 if (!isMobile) {
  2265.                     resultItem.style.height = removeLabel.style.display === 'inline' ? '275px' : '250px'; 
  2266.                 }
  2267.             }
  2268.  
  2269.             removeLabel.onclick = (event) => {
  2270.                 addToRemovalQueue(result.id);
  2271.                 event.preventDefault();
  2272.                 fetch(`index.php?page=favorites&s=delete&id=${result.id}`, {
  2273.                     method: 'GET',
  2274.                 })
  2275.                 .then(response => {
  2276.                     if (response.ok) {
  2277.                         const element = document.getElementById(`favorite-${result.id}`);
  2278.                         if (element) {
  2279.                             const indexToRemove = results.indexOf(result);
  2280.                             const indexToRemoveCurrent = currentResults.indexOf(result);
  2281.                             if (indexToRemove > -1) {
  2282.                                 results.splice(indexToRemove, 1);
  2283.                             }
  2284.                             if (indexToRemoveCurrent > -1) {
  2285.                                 currentResults[indexToRemoveCurrent] = null;
  2286.                             }
  2287.                             element.remove();
  2288.                             updateImageCounter();
  2289.                         } else {
  2290.                             console.error(`Element with ID favorite-${result.id} not found`);
  2291.                         }
  2292.                     } else {
  2293.                         console.error("Failed to remove from favorites");
  2294.                     }
  2295.                 })
  2296.                 .catch(error => console.error("Error:", error));
  2297.             };
  2298.         
  2299.             const borderStyle = result.video ? 'border: 3px solid rgb(0, 0, 255);' : '';
  2300.         
  2301.             resultItem.innerHTML = `
  2302.                 <a href="index.php?page=post&s=view&id=${result.id}" id="p${result.id}" target="_blank">
  2303.                     <img src="${result.src}" title="" border="0" alt="" style="max-width: 100%; max-height: 100%; ${borderStyle}; margin-bottom: 5px;">
  2304.                 </a><br>
  2305.             `;
  2306.  
  2307.             resultItem.appendChild(removeLabel);
  2308.             imagesContainer.appendChild(resultItem);
  2309.  
  2310.  
  2311.             const observer = new MutationObserver(() => updateResultItemHeight());
  2312.             observer.observe(removeLabel, { attributes: true, attributeFilter: ['style'] });
  2313.  
  2314.             updateResultItemHeight();
  2315.         }
  2316.     }
  2317.  
  2318.     let favCountOnLastUpdate;
  2319.  
  2320.     async function fastCheckForScanIsNeeded() {
  2321.         const savedUserId = loadSavedUserId();
  2322.  
  2323.         if (savedUserId) {
  2324.             const sameUser = getIdFromUrl() == savedUserId;
  2325.             if (!sameUser) {
  2326.                 const scanStatus = document.getElementById('progress').textContent;
  2327.                 return !(scanStatus == 'new user');
  2328.             }
  2329.             else {
  2330.                 return getFavoritesCount(userId).then(favCount => {
  2331.                     const haveNewFavs = favCount != favCountOnLastUpdate;
  2332.                     if (haveNewFavs && favCountOnLastUpdate) {
  2333.                         favCountOnLastUpdate = favCount;
  2334.                         return true;
  2335.                     }
  2336.                     else {
  2337.                         return false;
  2338.                     }
  2339.                 });
  2340.  
  2341.             }
  2342.         }
  2343.         else {
  2344.             return false;
  2345.         }
  2346.     }
  2347.  
  2348.     function switchedToFavPage() {
  2349.         fastCheckForScanIsNeeded().then(checkResult => {
  2350.             if (checkResult) location.reload();
  2351.         });
  2352.     }
  2353.  
  2354.     function visibilityChangeHandler() {
  2355.         if (document.visibilityState === 'visible') {
  2356.             switchedToFavPage();
  2357.         }
  2358.     }
  2359.  
  2360.     function checkForUpdate() {
  2361.         const savedVersion = localStorage.getItem('scriptVersion');
  2362.         if (savedVersion) {
  2363.             if (savedVersion != scriptVersion) {
  2364.                 alert(`Favorites Search script was updated to version ${scriptVersion}\nNew features available:\n- Search tags autocomplete in Verbatim mode\n- Sort Score and other sorting options\n- Results pagination\n- Toggle to hide blacklisted images\n- Auto refresh Favorites page if you added new favorites\n- Fixed removing without page reload and script reset\n- Fixed Favorites detection on other pages without rescan`);
  2365.  
  2366.                 reset();
  2367.             }
  2368.         }
  2369.     }
  2370.  
  2371.     function init() {
  2372.         if (customIcon) {
  2373.             updateIcon('https://i.imgur.com/EtURK0r.png');
  2374.         }
  2375.  
  2376.         checkForUpdate();
  2377.         localStorage.setItem('scriptVersion', scriptVersion);
  2378.  
  2379.         SearchInputModule.createSearchInput();
  2380.  
  2381.         document.addEventListener(
  2382.             "click",
  2383.             function (e) {
  2384.                 const target = e.target.closest("a");
  2385.         
  2386.                 if (
  2387.                     target &&
  2388.                     target.getAttribute("onclick") &&
  2389.                     target.getAttribute("onclick").includes("favorites&s=delete")
  2390.                 ) {  
  2391.                     const onclickCode = target.getAttribute("onclick");
  2392.         
  2393.                     const idMatch = onclickCode.match(/id=(\d+)/);
  2394.                     if (idMatch) {
  2395.                         const id = idMatch[1];
  2396.                         removeFromAdditionalQueue(id);
  2397.                         addToRemovalQueue(id);
  2398.                     }
  2399.                 }
  2400.             },
  2401.             true
  2402.         );
  2403.         document.addEventListener('visibilitychange', visibilityChangeHandler);
  2404.         
  2405.         getFavoritesCount(userId).then(favoritesCount => {
  2406.             actualFavCount = favoritesCount;
  2407.             favCountOnLastUpdate = favoritesCount;
  2408.  
  2409.             loadAllImagesFromLocalStorage(function(loadedImgs) {
  2410.                 const removalQueue = getRemovalQueue();
  2411.                 const removalSet = new Set();
  2412.                 removalQueue.forEach(id => {
  2413.                     removalSet.add(id);
  2414.                 });
  2415.  
  2416.                 loadedImages = loadedImgs.filter(img => {
  2417.                     if (removalSet.has(img.id)) {
  2418.                         return false;
  2419.                     }
  2420.                     return true;
  2421.                 });
  2422.  
  2423.                 needScan = true;
  2424.                 fullScan = true;
  2425.                 if (prevUserId) {
  2426.                     if (userId == prevUserId) {
  2427.                         if (prevFavCount > 0 && loadedImages.length > 0) {
  2428.                             fullScan = false;
  2429.                             const loadedFirstId = loadedImages[0].id;
  2430.  
  2431.                             fetchFavoritesPage(0).then(pageDoc => {
  2432.                                 const actualFirstId = pageDoc.querySelectorAll('.thumb img')[0].parentElement.href.split('id=')[1];
  2433.                                 const loadedCount = loadedImages.length;
  2434.                                 if ((loadedFirstId != actualFirstId) && !fromBack || (favoritesCount != prevFavCount)) {
  2435.                                     displayScanStatus('scanned (new)');
  2436.                                 }
  2437.                                 else {
  2438.                                     needScan = false;
  2439.                                     allImages = loadedImages;
  2440.                                     displayScanStatus('scanned');
  2441.                                 }
  2442.                             });
  2443.                         }
  2444.                         else {
  2445.                             displayScanStatus('need scan');
  2446.                         }
  2447.                     }
  2448.                     else {
  2449.                         displayScanStatus('new user');
  2450.                     }
  2451.                 }
  2452.                 else {
  2453.                     displayScanStatus('need scan');
  2454.                 }
  2455.             });
  2456.         });
  2457.  
  2458.     }
  2459.  
  2460.     const exploreModule = (() => {
  2461.         const BORDER_COLOR = '#DB1C32';
  2462.         const BORDER_THICKNESS = 3;
  2463.  
  2464.         function onPostPage() {
  2465.             const originalAddFav = window.addFav;
  2466.  
  2467.             window.addFav = function(postId) {
  2468.                 addToAdditionalQueue(postId);
  2469.                 originalAddFav.apply(this, arguments);
  2470.             };
  2471.         }
  2472.  
  2473.         function handleUserReturn() {
  2474.             const additionalQueue = getAdditionalQueue();
  2475.             const additionalSet = new Set();
  2476.             additionalQueue.forEach(id => {
  2477.                 additionalSet.add(id);
  2478.             });
  2479.  
  2480.             if (additionalQueue.length > 0) {
  2481.                 const imageListDivs = document.querySelectorAll('div.image-list');
  2482.                 imageListDivs.forEach(imageListDiv => {
  2483.                     const thumbs = imageListDiv.querySelectorAll('span.thumb');
  2484.  
  2485.                     thumbs.forEach(thumb => {
  2486.                         const images = thumb.querySelectorAll('img');
  2487.  
  2488.                         images.forEach(img => {
  2489.                             const imgId = getThumbImgId(img);
  2490.                             if (additionalSet.has(imgId)) {
  2491.                                 img.style.border = `${BORDER_THICKNESS}px solid ${BORDER_COLOR}`;
  2492.                             }
  2493.                         });
  2494.                     });
  2495.                 });
  2496.             }
  2497.         }
  2498.  
  2499.         function addImageBorderById(id) {
  2500.             const spanId = `s${id}`;
  2501.  
  2502.             const targetSpan = document.getElementById(spanId);
  2503.  
  2504.             if (targetSpan) {
  2505.                 const img = targetSpan.querySelector('img');
  2506.  
  2507.                 if (img) {
  2508.                     img.style.border = `${BORDER_THICKNESS}px solid ${BORDER_COLOR}`;
  2509.                 }
  2510.             } else {
  2511.                 console.error(`Not found span with ID ${spanId}`);
  2512.             }
  2513.         }
  2514.  
  2515.         function highlightFavs() {
  2516.             const originalAddFav = window.addFav;
  2517.  
  2518.             window.addFav = function(postId) {
  2519.                 addToAdditionalQueue(postId);
  2520.                 originalAddFav.apply(this, arguments);
  2521.                 if (borderFavs) addImageBorderById(postId);
  2522.             };
  2523.  
  2524.             const savedborderFavs = localStorage.getItem('borderFavs');
  2525.             borderFavs = savedborderFavs ? JSON.parse(savedborderFavs) : true;
  2526.  
  2527.             if (borderFavs) {
  2528.  
  2529.                 document.addEventListener('visibilitychange', () => {
  2530.                     if (document.visibilityState === 'visible') {
  2531.                         handleUserReturn();
  2532.                     }
  2533.                 });
  2534.  
  2535.                 loadAllImagesFromLocalStorage(function(loadedImgs) {
  2536.  
  2537.                     const idSet = new Set();
  2538.                     loadedImgs.forEach(img => {
  2539.                         idSet.add(img.id);
  2540.                     });
  2541.  
  2542.                     const additionalQueue = getAdditionalQueue();
  2543.                     const additionalSet = new Set();
  2544.                     additionalQueue.forEach(id => {
  2545.                         additionalSet.add(id);
  2546.                     });
  2547.  
  2548.                     const removalQueue = getRemovalQueue();
  2549.                     const removalSet = new Set();
  2550.                     removalQueue.forEach(id => {
  2551.                         removalSet.add(id);
  2552.                     });
  2553.  
  2554.                     if (loadedImgs.length > 0) {
  2555.                         const imageListDivs = document.querySelectorAll('div.image-list');
  2556.                         imageListDivs.forEach(imageListDiv => {
  2557.                             const thumbs = imageListDiv.querySelectorAll('span.thumb');
  2558.  
  2559.                             thumbs.forEach(thumb => {
  2560.                                 const images = thumb.querySelectorAll('img');
  2561.  
  2562.                                 images.forEach(img => {
  2563.                                     const imgId = getThumbImgId(img);
  2564.                                     if (additionalSet.has(imgId) || (idSet.has(imgId) && !removalSet.has(imgId))) {
  2565.                                         img.style.border = `${BORDER_THICKNESS}px solid ${BORDER_COLOR}`;
  2566.                                     }
  2567.                                 });
  2568.                             });
  2569.                         });
  2570.                     }
  2571.                 });
  2572.             }
  2573.         }
  2574.         return {
  2575.             highlightFavs,
  2576.             onPostPage
  2577.         };
  2578.     })();
  2579.  
  2580.  
  2581.     if(pageType === PageType.FAVORITE_VIEW) {
  2582.         userId = getIdFromUrl();
  2583.         isMobile = isMobileVersion();
  2584.         darkMode = isDarkMode();
  2585.         loadSavedData();
  2586.         init();
  2587.     }
  2588.     else if (pageType === PageType.POST_LIST) {
  2589.         exploreModule.highlightFavs();
  2590.     } 
  2591.     else if (pageType === PageType.POST_VIEW) {
  2592.         exploreModule.onPostPage();
  2593.     }
  2594.  
  2595.     
  2596.  
  2597.  
  2598. })();
  2599.  
  2600.  
  2601.