Update deps and CHANGELOG

.gitignore

@@ -5,3 +5,4 @@ npm-debug.log*
 .DS_Store
 dist
 .source*
+.vscode

CHANGELOG.md

@@ -2,6 +2,10 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 6.5.2 - 2018-04-20
+- Allow SVGs as the root node (https://github.com/choojs/nanocomponent/pull/79)
+- Update deps
+
 ## 6.5.1 - 2018-02-11
 - Update [email protected]
 - Update devdeps: tap-run, dependency-check, browserify, bankai
@@ -133,6 +137,6 @@ class Meta extends Component {
 
 [ol]: https://github.com/shama/on-load
 [cc]: https://github.com/hypermodules/cache-component
-[bel]: http://ghub.io/bel
+[nanohtml]: http://ghub.io/nanohtml
 [nm]: http://ghub.io/nanomorph
 [getter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get

README.md

@@ -13,15 +13,15 @@ Native DOM components that pair nicely with DOM diffing algorithms.
 - Implemented in only a few lines
 - Only uses native DOM methods
 - Class based components offering a familiar component structure
-- Works well with [bel][bel] and [yoyoify][yoyoify]
+- Works well with [nanohtml][nanohtml] and [yoyoify][yoyoify]
 - Combines the best of `nanocomponent@5` and [`cache-component@5`][cc].
 
 ## Usage
 
 ```js
 // button.js
 var Nanocomponent = require('nanocomponent')
-var html = require('bel')
+var html = require('nanohtml')
 
 class Button extends Nanocomponent {
   constructor () {
@@ -50,7 +50,7 @@ module.exports = Button
 ```js
 // index.js
 var choo = require('choo')
-var html = require('bel')
+var html = require('nanohtml')
 
 var Button = require('./button.js')
 var button = new Button()
@@ -102,7 +102,7 @@ This can be done by binding the method that's going to be passed around:
 
 ```js
 var Nanocomponent = require('nanocomponent')
-var html = require('bel')
+var html = require('nanohtml')
 
 class Component extends Nanocomponent {
   constructor () {
@@ -134,7 +134,7 @@ Nanocomponent can be written using prototypal inheritance too:
 
 ```js
 var Nanocomponent = require('nanocomponent')
-var html = require('bel')
+var html = require('nanohtml')
 
 function Component () {
   if (!(this instanceof Component)) return new Component()
@@ -166,7 +166,7 @@ themselves.
 
 ```js
 var Nanocomponent = require('nanocomponent')
-var html = require('bel')
+var html = require('nanohtml')
 
 class Component extends Nanocomponent {
   constructor () {
@@ -201,7 +201,7 @@ components.
 
 ```js
 var Nanocomponent = require('nanocomponent')
-var html = require('bel')
+var html = require('nanohtml')
 var Button = require('./button.js')
 
 class Component extends Nanocomponent {
@@ -266,7 +266,7 @@ using them. Hence the proxy pattern, and the recently added support for it in
 certain diffing engines:
 
 ```js
-var html = require('bel')
+var html = require('nanohtml')
 
 var el1 = html`<div>pink is the best</div>`
 var el2 = html`<div>blue is the best</div>`
@@ -391,7 +391,7 @@ in the `beforerender` hook.
 - [nanomap][nanomap] - Functional mapping into keyed component instances
 - [choojs/choo][choo]
 - [choojs/nanocomponent-adapters][nca]
-- [shama/bel](https://github.com/shama/bel)
+- [choojs/nanohtml](https://github.com/choojs/nanohtml)
 - [shama/on-load](https://github.com/shama/on-load)
 
 ## Examples
@@ -422,7 +422,7 @@ in the `beforerender` hook.
 [9]: https://npmjs.org/package/nanocomponent
 [10]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square
 [11]: https://github.com/feross/standard
-[bel]: https://github.com/shama/bel
+[nanohtml]: https://github.com/choojs/nanohtml
 [yoyoify]: https://github.com/shama/yo-yoify
 [md]: https://github.com/patrick-steele-idem/morphdom
 [210]: https://github.com/patrick-steele-idem/morphdom/pull/81

example/leaflet.js

@@ -3,7 +3,7 @@ var Nanocomponent = require('../')
 var nanologger = require('nanologger')
 var leaflet = require('leaflet')
 var onIdle = require('on-idle')
-var html = require('bel')
+var html = require('nanohtml')
 
 module.exports = Leaflet
 

index.js

@@ -51,7 +51,7 @@ Nanocomponent.prototype.render = function () {
     renderTiming()
     return el
   } else if (this.element) {
-    el = this.element  // retain reference, as the ID might change on render
+    el = this.element // retain reference, as the ID might change on render
     var updateTiming = nanotiming(this._name + '.update')
     var shouldUpdate = this._rerender || this.update.apply(this, args)
     updateTiming()

package.json

@@ -10,7 +10,7 @@
     "test": "run-s test:*",
     "test:deps": "dependency-check .",
     "test:node": "NODE_ENV=test node test/node.js | tap-format-spec",
-    "test:browser": "browserify test/browser/index.js | tape-run | tap-format-spec",
+    "test:browser": "browserify test/browser/index.js | tape-run --render='tap-format-spec'",
     "test:lint": "standard *.js",
     "start": "bankai start example"
   },
@@ -19,6 +19,7 @@
     "url": "git+https://github.com/choojs/nanocomponent.git"
   },
   "keywords": [
+    "nanohtml",
     "bel",
     "choo",
     "element",
@@ -49,7 +50,6 @@
   "devDependencies": {
     "@tap-format/spec": "^0.2.0",
     "bankai": "^9.5.1",
-    "bel": "^5.1.1",
     "browserify": "^16.0.0",
     "choo": "^6.0.1",
     "choo-log": "^8.0.0",
@@ -58,11 +58,12 @@
     "leaflet": "^1.1.0",
     "microbounce": "^1.0.0",
     "nanobus": "^4.2.0",
+    "nanohtml": "^1.2.3",
     "nanologger": "^1.3.1",
     "npm-run-all": "^4.0.2",
     "on-idle": "^3.1.0",
-    "standard": "^10.0.0",
+    "standard": "^11.0.1",
     "tape": "^4.7.0",
-    "tape-run": "^3.0.4"
+    "tape-run": "^4.0.0"
   }
 }

test/browser/blog-section.js

@@ -1,5 +1,5 @@
 var Nanocomponent = require('../../')
-var html = require('bel')
+var html = require('nanohtml')
 
 class BlogSection extends Nanocomponent {
   constructor (name = 'BlogSection') {

test/browser/index.js

@@ -2,7 +2,7 @@ var test = require('tape')
 var SimpleComponent = require('./simple')
 var BlogSection = require('./blog-section')
 var Nanocomponent = require('../../')
-var html = require('bel')
+var html = require('nanohtml')
 var compare = require('../../compare')
 var nanobus = require('nanobus')
 

test/browser/simple.js

@@ -1,5 +1,5 @@
 var Nanocomponent = require('../../')
-var html = require('bel')
+var html = require('nanohtml')
 
 module.exports = SimpleComponent
 

test/node.js

@@ -1,6 +1,6 @@
 var Nanocomponent = require('../')
 var test = require('tape')
-var html = require('bel')
+var html = require('nanohtml')
 
 test('cache', (t) => {
   t.test('should validate input types', (t) => {