Hide or show Hashtag Symbol, enhance Links Userscript

// ==UserScript==
// @name        Toggle Hashtag Visibility and Enhance Links Userscript
// @namespace   http://example.com
// @include     https://mastodon.online/*
// @include     https://mastodon.social/*
// @version     2
// @grant       none
// ==/UserScript==

// Options
const linkColor = '#00A0E9'; // Link color
const makeLinksBold = true;  // Bold links
let hideHashtags = true;     // Hide hashtags by default

// Store original text content
const originalText = new WeakMap();

// Function to toggle hashtag visibility
function toggleHashtagsVisibility() {
  const links = document.querySelectorAll('a.mention.hashtag'); // Target hashtag links

  links.forEach(link => {
    if (!originalText.has(link)) {
      originalText.set(link, link.textContent); // Cache original text
    }

    const original = originalText.get(link);
    link.textContent = hideHashtags
      ? original.replace(/#/g, '') // Remove hashtags
      : original; // Restore hashtags
  });
}

// Function to style links
function enhanceLinks() {
  const links = document.querySelectorAll('a');

  links.forEach(link => {
    link.style.color = linkColor; // Apply link color
    link.style.fontWeight = makeLinksBold ? 'bold' : 'normal'; // Apply font weight
  });
}

// Debounced function to handle DOM changes
let debounceTimeout;
function handleDOMChanges() {
  clearTimeout(debounceTimeout);
  debounceTimeout = setTimeout(() => {
    toggleHashtagsVisibility();
    enhanceLinks();
  }, 100); // Debounce updates to reduce strain
}

// Observe DOM changes
function observeDOMChanges() {
  const observer = new MutationObserver(handleDOMChanges);

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

// Toggle hashtags on F2 key
document.addEventListener('keydown', event => {
  if (event.key === 'F2') {
    hideHashtags = !hideHashtags;
    toggleHashtagsVisibility();
  }
});

// Initial calls
toggleHashtagsVisibility();
enhanceLinks();
observeDOMChanges();