npm - @zohodesk/react-cli - Versions diffs - 1.1.15-exp.3 → 1.1.16 - Mend

@zohodesk/react-cli 1.1.15-exp.3 → 1.1.16

Files changed (451) hide show

package/templates/app/src/containers/SampleListContainer/ListContainer.module.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.container {
-  padding: 20px;
-}
+.container {
+  padding: 20px;
+}

package/templates/app/src/historyChange.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export const historyChange = (routing, res, { getState, dispatch }) => {
-  let state = getState();
-  res();
-};
+export const historyChange = (routing, res, { getState, dispatch }) => {
+  let state = getState();
+  res();
+};

package/templates/app/src/index.html CHANGED Viewed

@@ -1,10 +1,10 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="utf-8" />
-    <title></title>
-  </head>
-  <body>
-    <div id="container"></div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8" />
+    <title></title>
+  </head>
+  <body>
+    <div id="container"></div>
+  </body>
+</html>

package/templates/app/src/index.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { Provider } from "react-redux";
-import { ConnectI18NProvider } from "fz-i18n";
-import configureStore from "./store/configureStore";
-import AppContainer from "./containers/AppContainer";
-const store = configureStore();
-setTimeout(() => {
-  ReactDOM.render(
-    <Provider store={store}>
-      <ConnectI18NProvider
-        direction={document.getElementsByTagName("html")[0].dir}
-        i18n={() => {}}
-        permission={{}}
-        timeZone={state => ""}
-        license={""}
-      >
-        <AppContainer />
-      </ConnectI18NProvider>
-    </Provider>,
-    document.getElementById("container")
-  );
-}, 1);
+import React from "react";
+import ReactDOM from "react-dom";
+import { Provider } from "react-redux";
+import { ConnectI18NProvider } from "fz-i18n";
+import configureStore from "./store/configureStore";
+import AppContainer from "./containers/AppContainer";
+const store = configureStore();
+setTimeout(() => {
+  ReactDOM.render(
+    <Provider store={store}>
+      <ConnectI18NProvider
+        direction={document.getElementsByTagName("html")[0].dir}
+        i18n={() => {}}
+        permission={{}}
+        timeZone={state => ""}
+        license={""}
+      >
+        <AppContainer />
+      </ConnectI18NProvider>
+    </Provider>,
+    document.getElementById("container")
+  );
+}, 1);

package/templates/app/src/middleware/PromiseMiddleware.js CHANGED Viewed

@@ -1,59 +1,59 @@
-export default function promiseMiddleware({ dispatch, getState }) {
-  return function(next) {
-    return function(action) {
-      const { types, callAPI, shouldCallAPI = () => true, payload } = action;
-      if (!types) {
-        // Normal action: pass it o
-        return next(action);
-      }
-      if (
-        !Array.isArray(types) ||
-        types.length !== 3 ||
-        !types.every(type => typeof type === 'string')
-      ) {
-        throw new Error('Expected an array of three string types.');
-      }
-      if (typeof callAPI !== 'function') {
-        throw new Error('Expected fetch to be a function.');
-      }
-      if (!shouldCallAPI(getState())) {
-        return Promise.resolve();
-      }
-      const [requestType, successType, failureType] = types;
-      dispatch({
-        type: requestType,
-        data: typeof payload === 'function' ? payload(getState()) : payload
-      });
-      return callAPI(getState(), getState).then(
-        response => {
-          let action = dispatch(
-            Object.assign(
-              {},
-              {
-                data: response,
-                type: successType
-              }
-            )
-          );
-          return action;
-        },
-        error => {
-          dispatch(
-            Object.assign(
-              {},
-              {
-                data: error,
-                type: failureType
-              }
-            )
-          );
-          throw error;
-        }
-      );
-    };
-  };
-}
+export default function promiseMiddleware({ dispatch, getState }) {
+  return function(next) {
+    return function(action) {
+      const { types, callAPI, shouldCallAPI = () => true, payload } = action;
+      if (!types) {
+        // Normal action: pass it o
+        return next(action);
+      }
+      if (
+        !Array.isArray(types) ||
+        types.length !== 3 ||
+        !types.every(type => typeof type === 'string')
+      ) {
+        throw new Error('Expected an array of three string types.');
+      }
+      if (typeof callAPI !== 'function') {
+        throw new Error('Expected fetch to be a function.');
+      }
+      if (!shouldCallAPI(getState())) {
+        return Promise.resolve();
+      }
+      const [requestType, successType, failureType] = types;
+      dispatch({
+        type: requestType,
+        data: typeof payload === 'function' ? payload(getState()) : payload
+      });
+      return callAPI(getState(), getState).then(
+        response => {
+          let action = dispatch(
+            Object.assign(
+              {},
+              {
+                data: response,
+                type: successType
+              }
+            )
+          );
+          return action;
+        },
+        error => {
+          dispatch(
+            Object.assign(
+              {},
+              {
+                data: error,
+                type: failureType
+              }
+            )
+          );
+          throw error;
+        }
+      );
+    };
+  };
+}

package/templates/app/src/reducers/alertData.js CHANGED Viewed

@@ -1,11 +1,11 @@
-export const alertData = (state = {}, { type, data }) => {
-  switch (type) {
-    case "ALERT_SHOW":
-      return data;
-    case "ALERT_HIDE":
-      return {};
-    default:
-  }
-  return state;
-};
+export const alertData = (state = {}, { type, data }) => {
+  switch (type) {
+    case "ALERT_SHOW":
+      return data;
+    case "ALERT_HIDE":
+      return {};
+    default:
+  }
+  return state;
+};

package/templates/app/src/reducers/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { samples } from "./samples";
-import { alertData } from "./alertData";
-const reducers = { samples, alertData };
-export default reducers;
+import { samples } from "./samples";
+import { alertData } from "./alertData";
+const reducers = { samples, alertData };
+export default reducers;

package/templates/app/src/reducers/samples.js CHANGED Viewed

@@ -1,19 +1,19 @@
-function samples(state = [], { data, type }) {
-  switch (type) {
-    case "SAMPLE_LIST_SUCCESS": {
-      return data;
-      break;
-    }
-    case "ADD_SAMPLE_SUCCESS": {
-      let newState = Object.assign({}, state);
-      return [...state, ...[data]];
-      break;
-    }
-    default:
-      return state;
-  }
-}
-export { samples };
+function samples(state = [], { data, type }) {
+  switch (type) {
+    case "SAMPLE_LIST_SUCCESS": {
+      return data;
+      break;
+    }
+    case "ADD_SAMPLE_SUCCESS": {
+      let newState = Object.assign({}, state);
+      return [...state, ...[data]];
+      break;
+    }
+    default:
+      return state;
+  }
+}
+export { samples };

package/templates/app/src/store/configureStore.dev.js CHANGED Viewed

@@ -1,51 +1,51 @@
-import { createBrowserHistory } from "history";
-import { reduxRouter } from "redux-router-middleware";
-import { createStore, applyMiddleware, compose, combineReducers } from "redux";
-import thunk from "redux-thunk";
-import promiseMiddleware from "../middleware/PromiseMiddleware";
-import rootReducer from "../reducers";
-//import logger from "redux-logger";
-//import { createLogger } from "redux-logger";
-import { createLogger } from "redux-logger";
-import DevTools from "../containers/DevTools";
-import getUrls from "../appUrls";
-import { historyChange } from "../historyChange";
-const configureStore = preloadedState => {
-  let history = createBrowserHistory();
-  let { historyMiddleware, routing } = reduxRouter(
-    history,
-    getUrls(),
-    historyChange
-  );
-  //console.log(createLogger);
-  let middleWare = compose(
-    applyMiddleware(
-      thunk,
-      promiseMiddleware,
-      historyMiddleware,
-      createLogger({ collapsed: true })
-    ),
-    DevTools.instrument()
-  );
-  const store = createStore(
-    combineReducers(Object.assign(rootReducer, { routing })),
-    preloadedState,
-    middleWare
-  );
-  if (module.hot) {
-    // Enable Webpack hot module replacement for reducers
-    module.hot.accept("../reducers", () => {
-      store.replaceReducer(rootReducer);
-    });
-  }
-  return store;
-};
-export default configureStore;
+import { createBrowserHistory } from "history";
+import { reduxRouter } from "redux-router-middleware";
+import { createStore, applyMiddleware, compose, combineReducers } from "redux";
+import thunk from "redux-thunk";
+import promiseMiddleware from "../middleware/PromiseMiddleware";
+import rootReducer from "../reducers";
+//import logger from "redux-logger";
+//import { createLogger } from "redux-logger";
+import { createLogger } from "redux-logger";
+import DevTools from "../containers/DevTools";
+import getUrls from "../appUrls";
+import { historyChange } from "../historyChange";
+const configureStore = preloadedState => {
+  let history = createBrowserHistory();
+  let { historyMiddleware, routing } = reduxRouter(
+    history,
+    getUrls(),
+    historyChange
+  );
+  //console.log(createLogger);
+  let middleWare = compose(
+    applyMiddleware(
+      thunk,
+      promiseMiddleware,
+      historyMiddleware,
+      createLogger({ collapsed: true })
+    ),
+    DevTools.instrument()
+  );
+  const store = createStore(
+    combineReducers(Object.assign(rootReducer, { routing })),
+    preloadedState,
+    middleWare
+  );
+  if (module.hot) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept("../reducers", () => {
+      store.replaceReducer(rootReducer);
+    });
+  }
+  return store;
+};
+export default configureStore;

package/templates/app/src/store/configureStore.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/*if (process.env.NODE_ENV === "production") {
-  module.exports = require("./configureStore.prod");
-} else {*/
-module.exports = require("./configureStore.dev");
-//}
+/*if (process.env.NODE_ENV === "production") {
+  module.exports = require("./configureStore.prod");
+} else {*/
+module.exports = require("./configureStore.dev");
+//}

package/templates/app/src/store/configureStore.prod.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import { createBrowserHistory } from "history";
-import { reduxRouter } from "@zohodesk/router-middleware";
-import { createStore, applyMiddleware, compose, combineReducers } from "redux";
-import { historyChange } from "../historyChange";
-import thunk from "redux-thunk";
-import rootReducer from "../reducers";
-const configureStore = preloadedState => {
-  let history = createBrowserHistory();
-  let { historyMiddleware, routing } = reduxRouter(
-    history,
-    getUrls(),
-    historyChange
-  );
-  let middleWare = compose(applyMiddleware(thunk, historyMiddleware));
-  return createStore(
-    combineReducers(Object.assign(rootReducer, { routing })),
-    preloadedState,
-    middleWare
-  );
-};
-export default configureStore;
+import { createBrowserHistory } from "history";
+import { reduxRouter } from "@zohodesk/router-middleware";
+import { createStore, applyMiddleware, compose, combineReducers } from "redux";
+import { historyChange } from "../historyChange";
+import thunk from "redux-thunk";
+import rootReducer from "../reducers";
+const configureStore = preloadedState => {
+  let history = createBrowserHistory();
+  let { historyMiddleware, routing } = reduxRouter(
+    history,
+    getUrls(),
+    historyChange
+  );
+  let middleWare = compose(applyMiddleware(thunk, historyMiddleware));
+  return createStore(
+    combineReducers(Object.assign(rootReducer, { routing })),
+    preloadedState,
+    middleWare
+  );
+};
+export default configureStore;

package/templates/app/src/util/Common.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export const URL_PREFIX = '/app';
-export function generateAPITypes(prefix) {
-  return [`${prefix}_REQUEST`, `${prefix}_SUCCESS`, `${prefix}_FAILURE`];
-}
+export const URL_PREFIX = '/app';
+export function generateAPITypes(prefix) {
+  return [`${prefix}_REQUEST`, `${prefix}_SUCCESS`, `${prefix}_FAILURE`];
+}