[Live] Adding ComponentRegistry as an easy way to fetch a Live Component

[weaverryan]

Q	A
Bug fix?	no
New feature?	yes
Tickets	Fix #612
License	MIT

Hi!

My solution for #612. It seems... to work perfectly well and it's dead-simple:

const element = // find some Element that is your live controller rot

ComponentRegistry.get(element).then((component) => {
    // use the Component
    component.render()
});

// or use await
const component = await ComponentRegistry.get(element)l
component.render();

Cheers!

[1ed]

Thank you for taking care of this. I would like to make a few comments if you allow me.

[1ed]

Are there any use cases for listening to these events after adding the registry? Shouldn't we remove them for now?

[weaverryan]

I wondered about that too, and you're probably correct. There might be some future need to check if a Component is connected or not, but we could easily add that to Component if needed later.

[weaverryan]

Ok, final version of this is up. I simplified the export for userland to just the getComponent function.