fix(overmind): fix typing of module operators, refactor todomvc

Author: christianalfoni

packages/demos/react-todomvc/src/app/actions.js

@@ -1,13 +1,27 @@
-import Overmind from 'overmind'
-import createConnect from 'overmind-react'
-import * as effects from './effects'
-import * as actions from './actions'
-import * as state from './state'
+import { Overmind } from 'overmind'
+import { createConnect } from 'overmind-react'
 
 const app = new Overmind({
-  state,
-  actions,
-  effects,
+  state: {
+    todos: [],
+    newTodoTitle: '',
+    count: (state) => state.todos.length,
+  },
+  actions: {
+    changeNewTodoTitle({ value: event, state }) {
+      state.newTodoTitle = event.target.value
+    },
+    addTodo({ value: event, state }) {
+      event.preventDefault()
+      state.todos.unshift({
+        title: state.newTodoTitle,
+        completed: false,
+      })
+    },
+    toggleCompleted({ value: todo }) {
+      todo.completed = !todo.completed
+    },
+  },
 })
 
 export const connect = createConnect(app)

packages/demos/react-todomvc/src/app/effects.js

@@ -5,7 +5,7 @@ import Todo from '../Todo'
 
 const Todos = ({ app }) => (
   <List>
-    {app.state.todos.map((todo) => <Todo key={todo.id} todo={todo} />)}
+    {app.state.todos.map((todo, index) => <Todo key={index} todo={todo} />)}
   </List>
 )
 

packages/demos/react-todomvc/src/app/index.js

@@ -1,41 +1,17 @@
 import * as React from 'react'
-import {
-  Action,
-  pipe,
-  Operator,
-  map,
-  mutate,
-  when,
-  run,
-  wait,
-  fork,
-  debounce,
-  filter,
-  forEach,
-} from 'overmind'
+import { Action } from 'overmind'
 import { Todo } from './state'
 
 type ChangeEvent = React.ChangeEvent<HTMLInputElement>
 
 let nextTodoId = 0
 
-export const changeNewTodoTitle: Operator<ChangeEvent, any> = pipe(
-  map(({ value }) => value.target.value),
-  mutate(({ state, value }) => (state.newTodoTitle = value)),
-  map(() => ['foo', 'bar', 'baz']),
-  forEach(run(() => {})),
-  filter(() => true),
-  debounce(200)
-)
-
-/*
 export const changeNewTodoTitle: Action<ChangeEvent> = ({
   value: event,
   state,
 }) => {
   state.newTodoTitle = event.target.value
 }
-*/
 
 export const addTodo: Action = ({ state }) => {
   state.todos.unshift({