From 17959b810569270c6ed033b96a6e164064c5629f Mon Sep 17 00:00:00 2001
From: Juan Soto <juan@juansoto.me>
Date: Sat, 9 Jul 2016 13:55:49 -0400
Subject: [PATCH] Add async-counter example

---
 examples/async-counter/client.js    | 41 +++++++++++++++++++++++++++++
 examples/async-counter/package.json | 15 +++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 examples/async-counter/client.js
 create mode 100644 examples/async-counter/package.json

diff --git a/examples/async-counter/client.js b/examples/async-counter/client.js
new file mode 100644
index 0000000..b5cd831
--- /dev/null
+++ b/examples/async-counter/client.js
@@ -0,0 +1,41 @@
+const choo = require('../../')
+const html = require('../../html')
+
+const app = choo()
+app.model({
+  state: {
+    counter: 0
+  },
+  reducers: {
+    increment: (data, state) => ({ counter: state.counter + 1 }),
+    decrement: (data, state) => ({ counter: state.counter - 1 })
+  },
+  effects: {
+    incrementAsync: function (data, state, send, done) {
+      setTimeout(() => send('increment', done), 1000)
+    },
+    decrementAsync: function (data, state, send, done) {
+      setTimeout(() => send('decrement', done), 1000)
+    }
+  }
+})
+
+const mainView = (state, prev, send) => {
+  return html`
+    <main class="app">
+      <h1>Async counter</h1>
+      <p>Clicked ${state.counter} times!</p>
+      <button onclick=${() => send('increment')}>Increment</button>
+      <button onclick=${() => send('decrement')}>Decrement</button>
+      <button onclick=${() => send('incrementAsync')}>Increment async</button>
+      <button onclick=${() => send('decrementAsync')}>Decrement async</button>
+    </main>
+  `
+}
+
+app.router((route) => [
+  route('/', mainView)
+])
+
+const tree = app.start()
+document.body.appendChild(tree)
diff --git a/examples/async-counter/package.json b/examples/async-counter/package.json
new file mode 100644
index 0000000..ce019b3
--- /dev/null
+++ b/examples/async-counter/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "cancellable-counter",
+  "version": "1.0.0",
+  "description": "",
+  "main": "client.js",
+  "scripts": {
+    "start": "budo client.js -p 8080"
+  },
+  "keywords": [],
+  "author": "Juan Soto <juan@juansoto.me>",
+  "license": "ISC",
+  "dependencies": {
+    "budo": "^8.3.0"
+  }
+}