updated to choo4

Author: ronnross

_app/_package.json

@@ -1,31 +1,23 @@
 {
   "name": "<%= projectName %>",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "description": "Created with choo-cli",
-  "license": "MIT",
+  "main": "client.js",
   "scripts": {
-    "build:prod": "scripts/build-prod.sh",
-    "start": "budo ./client.js --live --pushstate --open -- -g es2040",
+    "start": "bankai client.js -p 8080 --open",
+    "build:prod": "bankai build client.js dist/",
     "lint": "standard --verbose | snazzy",
     "test": "npm run lint"
   },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
   "dependencies": {
-    "choo": "^3.2.0"
+    "choo": "^4.1.0"
   },
   "devDependencies": {
-    "browserify": "^13.0.1",
-    "budo": "8.3.0",
-    "es2040": "1.2.2",
-    "envify": "^3.4.1",
-    "standard": "^7.1.2",
-    "snazzy": "^4.0.0",
-    "uglifyify": "^3.0.2",
-    "unassertify": "^2.0.3",
-    "yo-yoify": "^3.3.0"
-  },
-  "standard": {
-    "ignore": [
-      "scripts"
-    ]
+    "bankai": "^5.3.0",
+    "snazzy": "^6.0.0",
+    "standard": "^8.6.0"
   }
 }

_app/models/app.js

@@ -5,13 +5,15 @@ module.exports = {
   },
   reducers: {
     /* synchronous operations that modify state. Triggered by actions. Signature of (data, state). */
-    update: (data, state) => ({ title: data.value })
+    update: function (state, data) {
+      return { title: data.value }
+    }
   },
   effects: {
     // asynchronous operations that don't modify state directly.
     // Triggered by actions, can call actions. Signature of (data, state, send, done)
     /*
-    myEffect: (data, state, send, done) => {
+    myEffect: function (state, data, send, done) {
       // do stuff
     }
     */
@@ -20,8 +22,12 @@ module.exports = {
     // asynchronous read-only operations that don't modify state directly.
     // Can call actions. Signature of (send, done).
     /*
-    (send, done) => {
-      // do stuff
+    checkStuff: function (send, done) {
+      setInterval(function () {
+        send('<%= name %>:update, data, function (err) {
+          if (err) return done(err)
+        })
+      }, 1000)
     }
     */
   }

_app/pages/home.js

@@ -1,13 +1,17 @@
 const html = require('choo/html')
 
-module.exports = (state, prev, send) => html`
-  <main>
-    <h1>Hello, World!</h1>
-    <p>If you are seeing this, then the generator works!</p>
-    <h2>Demo</h2>
-    <h3>${state.title}</h3>
-    <input
-      type="text"
-      oninput=${(e) => send('update', { value: e.target.value })} />
-  </main>
-`
+module.exports = function (state, prev, send) {
+  return html`
+    <main>
+      <h1>Hello, World!</h1>
+      <p>If you are seeing this, then the generator works!</p>
+      <h2>Demo</h2>
+      <h3>${state.title}</h3>
+      <input type="text" oninput=${update} />
+    </main>
+  `
+
+  function update(e) {
+    send('update', e.target.value)
+  }
+}

_app/scripts/README.md

@@ -6,15 +6,15 @@ const <%= name %> = {
   },
   reducers: {
     /* synchronous operations that modify state. Triggered by actions. Signature of (data, state). */
-    // update: function (state, data) => {
+    // update: function (state, data) {
     //   return { title: data.value }
     // }
   },
   effects: {
     // asynchronous operations that don't modify state directly.
     // Triggered by actions, can call actions. Signature of (data, state, send, done)
     /*
-    myEffect: function (state, data, send, done) => {
+    myEffect: function (state, data, send, done) {
       // do stuff
     }
     */