import { Controller } from '@hotwired/stimulus'

const BANNED_NODES = ['com-1password-button', 'com-1password-menu']
export default class extends Controller {
  connect () {
    this.observer = new window.MutationObserver(mutations => {
      mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
          if (BANNED_NODES.includes(node.nodeName.toLowerCase())) {
            node.remove()
          }
        })
      })
    })

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

  disconnect () {
    if (this.observer) {
      this.observer.disconnect()
      this.observer = null
    }
  }
}