Modifier without mixin

I’d like to be able to use the underlying goodness of this addon in Octane mode using a modifier:

<div {{did-enter-viewport this.myCallback}}></div>

This would let me move my component to a native class component / glimmer components without mixins. I could also put myCallback in an Ember helper, and avoid a JS context for my component entirely.

[mehulkar]

I had not seen that part of the README actually, thanks! But there are two features I’d still like:

1. Support for template only components
2. Auto wiring up the watchElement with the modifier, rather than having to use did-insert, select an element and bind the handler.

A “native” modifier, rather than using did-insert would solve both of these problems. The missing piece (at least to use the existing Service implementation) is to figure out how to inject a service into a modifier. I’m not sure if it’s possible to make a class-based modifier.

[snewcomer]

Less complicated is better 👍 I like it so far.

Also, one thing to bring up is the act of watchElement for certain scenarios isn’t standard necessarily. For example, I might need to wait a tick to actually start watching the element in question (b/c say it is a content heavy page and the page doesn’t have height yet). Likely I wouldn’t be able to use it for the examples I have. Not necessarily needs to be taken into consideration for this modifier, but thought I would bring that up in case you come across solution in your exploration.