new file mode 100644

@@ -0,0 +1,12 @@

+root = true

+

+[*]

+indent_style = space

+indent_size = 2

+end_of_line = lf

+charset = utf-8

+trim_trailing_whitespace = true

+insert_final_newline = true

+

+[*.md]

+trim_trailing_whitespace = false

@@ -26,3 +26,7 @@ yarn-error.log*

 # TODO list

 TODO

 /dist/*

+.tern-port

+[#]*[#]

+:*

+*~

@@ -1,14 +1,33 @@

 import React from 'react';

 import { SideNav, Link as SideNavLink } from '@cjdev/visual-stack/lib/components/SideNav';

+import { connect } from 'react-redux';

-

-export default function({items}) {

+function MenuSidebar({items, changePage}) {

   return (

     <SideNav>

-

       {items.map((item) => {

-        return <SideNavLink key={item.id}><a href={item.url}>{item.title}</a></SideNavLink>

+        return (

+          <SideNavLink key={item.id}>

+            <a onClick={

+                 (ev) => {

+                   ev.preventDefault();

+                   changePage(item.id);

+                 }

+              }>{item.title}</a>

+          </SideNavLink>

+        );

       })}

     </SideNav>

   );

-};

\ No newline at end of file

+};

+

+let mapDispatchToProps = (dispatch) => ({

+  changePage(id) {

+    dispatch({type: 'CHANGE_ID', id});

+  }

+});

+

+export default connect(

+  () => ({}),

+  mapDispatchToProps

+)(MenuSidebar);

@@ -73,7 +73,7 @@ const reduce = (state = defaultState, event) => {

 };

-const {middleware, enhancer} = installBrowserRouter([

+const {middleware, enhancer, init} = installBrowserRouter([

   ['/pages/:id', 'CHANGE_ID', {}],

   ['/', 'CHANGE_ID', {id: 'home'}]

 ]);

@@ -94,6 +94,7 @@ const store = createStore(reduce,

       sagaMiddleware

       )

     ));

+init();

 const fetchArticle = function*({id}) {

   console.log('SAGA???');

@@ -133,4 +134,4 @@ export {

   actions,

   createDefaultState,

   sagas

-};

\ No newline at end of file

+};

@@ -283,6 +283,8 @@ function createActionDispatcher(routesConfig, window) {

   let {compiledActionMatchers, compiledRouteMatchers} = compileRoutes(routesConfig);

   let actionDispatcher = {

+    currentLocation: null,

+

     store: null,

     activateDispatcher(store) {

       window.addEventListener('urlchanged', this);

@@ -292,7 +294,6 @@ function createActionDispatcher(routesConfig, window) {

       return (reducer, finalInitialState, enhancer) => {

         let theStore = nextStoreCreator(reducer, finalInitialState, enhancer);

         this.activateDispatcher(theStore);

-        this.receiveLocation(window.location);

         return theStore;

       };

     },

@@ -306,11 +307,14 @@ function createActionDispatcher(routesConfig, window) {

       this.receiveLocation(location);

     },

     receiveLocation(location) {

-      const match = matchRoute(location, compiledRouteMatchers);

-      if(match) {

-        const action = constructAction(match);

+      if (this.currentLocation !== location.pathname) {

+        this.currentLocation = location.pathname;

+        const match = matchRoute(location, compiledRouteMatchers);

+        if(match) {

+          const action = constructAction(match);

-        this.store.dispatch(action);

+          this.store.dispatch(action);

+        }

       }

     },

     receiveAction(action) {

@@ -345,5 +349,5 @@ export default function installBrowserRouter(routesConfig, window) {

   const middleware = buildMiddleware(actionDispatcher);

-  return {middleware, enhancer: actionDispatcher.enhanceStore};

+  return {middleware, enhancer: actionDispatcher.enhanceStore, init: actionDispatcher.receiveLocation.bind(actionDispatcher, window.location)};

 }

@@ -48,7 +48,6 @@ it("given event handler should generate a urlchange event only when url changes"

     if(map[evName]) {

       map[evName].handleEvent(ev);

     }

-

   });

   // when

@@ -56,8 +55,6 @@ it("given event handler should generate a urlchange event only when url changes"

   window.dispatchEvent(new Event('popstate'));

   window.dispatchEvent(new Event('popstate'));

-

-

   // then

   expect(calls.length).toEqual(3);

   expect(calls[1].type).toEqual('urlchanged');

@@ -67,12 +64,12 @@ it("given event handler should generate a urlchange event only when url changes"

   window.location.pathname = '/new/path';

   window.dispatchEvent(new Event('popstate'));

-

   //then

   expect(calls.length).toEqual(5);

   expect(calls[4].type).toEqual('urlchanged');

   expect(calls[4].detail).toEqual(window.location);

+  console.log(map);

 });

 it("should only add url events 1x when addChangeUrlEvent is called on window more than 1x", () => {