Block ads on Twitter as they appear

twitter-adblock.js

const targetNode = document.querySelector('div[aria-label*="Timeline: Conversation"]')
const config = { attributes: false, childList: true, subtree: true }

function getElementByXpath(path) {
  return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}

const callback = (mutationList, observer) => {
  // We don't care what was mutated. The Xpath has to run at the document level anyway
  const foundElement = getElementByXpath("//span[contains (text(), 'Ad')]//ancestor::article")
  if (foundElement) {
    foundElement.style.display = 'none'
    console.log("AD REMOVED")
  }
}

const observer = new MutationObserver(callback)
observer.observe(targetNode, config)