introduce Event type in dispatcher

Author: JLarky

react-with-type-safe-flux/src/actions/GreetingActions.ts

@@ -1,23 +1,23 @@
-import AppDispatcher from '../dispatcher/AppDispatcher';
+import {Event, AppDispatcher} from '../dispatcher/AppDispatcher';
 import GreetingActionTypes from '../constants/action-types/GreetingActionTypes';
 
 export function addGreeting(newGreeting: string) {
   AppDispatcher.dispatch({
     newGreeting,
     type: GreetingActionTypes.ADD_GREETING
-  });
+  } as Event);
 }
 
 export function newGreetingChanged(newGreeting: string) {
   AppDispatcher.dispatch({
     newGreeting,
     type: GreetingActionTypes.NEW_GREETING_CHANGED
-  });
+  } as Event);
 }
 
 export function removeGreeting(greetingToRemove: string) {
   AppDispatcher.dispatch({
     greetingToRemove,
     type: GreetingActionTypes.REMOVE_GREETING
-  });
+  } as Event);
 }

react-with-type-safe-flux/src/dispatcher/AppDispatcher.ts

@@ -1,5 +1,7 @@
 import { Dispatcher } from 'flux';
 
-const dispatcherInstance: Flux.Dispatcher<any> = new Dispatcher();
+export type Event = {type: string};
 
-export default dispatcherInstance;
+const dispatcherInstance: Flux.Dispatcher<Event> = new Dispatcher();
+
+export const AppDispatcher = dispatcherInstance;

react-with-type-safe-flux/src/stores/FluxStore.ts

@@ -9,6 +9,7 @@ class FluxStore<PayloadType, TState> {
   _dispatcher: Flux.Dispatcher<PayloadType>;
   _cleanStateFn: () => TState;
   _state: TState;
+  protected _onDispatch: (payload: PayloadType) => void;
 
   constructor(dispatcher: Flux.Dispatcher<PayloadType>, cleanStateFn: () => TState) {
     this._emitter = new EventEmitter();
@@ -51,12 +52,6 @@ class FluxStore<PayloadType, TState> {
       this._emitter.emit(CHANGE_EVENT);
     }
   }
-
-  _onDispatch(payload: PayloadType) {
-    if (process.env.NODE_ENV !== 'production') {
-      console.error(`${this.constructor.name} has not overridden FluxStore.__onDispatch(), which is required`); // eslint-disable-line no-console
-    }
-  }
 }
 
 export default FluxStore;

react-with-type-safe-flux/src/stores/GreetingStore.ts

@@ -1,6 +1,6 @@
 import FluxStore from './FluxStore';
 import GreetingActionTypes from '../constants/action-types/GreetingActionTypes';
-import AppDispatcher from '../dispatcher/AppDispatcher';
+import {Event, AppDispatcher} from '../dispatcher/AppDispatcher';
 import GreetingState from '../types/GreetingState';
 
 class GreeterStore<TPayload> extends FluxStore<TPayload, GreetingState> {
@@ -15,8 +15,8 @@ class GreeterStore<TPayload> extends FluxStore<TPayload, GreetingState> {
     return this._state
   }
 
-  _onDispatch(action: any) {
-    switch(action.type) {
+  _onDispatch = (action: any) => {
+    switch((<Event>action).type) {
       case GreetingActionTypes.ADD_GREETING:
         this._state.newGreeting = '';
         this._state.greetings = this._state.greetings.concat(action.newGreeting);