optional redux-logger

Author: ShMcK

lib/reducers/progress/index.js

@@ -1,4 +1,5 @@
 "use strict";
+var redux_pouchdb_1 = require('redux-pouchdb');
 var _types_1 = require('../../actions/_types');
 var store_1 = require('../../store');
 var _progress = {
@@ -50,4 +51,4 @@ function progressReducer(progress, action) {
     }
 }
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = progressReducer;
+exports.default = redux_pouchdb_1.persistentReducer(progressReducer);

lib/store/index.js

@@ -1,4 +1,16 @@
 "use strict";
+var env = 'dev';
 var redux_1 = require('redux');
+var redux_thunk_1 = require('redux-thunk');
+var PouchDB = require('pouchdb');
+var redux_pouchdb_1 = require('redux-pouchdb');
 var reducers_1 = require('../reducers');
-exports.store = redux_1.createStore(reducers_1.default, {});
+var db = new PouchDB('coderoad');
+var middlewares = [redux_thunk_1.default];
+if (env && env === 'dev') {
+    var createLogger = require('redux-logger');
+    var logger = createLogger();
+    middlewares.push(logger);
+}
+var createStoreWithMiddleware = redux_1.compose(redux_1.applyMiddleware.apply(void 0, middlewares), redux_pouchdb_1.persistentStore(db))(redux_1.createStore);
+exports.store = createStoreWithMiddleware(reducers_1.default, {});

package.json

@@ -42,11 +42,15 @@
     "highlights": "1.3.1",
     "marked": "0.3.5",
     "material-ui": "0.15.0-beta.2",
+    "pouchdb": "^5.3.2",
     "react": "15.0.1",
     "react-dom": "15.0.1",
     "react-redux": "4.4.5",
     "react-tap-event-plugin": "1.0.0",
-    "redux": "3.5.1"
+    "redux": "3.5.2",
+    "redux-logger": "^2.6.1",
+    "redux-pouchdb": "0.0.7",
+    "redux-thunk": "^2.0.1"
   },
   "scripts": {
     "test": "ava",

src/reducers/progress/index.ts

@@ -1,3 +1,4 @@
+import {persistentReducer} from 'redux-pouchdb';
 import {
   PROGRESS_LOAD, COMPLETE_PAGE, COMPLETE_CHAPTER, COMPLETE_TUTORIAL
 } from '../../actions/_types';
@@ -18,7 +19,7 @@ const _progress: CR.Progress = {
   }]
 };
 
-export default function progressReducer(
+function progressReducer(
   progress = _progress, action: Action
 ): CR.Progress {
   switch (action.type) {
@@ -53,3 +54,4 @@ export default function progressReducer(
       return progress;
   }
 }
+export default persistentReducer(progressReducer);

src/store/index.ts

@@ -1,4 +1,24 @@
-import {createStore} from 'redux';
+const env = 'dev';
+
+import {createStore, compose, applyMiddleware} from 'redux';
+import thunk from 'redux-thunk';
+import * as PouchDB from 'pouchdb';
+import {persistentStore} from 'redux-pouchdb';
 import reducer from '../reducers';
 
-export let store: Redux.Store = createStore(reducer, {});
+const db = new PouchDB('coderoad');
+
+const middlewares = [thunk];
+
+if (env && env === 'dev') {
+  const createLogger = require('redux-logger');
+  const logger = createLogger();
+  middlewares.push(logger);
+}
+
+const createStoreWithMiddleware = compose(
+  applyMiddleware(...middlewares),
+  persistentStore(db)
+)(createStore);
+
+export let store: Redux.Store = createStoreWithMiddleware(reducer, {});