chore: updated shared config

Author: Ashish Kumar

client/config/api.js

@@ -4,8 +4,7 @@ import { Provider } from "react-redux";
 import { Router } from "react-router-dom";
 import { loadableReady } from "@loadable/component";
 import StyleContext from "isomorphic-style-loader/StyleContext";
-import store from "./config/store";
-import History from "./config/history";
+import { store, history } from "../config";
 import App from "./App";
 
 const insertCss = (...styles) => {
@@ -17,9 +16,9 @@ const insertCss = (...styles) => {
 loadableReady(() => {
     console.log("Load Ready >>>");
     hydrate(
-        <Provider store={store}>
+        <Provider store={store(window)}>
             <StyleContext.Provider value={{ insertCss }}>
-                <Router history={History}>
+                <Router history={history()}>
                     <App/>
                 </Router>
             </StyleContext.Provider>

client/config/store.js

@@ -0,0 +1,14 @@
+import axios from "axios";
+
+const axiosInstance = (config = {}, baseUrl = "") => {
+    const instance = axios.create({
+        baseURL: `${baseUrl}/api/v1`,
+        ...config
+    });
+    instance.interceptors.request.use((response) => response, (error) => {
+        console.log("Logging Error", error);
+    });
+    return instance;
+};
+
+export default axiosInstance;

client/index.js

@@ -1,7 +1,7 @@
 import { createBrowserHistory } from "history";
 import appConfig from "./appConfig";
 
-const history = createBrowserHistory({
+const history = () => createBrowserHistory({
     basename: appConfig.appBaseName
 });
 

config/api.js

@@ -0,0 +1,11 @@
+import api from "./api";
+import appConfig from "./appConfig";
+import history from "./history";
+import store from "./store";
+
+export {
+    api,
+    appConfig,
+    history,
+    store
+};

client/config/appConfig.js renamed to config/appConfig.js

@@ -0,0 +1,47 @@
+/* eslint-disable no-underscore-dangle */
+import { createStore, applyMiddleware, compose } from "redux";
+import thunk from "redux-thunk";
+import Cookies from "universal-cookie";
+import reducers from "../client/reducers";
+import api from "./api";
+
+
+const createAndGetStore = (__window = {}, env = {}, __cookies = {}, apiUrl = "") => {
+    if (__window.document) {
+        console.log("khgdkjhgdjksgdsjk");
+    }
+    const preloadedState = __window.__INITIAL_STATE__ || {};
+    delete __window.__INITIAL_STATE__;
+    const cookies = new Cookies(__cookies);
+
+    // eslint-disable-next-line no-underscore-dangle
+    const composeEnhancer = (typeof __window !== "undefined" && __window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;
+    // eslint-disable-next-line no-unused-vars
+    let enhancer = "";
+    const __api = api({
+        headers: {
+            cookie: cookies.getAll()
+        }
+    }, apiUrl);
+    if (env === "production") {
+        enhancer = composeEnhancer(
+            applyMiddleware(thunk.withExtraArgument({
+                api: __api,
+                cookies
+            }))
+        );
+    } else {
+        enhancer = composeEnhancer(
+            applyMiddleware(thunk.withExtraArgument({
+                api: __api,
+                cookies
+            }))
+        );
+    }
+    return createStore(
+        reducers, // reducers
+        preloadedState,
+        enhancer
+    );
+};
+export default createAndGetStore;