Javascript hook for after every component (re-)render

#1

Hi,
I was wondering what the best way is to trigger some javascript after every component (re-)render.

For re-rendering a selectbox component for instance the element.updated hook seems to get triggered for every option in the select.
There does seem to be a component.initialized hook but not something like a component.updated hook.

From what I tested message.processed seems to be ran 1 time after a re-render of the component so that might be the way to go.

I am wondering if there’s a better hook or better way to do this, or maybe even if something like a component.updated hook is still in the pipeline?

#2

I don’t know if this helps, but I had similar situation that I couldn’t properly re-initialize highlight.js after component were updated and response were loaded. And you are right, message.processed fixes this.
But, then I noticed, that I am making hook for initial component, not for the component which is emitted after that.

So basically, I just did this in component which is being emitted.

public function dehydrate()
{
    $this->dispatchBrowserEvent('initSomething');
}

and

window.addEventListener('initSomething', event => {
            // anything you want to initialize
})