mklemme · June 13, 2017 03:29 · Apr 12, 2016 · Apr 11, 2016 · Apr 11, 2016 · Apr 11, 2016
diff --git a/(1) firebaseMiddleware.js b/(1) firebaseMiddleware.js
@@ -26,8 +26,8 @@ export default function firebaseMiddleware(fireRef) {
 
       const firebasePromise = firebase(fireRef);
       firebasePromise.then(
-        (result) => console.log('result', result),
-        (error) => console.log('error', error)
+        (result) => next({...rest, result, type: SUCCESS}),
+        (error) => next({...rest, error, type: FAILURE})
       ).catch((error)=> {
         console.error('MIDDLEWARE ERROR:', error);
         next({...rest, error, type: FAILURE});

diff --git a/-firebaseMiddleware.js → (1) firebaseMiddleware.js b/-firebaseMiddleware.js → (1) firebaseMiddleware.js
diff --git a/*firebaseMiddleware.js → -firebaseMiddleware.js b/*firebaseMiddleware.js → -firebaseMiddleware.js
diff --git a/firebaseMiddleware.js → *firebaseMiddleware.js b/firebaseMiddleware.js → *firebaseMiddleware.js
diff --git a/(1)firebaseMiddleware.js → firebaseMiddleware.js b/(1)firebaseMiddleware.js → firebaseMiddleware.js
diff --git a/firebaseMiddleware.js → (1)firebaseMiddleware.js b/firebaseMiddleware.js → (1)firebaseMiddleware.js
diff --git a/create.js → (2)create.js b/create.js → (2)create.js
diff --git a/client.js → (3)client.js b/client.js → (3)client.js
diff --git a/server.js → (4)server.js b/server.js → (4)server.js
diff --git a/auth.js → (5)auth.js b/auth.js → (5)auth.js
diff --git a/auth.js b/auth.js
@@ -0,0 +1,30 @@
+/**
+ * @path src/redux/modules
+ * 
+ * Finally lets change old action using the client API
+ * into a Firebase login.
+ * Be sure to pass over a new 'password' param from containers/Login.
+ * 
+ * Replace.
+ */
+
+export function login(name, password) {
+  return {
+    types: [LOGIN, LOGIN_SUCCESS, LOGIN_FAIL],
+    firebase: (fireRef) => fireRef.authWithPassword({password: password, email: name})
+  }
+}
+
+/**
+-- OLD --
+export function login(name) {
+  return {
+    types: [LOGIN, LOGIN_SUCCESS, LOGIN_FAIL],
+    promise: (client) => client.post('/login', {
+      data: {
+        name: name
+      }
+    })
+  };
+}
+*/
diff --git a/server.js b/server.js
@@ -1,7 +1,9 @@
 /**
+ * @path src
+ * 
  * Make the server.js adopt to the store changes.
- * Replace the lines.
+ * Replace.
  */
 
+const store = createStore(history, {client});
 //const store = createStore(history, client);
-const store = createStore(history, {client});
diff --git a/client.js b/client.js
@@ -0,0 +1,28 @@
+/**
+ * @path src
+ * 
+ * @diff - Differences with "react-redux-universal-hot-example"
+ */
+import 'babel-polyfill';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import createStore from './redux/create';
+import ApiClient from './helpers/ApiClient';
+// @diff include Firebase, this is my helper, you can just use firebase package
+import Firebase from './helpers/Firebase.js';
+import io from 'socket.io-client';
+import {Provider} from 'react-redux';
+import { Router, browserHistory } from 'react-router';
+import { ReduxAsyncConnect } from 'redux-async-connect';
+import useScroll from 'scroll-behavior/lib/useStandardScroll';
+
+import getRoutes from './routes';
+
+// @diff fire it up
+const firebase = new Firebase();
+const client = new ApiClient();
+const history = useScroll(() => browserHistory)();
+const dest = document.getElementById('content');
+// @diff param
+const store = createStore(history, {client, firebase}, window.__data);
+// ...
diff --git a/create.js b/create.js
@@ -0,0 +1,48 @@
+/**
+ * @path src/redux
+ * 
+ * Simple store binding change
+ * 
+ * @diff - Differences with "react-redux-universal-hot-example"
+ */
+
+import { createStore as _createStore, applyMiddleware, compose } from 'redux';
+import createMiddleware from './middleware/clientMiddleware';
+// @diff firebaseMiddleware
+import firebaseMiddleware from './middleware/firebaseMiddleware';
+import { syncHistory } from 'react-router-redux';
+
+// @diff accept firebase reference
+export default function createStore(history, {client, firebase}, data) {
+  // Sync dispatched route actions to the history
+  const reduxRouterMiddleware = syncHistory(history);
+
+  // @diff line up firebase middleware
+  const middleware = [createMiddleware(client), firebaseMiddleware(firebase), reduxRouterMiddleware];
+
+  let finalCreateStore;
+  if (__DEVELOPMENT__ && __CLIENT__ && __DEVTOOLS__) {
+    const { persistState } = require('redux-devtools');
+    const DevTools = require('../containers/DevTools/DevTools');
+    finalCreateStore = compose(
+      applyMiddleware(...middleware),
+      window.devToolsExtension ? window.devToolsExtension() : DevTools.instrument(),
+      persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/))
+    )(_createStore);
+  } else {
+    finalCreateStore = applyMiddleware(...middleware)(_createStore);
+  }
+
+  const reducer = require('./modules/reducer');
+  const store = finalCreateStore(reducer, data);
+
+  reduxRouterMiddleware.listenForReplays(store);
+
+  if (__DEVELOPMENT__ && module.hot) {
+    module.hot.accept('./modules/reducer', () => {
+      store.replaceReducer(require('./modules/reducer'));
+    });
+  }
+
+  return store;
+}
diff --git a/firebaseMiddleware.js b/firebaseMiddleware.js
@@ -0,0 +1,39 @@
+/**
+ * @path src/redux/middleware
+ * 
+ * Extract from clientMiddleware example in order to showcase
+ * the difference and help in understanding the same.
+ * 
+ * @diff - Differences with "react-redux-universal-hot-example"
+ */
+export default function firebaseMiddleware(fireRef) {
+  return ({dispatch, getState}) => {
+    return next => action => {
+      if (typeof action === 'function') {
+        return action(dispatch, getState);
+      }
+
+      // @diff Look for the firebase related actions instead of promise/client ones
+      const { firebase, types, ...rest } = action; // eslint-disable-line no-redeclare
+
+      // @diff if there is none, move on, same as promise/client
+      if (!firebase) {
+        return next(action);
+      }
+
+      const [REQUEST, SUCCESS, FAILURE] = types;
+      next({...rest, type: REQUEST});
+
+      const firebasePromise = firebase(fireRef);
+      firebasePromise.then(
+        (result) => console.log('result', result),
+        (error) => console.log('error', error)
+      ).catch((error)=> {
+        console.error('MIDDLEWARE ERROR:', error);
+        next({...rest, error, type: FAILURE});
+      });
+
+      return firebasePromise;
+    };
+  };
+}
diff --git a/server.js b/server.js
@@ -0,0 +1,7 @@
+/**
+ * Make the server.js adopt to the store changes.
+ * Replace the lines.
+ */
+
+//const store = createStore(history, client);
+const store = createStore(history, {client});
No results found