.on('*') is possible, but there's no way to get event name

[rstacruz]

You can do this:

ractive.on('*', function () {
  console.log("* event fired:", arguments);
});

But this will only get you the event's arguments, but not the event name:

ractive.set('hello', 'world');
/* event fired: [ { hello: world } ] */
/* ...this is a `change` event, but there's no way to determine that. */

I'm not sure on what the best solution for this is etiher, but perhaps there should be a way to determine what was the last event fired.

[Rich-Harris]

Maybe this.event? Just like window.event is the last DOM event that fired (or d3.event, if that's a more palatable example...).

ractive.on('*', function () {
  console.log(this.event.name + " event fired:", arguments);

  // if it's a proxy event, would have all the usual stuff
  this.event.original.preventDefault();
  console.log( this.event.keypath );
});

To be honest, it should probably have been that way all along - then we wouldn't have the discrepancy between programmatically-fired events and proxy events (whose arguments have to be unshifted to accommodate the event object). (See also #1235.)

[rstacruz]

That looks pretty neat!

[rstacruz]

Btw, this'd make it possible for the Ractive adaptor to support events propagated from child to parent. The adaptor can listen for child.on('*') and propagate those events upwards.

[ryanramage]

+1 for this.event proposal. We are looking to use the ractive-ractive adaptor for some large UI work.

[codler]

Are ractive.on('*' documented?

[martypdx]

@codler added with event bubbling, which I don't think has been added to the docs yet (mea culpa).

Leverages dot notation: *, *.foo, foo.*

[martypdx]

#1263 Addresses this (but not the first arg event object deprecation, will do separate PR for that).

• handler name added to event object as event.name
• event object accessible via this.event in handlers
• event created as this.event for fire() with name, context (ractive.data), keypath ('')

[evs-chris]

@codler it's partially documented at http://docs.ractivejs.org/latest/components#events

[martypdx]

Thanks @evs-chris!