Nest Ember component in an external non-Ember widget

Design
1

I would like to nest Ember components inside the widgets of a pure JavaScript widget library (trees, grids, …). For my own components I like Ember, but I have to rely on the vast number of available widgets to get the work done, I cannot write them all.

I found various solutions which are no longer valid, I tried them all to find out that they no longer apply. I will not repeat the deprecated techniques to avoid further confusion on this topic you can find them at stack overflow 18259925, 28165802 . The main idea was to detach the rendered component and attach it inside the widget.

I think it should be possible for Ember to tap into the vast number of JavaScript code/widgets already available. It is a rather unexpected showstopper.

Is there an official way to do this? Did this use case become unsupported?

2

I’m certainly not going to claim to be an expert on any of this, or even really completely understand what you’re asking, but maybe ember-wormhole could get you there?

Or possibly explore using Glimmer components instead of Ember components? Honestly I have no idea if that sort of capability is possible but maybe worth exploring.

3

@dknutsen thanks for the information. The ember-wormhole seems like a solution for my problem, I have to test it.

The Glimmer components and Glimmer VM might not provide an immediate solution, but they point to an important Ember mechanism that I did not know. Having caught a glimpse of the Glimmer VM rendering mechanism I am more aware and thankful for the things Ember is doing for me and of the scope of the problem I am dealing with.