feat: add beforeEach & afterEach hooks into router saga

package.json

@@ -19,9 +19,11 @@
       "semantic-release": "semantic-release"
    },
    "dependencies": {
+      "qs": "^6.10.3",
       "ramda": "^0.27.2",
       "redux-saga": "^1.1.3",
       "reselect": "^4.1.5",
+      "route-parser": "^0.0.5",
       "seamless-immutable": "^7.1.4"
    },
    "devDependencies": {

src/__test__/createRouterSaga.test.js

@@ -14,8 +14,12 @@ describe('createActions', () => {
       });
       describe('when passed valid arguments', () => {
          it('should not throw an error', () => {
-            expect(() => createRouterSaga({ '/dashboard': () => null })).not.toThrow();
-            expect(() => createRouterSaga({ '/dashboard': () => null }, true)).not.toThrow();
+            expect(() =>
+               createRouterSaga({ matchRoutes: { '/dashboard': () => null } }),
+            ).not.toThrow();
+            expect(() =>
+               createRouterSaga({ matchRoutes: { '/dashboard': () => null } }, true),
+            ).not.toThrow();
          });
       });
    });

src/createRouterSaga.js

@@ -1,23 +1,29 @@
 import { takeLatest, fork } from 'redux-saga/effects';
-import { R, matchRoute } from './utils';
-
-export const createRouterSaga = (routerConfig, logAction) => {
-   if (R.isNil(routerConfig)) throw new Error('router sagas cannot be empty');
-   if (R.isEmpty(routerConfig)) throw new Error('router sagas cannot be empty');
-   if (!R.is(Object, routerConfig)) throw new Error('router sagas must be a valid object');
-   if (logAction && !R.is(Boolean, logAction)) {
-      throw new Error('logAction should be a valid boolean');
-   }
+import { R, matchRoute, getParams } from './utils';
 
-   const routes = R.keys(routerConfig);
+export const createRouterSaga = ({ beforeEach, matchRoutes, afterEach }) => {
+   if (R.isNil(matchRoutes)) throw new Error('router sagas cannot be empty');
+   if (R.isEmpty(matchRoutes)) throw new Error('router sagas cannot be empty');
+   if (!R.is(Object, matchRoutes)) throw new Error('router sagas must be a valid object');
 
-   function* navigationLoader(action) {
-      if (logAction) console.dir(action);
+   const routes = R.keys(matchRoutes);
 
+   function* navigationLoader(action) {
       const currentRoute = routes.find((route) => {
          return matchRoute(route, action.payload.location.pathname);
       });
-      if (currentRoute) yield* routerConfig[currentRoute](action);
+
+      if (currentRoute) {
+         const location = action.payload.location;
+         const { queryParams, routeParams } = getParams(location);
+         try {
+            yield beforeEach({ action, queryParams, routeParams });
+            yield* matchRoutes[currentRoute]({ action, queryParams, routeParams });
+            yield afterEach({ action, queryParams, routeParams });
+         } catch (error) {
+            yield afterEach({ action, queryParams, routeParams, error });
+         }
+      }
 
       return Promise.resolve();
    }

src/utils.js

@@ -1,3 +1,5 @@
+import qs from 'qs';
+import Route from 'route-parser';
 import {
    isNil,
    isEmpty,
@@ -44,6 +46,14 @@ export function matchRoute(expectedPattern, actualPath) {
    return match;
 }
 
+export function getParams(location) {
+   const options = { ignoreQueryPrefix: true };
+   const queryParams = qs.parse(location.search, options);
+   const route = new Route(location.pathname);
+   const routeParams = route.match(location.pathname);
+   return { queryParams, routeParams };
+}
+
 export const R = {
    isNil,
    isEmpty,