npm - @zohodesk/react-cli - Versions diffs - 1.1.6 → 1.1.8-exp.1 - Mend

@zohodesk/react-cli 1.1.6 → 1.1.8-exp.1

Files changed (134) hide show

package/.eslintignore +7 -7
package/.eslintrc.js +180 -180
package/.prettierrc +6 -6
package/Changelog.md +1019 -1019
package/README.md +1293 -1244
package/bin/cli.js +497 -497
package/docs/ComposeMinification.md +13 -13
package/docs/CustomChunks.md +29 -26
package/docs/DevServerPort.md +39 -39
package/docs/DevStart.md +18 -18
package/docs/HoverActive.md +12 -12
package/docs/InstallNode.md +28 -28
package/docs/MarkdownParser.md +18 -0
package/docs/ReactLive.md +13 -13
package/docs/SelectorWeight.md +8 -8
package/docs/TODOS.md +10 -10
package/docs/ValueReplacer.md +60 -60
package/docs/VariableConversion.md +729 -729
package/docs/patternFiltering.md +56 -56
package/docs/warnings_while_install.txt +35 -35
package/files/eslintrc.js +62 -62
package/files/prettierrc.js +3 -3
package/lib/common/splitChunks.js +65 -45
package/lib/common/testPattern.js +9 -9
package/lib/configs/webpack.css.umd.config.js +4 -4
package/lib/configs/webpack.dev.config.js +24 -3
package/lib/configs/webpack.docs.config.js +22 -3
package/lib/configs/webpack.impact.config.js +4 -2
package/lib/configs/webpack.prod.config.js +6 -3
package/lib/deprecationLogger.js +41 -0
package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
package/lib/loaderUtils/getCSSLoaders.js +77 -56
package/lib/loaders/__test__/markdownLoader.spec.js +145 -0
package/lib/loaders/docsLoader.js +3 -0
package/lib/loaders/markdownLoader.js +71 -0
package/lib/loaders/workerLoader.js +9 -9
package/lib/pluginUtils/getDevPlugins.js +8 -7
package/lib/pluginUtils/getProdPlugins.js +6 -6
package/lib/plugins/CustomAttributePlugin.md +35 -35
package/lib/plugins/EFCPlugin.md +6 -6
package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
package/lib/plugins/I18nSplitPlugin/README.md +25 -25
package/lib/plugins/I18nSplitPlugin/index.js +57 -57
package/lib/plugins/ResourceHintsPlugin.js +30 -20
package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
package/lib/plugins/SelectorPlugin.js +29 -29
package/lib/plugins/ServiceWorkerPlugin.js +9 -9
package/lib/plugins/TPHashMappingPlugin.js +4 -4
package/lib/plugins/VariableConversionCollector.js +59 -59
package/lib/plugins/utils/fileHandling.js +35 -42
package/lib/plugins/variableConvertorUtils.js +9 -9
package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
package/lib/postcss-plugins/__test__/test1Input.css +38 -38
package/lib/postcss-plugins/__test__/test1Output.css +38 -38
package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
package/lib/schemas/index.js +23 -36
package/lib/sh/pre-commit.sh +34 -34
package/lib/sh/reportPublish.sh +45 -45
package/lib/utils/buildstats.html +148 -148
package/lib/utils/cssClassNameGenerate.js +13 -13
package/lib/utils/deprecationSupport.js +144 -0
package/lib/utils/getOptions.js +18 -78
package/lib/utils/resultSchema.json +73 -73
package/npm-shrinkwrap.json +33393 -33393
package/npm8.md +9 -9
package/package.json +123 -122
package/postpublish.js +8 -8
package/result.json +1 -0
package/templates/app/.eslintrc.js +140 -140
package/templates/app/README.md +12 -12
package/templates/app/app/index.html +24 -24
package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
package/templates/app/app/properties/i18nkeys.json +3 -3
package/templates/app/docs/all.html +69 -69
package/templates/app/mockapi/index.js +18 -18
package/templates/app/package.json +37 -37
package/templates/app/src/actions/SampleActions/index.js +37 -37
package/templates/app/src/actions/index.js +65 -65
package/templates/app/src/appUrls.js +19 -19
package/templates/app/src/components/Alert/Alert.js +134 -134
package/templates/app/src/components/Alert/Alert.module.css +79 -79
package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
package/templates/app/src/components/Sample/Sample.module.css +11 -11
package/templates/app/src/components/Sample/SampleList.js +61 -61
package/templates/app/src/components/Slider/Slider.css +41 -41
package/templates/app/src/components/Slider/Slider.js +55 -55
package/templates/app/src/containers/AlertContainer/index.js +15 -15
package/templates/app/src/containers/AppContainer/index.js +96 -96
package/templates/app/src/containers/AppContainer/index.module.css +27 -27
package/templates/app/src/containers/CustomMatch/index.js +65 -65
package/templates/app/src/containers/DevTools/index.js +10 -10
package/templates/app/src/containers/Header/index.js +67 -67
package/templates/app/src/containers/Header/index.module.css +43 -43
package/templates/app/src/containers/Redirect/index.js +63 -63
package/templates/app/src/containers/Redirector/index.js +47 -47
package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
package/templates/app/src/historyChange.js +5 -5
package/templates/app/src/index.html +10 -10
package/templates/app/src/index.js +24 -24
package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
package/templates/app/src/reducers/alertData.js +11 -11
package/templates/app/src/reducers/index.js +6 -6
package/templates/app/src/reducers/samples.js +19 -19
package/templates/app/src/store/configureStore.dev.js +51 -51
package/templates/app/src/store/configureStore.js +5 -5
package/templates/app/src/store/configureStore.prod.js +26 -26
package/templates/app/src/util/Common.js +5 -5
package/templates/app/src/util/RequestAPI.js +132 -132
package/templates/docs/all.html +250 -249
package/templates/docs/component.html +179 -178
package/templates/docs/components.html +222 -221
package/templates/docs/css/b.min.css +6 -6
package/templates/docs/css/component.css +42 -42
package/templates/docs/css/componentTest.css +6 -6
package/templates/docs/css/hopscotch.css +585 -585
package/templates/docs/css/markdown.css +202 -0
package/templates/docs/css/style.css +1022 -1022
package/templates/docs/impactReportTemplate.html +154 -154
package/templates/docs/index.html +1502 -1501
package/templates/docs/js/active-line.js +72 -72
package/templates/docs/js/b.min.js +7 -7
package/templates/docs/js/codemirror.js +9680 -9680
package/templates/docs/js/designTokens.js +334 -334
package/templates/docs/js/j.min.js +4 -4
package/templates/docs/js/javascript.js +874 -874
package/templates/docs/js/matchbrackets.js +145 -145
package/unittest/index.html +37 -0

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`];
+}