How to create custom elements (Web Components) with ClojureScript?

thheller · June 4, 2019, 8:30pm

I played with web components a long while ago and I got it working fine, just needs a bit a macro sugar to make it look nicer. It might work differently nowadays since a lot may have changed in the 3 years since writing that.

gist.github.com

https://gist.github.com/thheller/36332574918b974a3e4996efcb7457d2

web-component-v1.cljs

(defn component []
  (js/Reflect.construct js/HTMLElement #js [] component))

(set! (.-prototype component)
  (js/Object.create (.-prototype js/HTMLElement)
    #js {:connectedCallback
         #js {:configurable true
              :value
              (fn []
                (this-as this

This file has been truncated. show original