node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »


choo-hooks stability

npm version build status downloads js-standard-style

Hook into Choo's events and timings. Useful to create loggers, analytics and more.


var Hooks = require('choo-hooks')
var choo = require('choo')
var app = choo()
app.use(function (state, emitter) {
  var hooks = Hooks(emitter)
  hook.on('event', function (eventName, timing, data) {
    console.log(eventName + ':', timing.duration + 'ms', data)
  hook.on('unhandled', function (eventName, data) {
    console.error('No listeners for ' + eventName)


hooks = Hooks(emitter)

Create a new Choo Hooks instance.

hook.on('log:trace', cb(…args))

hook.on('log:debug', cb(…args))

hook.on('log:info', cb(…args))

hook.on('log:warn', cb(…args))

hook.on('log:error', cb(…args))

hook.on('log:fatal', cb(…args))

Listen for log events.

hook.on('service-worker', cb(data))

Listen for service worker event.

hook.on('event', cb(eventName, timing, data))

Called for events implemented at the application layer.

hook.on('use', cb(count, duration))

Called whenever app.use() is called.

hook.on('unhandled', cb(eventName, data))

Called whenever an event is emitted, and there is no handler available.

hook.on('DOMContentLoaded', cb(timing))

Called whenever the DOM has loaded. Returns the window.performance.timing object.

hook.on('render', cb(timings))

Called whenever Choo renders. Returns an object with the render and morph properties.

hook.on('resourceTimingBufferFull', cb())

Called whenever the browser's resource timing buffer has filled up.