step 8 exercise GO!

step2-08/exercise/src/reducers/index.ts

@@ -0,0 +1,35 @@
+import { Store } from '../store';
+import { addTodo, remove, complete, clear, setFilter } from './pureFunctions';
+import { combineReducers } from 'redux';
+
+function todoReducer(state: Store['todos'] = {}, action: any): Store['todos'] {
+  switch (action.type) {
+    case 'addTodo':
+      return addTodo(state, action.id, action.label);
+
+    case 'remove':
+      return remove(state, action.id);
+
+    case 'clear':
+      return clear(state);
+
+    case 'complete':
+      return complete(state, action.id);
+  }
+
+  return state;
+}
+
+function filterReducer(state: Store['filter'] = 'all', action: any): Store['filter'] {
+  // TODO: fill in the blank here with a switch / case statement to return new filter state as specified in `action.filter` message
+
+  return state;
+}
+
+// TODO: rewrite this reducer function with combineReducer() helper
+export function reducer(state: Store, action: any): Store {
+  return {
+    todos: todoReducer(state.todos, action),
+    filter: 'all'
+  };
+}

step2-08/exercise/src/reducers/pureFunctions.spec.ts

@@ -0,0 +1,29 @@
+import { addTodo, complete } from './pureFunctions';
+import { Store } from '../store';
+
+describe('TodoApp reducers', () => {
+  it('can add an item', () => {
+    const state = <Store['todos']>{};
+
+    const newState = addTodo(state, '0', 'item1');
+
+    const keys = Object.keys(newState);
+
+    expect(newState).not.toBe(state);
+    expect(keys.length).toBe(1);
+    expect(newState[keys[0]].label).toBe('item1');
+    expect(newState[keys[0]].completed).toBeFalsy();
+  });
+
+  it('can complete an item', () => {
+    const state = <Store['todos']>{};
+
+    let newState = addTodo(state, '0', 'item1');
+
+    const key = Object.keys(newState)[0];
+
+    newState = complete(newState, key);
+
+    expect(newState[key].completed).toBeTruthy();
+  });
+});

step2-08/exercise/src/reducers/pureFunctions.ts

@@ -0,0 +1,36 @@
+import { Store, FilterTypes } from '../store';
+
+export function addTodo(state: Store['todos'], id: string, label: string): Store['todos'] {
+  return { ...state, [id]: { label, completed: false } };
+}
+
+export function remove(state: Store['todos'], id: string) {
+  const newTodos = { ...state };
+
+  delete newTodos[id];
+
+  return newTodos;
+}
+
+export function complete(state: Store['todos'], id: string) {
+  const newTodos = { ...state };
+  newTodos[id].completed = !newTodos[id].completed;
+
+  return newTodos;
+}
+
+export function clear(state: Store['todos']) {
+  const newTodos = { ...state };
+
+  Object.keys(state.todos).forEach(key => {
+    if (state.todos[key].completed) {
+      delete newTodos[key];
+    }
+  });
+
+  return newTodos;
+}
+
+export function setFilter(state: Store['filter'], filter: FilterTypes) {
+  return filter;
+}