[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/http/client.js

@@ -4,18 +4,19 @@ const mainView = require('./views/main')
 
 const app = choo({
   onError: function (err, state, createSend) {
+    console.trace()
     console.groupCollapsed(`Error: ${err.message}`)
     console.error(err)
     console.groupEnd()
     const send = createSend('onError: ')
     send('app:error', err)
   },
-  onAction: function (data, state, name, caller, createSend) {
+  onAction: function (state, data, name, caller, createSend) {
     console.groupCollapsed(`Action: ${caller} -> ${name}`)
     console.log(data)
     console.groupEnd()
   },
-  onStateChange: function (data, state, prev, createSend) {
+  onStateChange: function (state, data, prev, createSend) {
     console.groupCollapsed('State')
     console.log(prev)
     console.log(state)
@@ -26,9 +27,7 @@ const app = choo({
 app.model(require('./models/error'))
 app.model(require('./models/api'))
 
-app.router((route) => [
-  route('/', mainView)
-])
+app.router(['/', mainView])
 
 const tree = app.start()
 document.body.appendChild(tree)

examples/http/models/api.js

@@ -6,13 +6,13 @@ module.exports = {
     title: 'Button pushing machine 3000'
   },
   reducers: {
-    set: (data, state) => ({ 'title': data })
+    set: (state, data) => ({ 'title': data })
   },
   effects: {
-    good: function (data, state, send, done) {
+    good: function (state, data, send, done) {
       request('/good', send, done)
     },
-    bad: (data, state, send, done) => request('/bad', send, done)
+    bad: (state, data, send, done) => request('/bad', send, done)
   }
 }
 

examples/http/models/error.js

@@ -15,13 +15,13 @@ module.exports = {
     triggerTime: null
   },
   reducers: {
-    setError: function (data, state) {
+    setError: function (state, data) {
       return {
         errors: state.errors.concat(data.message),
         errorTimeDone: data.errorTimeDone
       }
     },
-    'delError': function (data, state) {
+    'delError': function (state, data) {
       state.errors.shift()
       return { errors: state.errors }
     }