☰

Enhanced Hide Signatures on IGN Boards

Enhanced version with better performance and maintainability

  1. // ==UserScript==
  2. // @name         Enhanced Hide Signatures on IGN Boards
  3. // @namespace    https://www.ignboards.com/members/magof.5211856/
  4. // @version      0.2
  5. // @author       Magof
  6. // @description  Enhanced version with better performance and maintainability
  7. // @match        https://www.ignboards.com/threads/*
  8. // @grant        GM_addStyle
  9. // @grant        GM_setValue
  10. // @grant        GM_getValue
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // Constants
  17.     const STORAGE_KEY = 'hiddenUsers';
  18.     const BUTTON_CLASSES = ['signature-toggle-button', 'button--link', 'button', 'rippleButton'];
  19.     const ICONS = {
  20.         visible: '<i class="fas fa-eye-slash"></i>',
  21.         hidden: '<i class="fas fa-eye"></i>'
  22.     };
  23.     const TOOLTIPS = {
  24.         visible: 'Hide this user\'s signature',
  25.         hidden: 'Show this user\'s signature'
  26.     };
  27.  
  28.     // Cache DOM elements
  29.     let postsContainer;
  30.  
  31.     /**
  32.      * Toggle signature visibility for a specific user
  33.      * @param {string} user - The username to toggle
  34.      * @param {boolean} isVisible - Whether to show or hide the signature
  35.      */
  36.     function toggleSignatureVisibility(user, isVisible) {
  37.         const posts = postsContainer.querySelectorAll('.message');
  38.         posts.forEach(post => {
  39.             const authorElement = post.querySelector('.message-userExtras');
  40.             if (!authorElement) return;
  41.  
  42.             const postUser = authorElement.textContent.trim().split(',')[0];
  43.             if (postUser !== user) return;
  44.  
  45.             const signature = post.querySelector('.message-signature');
  46.             const button = post.querySelector('.signature-toggle-button');
  47.             
  48.             if (signature) {
  49.                 signature.style.display = isVisible ? 'block' : 'none';
  50.             }
  51.             
  52.             if (button) {
  53.                 button.innerHTML = isVisible ? ICONS.visible : ICONS.hidden;
  54.                 button.title = isVisible ? TOOLTIPS.visible : TOOLTIPS.hidden;
  55.             }
  56.         });
  57.     }
  58.  
  59.     /**
  60.      * Update storage and toggle signature visibility
  61.      * @param {string} user - The username to toggle
  62.      */
  63.     function handleSignatureToggle(user) {
  64.         const hiddenUsers = JSON.parse(GM_getValue(STORAGE_KEY, '[]'));
  65.         const userIndex = hiddenUsers.indexOf(user);
  66.         const isVisible = userIndex === -1;
  67.  
  68.         if (isVisible) {
  69.             hiddenUsers.push(user);
  70.         } else {
  71.             hiddenUsers.splice(userIndex, 1);
  72.         }
  73.  
  74.         GM_setValue(STORAGE_KEY, JSON.stringify(hiddenUsers));
  75.         toggleSignatureVisibility(user, !isVisible);
  76.     }
  77.  
  78.     /**
  79.      * Create and add toggle buttons to posts
  80.      */
  81.     function addToggleButtons() {
  82.         const posts = postsContainer.querySelectorAll('.message');
  83.         posts.forEach(post => {
  84.             const signature = post.querySelector('.message-signature');
  85.             if (!signature) return;
  86.  
  87.             const authorElement = post.querySelector('.message-userExtras');
  88.             if (!authorElement) return;
  89.  
  90.             const user = authorElement.textContent.trim().split(',')[0];
  91.             const button = document.createElement('button');
  92.             
  93.             button.innerHTML = ICONS.visible;
  94.             button.title = TOOLTIPS.visible;
  95.             button.classList.add(...BUTTON_CLASSES);
  96.             button.addEventListener('click', () => handleSignatureToggle(user));
  97.  
  98.             const avatar = post.querySelector('.message-avatar');
  99.             if (avatar) {
  100.                 avatar.parentNode.appendChild(button);
  101.             }
  102.         });
  103.     }
  104.  
  105.     /**
  106.      * Apply saved preferences for hidden users
  107.      */
  108.     function applySavedPreferences() {
  109.         const hiddenUsers = JSON.parse(GM_getValue(STORAGE_KEY, '[]'));
  110.         hiddenUsers.forEach(user => toggleSignatureVisibility(user, false));
  111.     }
  112.  
  113.     // Initialize script
  114.     function init() {
  115.         postsContainer = document.querySelector('.messageList') || document.body;
  116.         addToggleButtons();
  117.         applySavedPreferences();
  118.     }
  119.  
  120.     // Add styles
  121.     GM_addStyle(`
  122.         .signature-toggle-button {
  123.             margin-left: 50px;
  124.             padding: 5px;
  125.             background-color: transparent;
  126.             border: none;
  127.             cursor: pointer;
  128.             transition: background-color 0.2s ease;
  129.         }
  130.         .signature-toggle-button:hover {
  131.             background-color: rgba(0, 0, 0, 0.1);
  132.         }
  133.         .signature-toggle-button i {
  134.             font-size: 1.2em;
  135.             pointer-events: none;
  136.         }
  137.     `);
  138.  
  139.     // Run initialization
  140.     window.addEventListener('load', init);
  141. })();