Widget events

Here’s what we could do to be able to have events on widgets. Like refine

app.js

var instantsearch = require('instantsearch');
var search = instantsearch(...);
var refinementList = instantsearch.widgets.refinementList(...);
var slider = instantsearch.widgets.slider(...);

refinementList.on('refine', function(newValue, previousValue) {});
slider.on('slide');
slider.on('change');

search.addWidget(refinementList);
search.addWidget(slider);

Widget.js

var EventEmitter = require('events');
class Widget extends EventEmitter {}

Widget.utils = {
  getContainerNode() {}
}

module.exports = Widget;

IndexSelector.js

var toFactory  = require('to-factory');
var React = require('react');

var Widget = require('../Widget');

class IndexSelector extends Widget {
  getConfiguraition(){}
  init(){}
  render(){}
}

// can use this.emit(); at any time
// can use Widget.utils.getContainerNode of course

// allows to use indexSelector() instead of new `IndexSelector()`
module.exports = toFactory(Widget);

For people to build their own eventful widgets (non events widgets is not an issue here) outside of a browserify/webpack env (where it’s easy to extend EventEmitter): we can expose utils in instantsearch namespace like inherits and EventEmitter.

[bobylito]

So, I was looking to tap into a refine or render event where I could get the facet refined/total facets count and append them to my header.

This is not a use case for events. I’m gonna answer to you directly with some more elements @timkelty

[bobylito]

@vvo did this end up anywhere?

No there is no implementation of events on widgets. Can you tell us about your use case, so that we can figure out a solution together?