From a3f1cb337606c0a23d353570acba69575252953f Mon Sep 17 00:00:00 2001
From: Yoshua Wuyts <yoshuawuyts@gmail.com>
Date: Mon, 14 Aug 2017 13:06:31 +0200
Subject: [PATCH] add timings

---
 README.md    |  4 ++--
 index.js     | 14 +++++++++++---
 package.json |  1 +
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 59cd48d..0021734 100644
--- a/README.md
+++ b/README.md
@@ -285,9 +285,9 @@ to `.render` e.g. `.render({ foo, bar })` and assigning internal state to `this`
 you want (perhaps `this.state = { fizz: buzz }`).
 
 ## API
-### `component = Nanocomponent()`
+### `component = Nanocomponent([name])`
 Create a new Nanocomponent instance. Additional methods can be set on the
-prototype.
+prototype. Takes an optional name which is used when emitting timings.
 
 ### `component.render([arguments…])`
 Render the component. Returns a proxy node if already mounted on the DOM. Proxy
diff --git a/index.js b/index.js
index 3e65152..d86f700 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,5 @@
 var document = require('global/document')
+var nanotiming = require('nanotiming')
 var morph = require('nanomorph')
 var onload = require('on-load')
 var assert = require('assert')
@@ -9,13 +10,14 @@ function makeID () {
   return 'ncid-' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1)
 }
 
-function Nanocomponent () {
+function Nanocomponent (name) {
   this._hasWindow = typeof window !== 'undefined'
   this._id = null // represents the id of the root node
   this._ncID = null // internal nanocomponent id
   this._proxy = null
   this._loaded = false // Used to debounce on-load when child-reordering
   this._rootNodeName = null
+  this._name = name || 'nanocomponent'
 
   this._handleLoad = this._handleLoad.bind(this)
   this._handleUnload = this._handleUnload.bind(this)
@@ -31,11 +33,15 @@ function Nanocomponent () {
 }
 
 Nanocomponent.prototype.render = function () {
+  var timing = nanotiming(this._name + '.render')
   var self = this
   var args = new Array(arguments.length)
+  var el
   for (var i = 0; i < arguments.length; i++) args[i] = arguments[i]
   if (!this._hasWindow) {
-    return this.createElement.apply(this, args)
+    el = this.createElement.apply(this, args)
+    timing()
+    return el
   } else if (this.element) {
     var shouldUpdate = this.update.apply(this, args)
     if (shouldUpdate) {
@@ -43,14 +49,16 @@ Nanocomponent.prototype.render = function () {
       if (this.afterupdate) this.afterupdate(this.element)
     }
     if (!this._proxy) { this._proxy = this._createProxy() }
+    timing()
     return this._proxy
   } else {
     this._reset()
-    var el = this._handleRender(args)
+    el = this._handleRender(args)
     if (this.beforerender) this.beforerender(el)
     if (this.load || this.unload) {
       onload(el, self._handleLoad, self._handleUnload, self)
     }
+    timing()
     return el
   }
 }
diff --git a/package.json b/package.json
index 16efd79..a3f2e87 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
   "dependencies": {
     "global": "^4.3.1",
     "nanomorph": "^5.1.2",
+    "nanotiming": "^6.1.3",
     "on-load": "^3.2.0"
   },
   "devDependencies": {