Add useDispatcher and useStateEffect hooks (#199)

* Latest Core SDK

* Add useDispatcher and useStateEffect hooks

Author: jdillick

.core/app/reactium-hooks.js

@@ -124,7 +124,7 @@ import('reactium-core/sdk').then(
 
         Reactium.Hook.register(
             'sdk-init',
-            async () => {
+            async Reactium => {
                 Reactium.State = new ReactiumSyncState(
                     op.get(window, 'state', {}),
                 );

.core/sdk/index.js

@@ -13,7 +13,7 @@ import {
 } from '@atomic-reactor/reactium-sdk-core';
 
 import { AppContext } from './named-exports';
-
+import { useDispatcherFactory, useStateEffectFactory } from './named-exports';
 export * from '@atomic-reactor/reactium-sdk-core';
 export * from './named-exports';
 
@@ -57,4 +57,9 @@ const apiHandler = {
     },
 };
 
-export default new Proxy(SDK, apiHandler);
+const Reactium = new Proxy(SDK, apiHandler);
+
+export const useDispatcher = useDispatcherFactory(Reactium);
+export const useStateEffect = useStateEffectFactory(Reactium);
+
+export default Reactium;

.core/sdk/named-exports/index.js

@@ -6,3 +6,4 @@ export * from './i18n';
 export * from './routing';
 export * from './hookable-component';
 export * from './app-context';
+export * from './useDispatcher';

.core/sdk/named-exports/useDispatcher.js

@@ -0,0 +1,28 @@
+import _ from 'underscore';
+import cc from 'camelcase';
+import op from 'object-path';
+import {
+    ComponentEvent,
+    useEventEffect,
+} from '@atomic-reactor/reactium-sdk-core';
+
+export const useDispatcherFactory = Reactium => ({ props, state }) => (
+    type,
+    obj,
+) => {
+    if (!state) state = Reactium.State;
+
+    obj = _.isObject(obj) ? obj : {};
+
+    const evt = new ComponentEvent(type, obj);
+    const cb = op.get(props, cc(`on-${type}`));
+
+    if (_.isFunction(cb)) state.addEventListener(type, cb);
+
+    state.dispatchEvent(evt);
+
+    if (_.isFunction(cb)) state.removeEventListener(type, cb);
+};
+
+export const useStateEffectFactory = Reactium => (handlers = {}, deps) =>
+    useEventEffect(Reactium.State, handlers, deps);