[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)

examples/mailbox/client.js

@@ -1,19 +1,22 @@
-const choo = require('../../')
+const log = require('choo-log')
 const sf = require('sheetify')
 
+const choo = require('../../')
+
 sf('css-wipe/dest/bundle')
 
 const app = choo()
+app.use(log())
 
 app.model(require('./models/inbox'))
 app.model(require('./models/spam'))
 app.model(require('./models/sent'))
 
-app.router((route) => [
-  route('/', require('./views/empty')),
-  route('/:mailbox', require('./views/mailbox'), [
-    route('/:message', require('./views/email'))
-  ])
+app.router([
+  ['/', require('./views/empty')],
+  ['/:mailbox', require('./views/mailbox'), [
+    ['/:message', require('./views/email')]
+  ]]
 ])
 
 const tree = app.start()

examples/mailbox/package.json

@@ -9,6 +9,7 @@
   "author": "Yoshua Wuyts <i@yoshuawuyts.com>",
   "license": "ISC",
   "dependencies": {
+    "choo-log": "^1.4.1",
     "css-wipe": "^4.2.1",
     "dateformat": "^1.0.12",
     "pathname-match": "^1.1.3",

examples/mailbox/views/mailbox.js

@@ -7,6 +7,7 @@ const nav = require('../elements/nav')
 module.exports = function (state, prev, send) {
   return html`
     <main class="mw5 mw7-ns center cf">
+      <button onclick=${goHome}>Home</button>
       ${pathname(state, prev, send)}
       ${nav(state, prev, send)}
       <section class="fl mt4 w-80 db">
@@ -14,4 +15,8 @@ module.exports = function (state, prev, send) {
       </section>
     </main>
   `
+
+  function goHome () {
+    send('location:set', { pathname: '/' })
+  }
 }