creepyface-custom-element/src/index.js

Creepyface Custom Element is a [Creepyface](https://github.com/4lejandrito/creepyface) wrapper that registers the `creepy-face` custom element.

import creepyface from 'creepyface'

customElements.define(
  'creepy-face',
  class extends HTMLImageElement {
    connectedCallback() {
      this.cancel = creepyface(this)
    }
    disconnectedCallback() {
      this.cancel && this.cancel()
    }
  },
  { extends: 'img' }
)