Logseq namespace collapsing

custom.js

function collapseNamespaceRefs() {
  function onEnter(e) {
    const el = e.target;
    el.textContent = el.dataset.origText;
  }

  function onLeave(e) {
    const el = e.target;
    const text = el.dataset.origText;
    el.textContent = `..${text.substring(text.lastIndexOf("/") + 1)}`;
  }

  const observer = new MutationObserver((mutationList) => {
    for (const mutation of mutationList) {
      for (const node of mutation.addedNodes) {
        if (!node.querySelectorAll) continue;
        const namespaceRefs = node.querySelectorAll(
          'a.page-ref[data-ref*="/"],a.tag[data-ref*="/"]'
        );
        for (const namespaceRef of namespaceRefs) {
          const text = namespaceRef.textContent;
          const testText = namespaceRef.classList.contains("tag")
            ? text.substring(1).toLowerCase()
            : text.toLowerCase();
          if (testText !== namespaceRef.dataset.ref) continue;
          // Perform collapsing.
          const content = `..${text.substring(text.lastIndexOf("/") + 1)}`;
          namespaceRef.dataset.origText = text;
          namespaceRef.textContent = content;
          namespaceRef.addEventListener("mouseenter", onEnter);
          namespaceRef.addEventListener("mouseleave", onLeave);
        }
      }
    }
  });

  observer.observe(document.getElementById("app-container"), {
    subtree: true,
    childList: true,
  });
}

collapseNamespaceRefs();