[major] choo v4 (#352)

* location: change url on location:setLocation

- [ ] don't break hashing
- [ ] allow not changing the url

fixup! move fns around

fixup! add search string

* app.start: clean

* walk: add

* location: update arg calls

* fixup! location: update

* uri-wrap: fix thunking

* router: update to latest sheet-router (#239)

* router: update to latest sheet-router

* tests: fix for latest version

* tests: fix SSR

* tests: fix history

* tests: spruce up

* docs: update example

* examples: update

* deps: bump sheet-router

* 4.0.0-0

* chore(changelog): 4.0.0 (#211)

* feat(api:) arg order (#268)

* s/data, state/state, data/

* feat(api): swap arguments

* fix(href): fix routing (#271)

* feat(http): remove (#269)

* feat(router): enable hash routing (#273)

* deps: fix mount

* 4.0.0-1

* feat(mount): copy {script,link} tags

* 4.0.0-2

* fix(mount): forEach -> for

Lol can't use forEach

* fix(router): use state.location.href (#282)

* fix(mount): use deep node clone

* 4.0.0-3

* fix(deps): remove hash-match

* 4.0.0-4

* fix(mount): return node

* 4.0.0-5

* fix(router): check if a hash is a valid selector (#339)

* 4.0.0-6

* fix(router): pass params on newstate (#343)

* 4.0.0-7

* feat(docs): update for 4.0.0 (#320)

* feat(docs): update for 4.0.0

* docs: update router example in readme (#337)

* chore(changelog): update for v4 (#351)

tests/browser/rehydration.js

@@ -1,29 +1,38 @@
 const test = require('tape')
 const onReady = require('document-ready')
 const append = require('append-child')
+const mount = require('../../mount')
 const choo = require('../../')
-const view = require('../../html')
+const html = require('../../html')
 
 test('rehydration', function (t) {
   t.plan(2)
 
   const app = choo()
 
-  app.router((route) => [
-    route('/', function (state, prev, send) {
-      return view`<div id="app-root" onclick=${() => send('test')}>Hello world!</span>`
-    })
-  ])
+  const node = html`
+    <section id="app-root">
+      <div id="app-root">Hello squirrel!</span>
+    </section>
+  `
 
-  var node = document.createElement('div')
-  node.innerHTML = app.toString('/')
-  node = node.childNodes[0]
-  t.on('end', append(node))
+  app.router(['/', function (state, prev, send) {
+    return html`
+      <section id="app-root">
+        <div onclick=${() => send('test')}>Hello world!</span>
+      </section>
+    `
+  }])
 
-  app.start('#app-root')
+  append(node)
+
+  const tree = app.start()
+  mount('#app-root', tree)
 
   onReady(function () {
-    t.equal(node.innerHTML, 'Hello world!', 'same content')
-    t.equal(typeof node.onclick, 'function', 'attaches dom listeners')
+    const newNode = document.querySelector('#app-root')
+    const el = newNode.children[0]
+    t.equal(el.innerHTML, 'Hello world!', 'same as it ever was')
+    t.equal(typeof el.onclick, 'function', 'attaches dom listeners')
   })
 })