npm - @zohodesk/react-cli - Versions diffs - 1.0.2 → 1.0.3-exp.2 - Mend

@zohodesk/react-cli 1.0.2 → 1.0.3-exp.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/.eslintignore +7 -7
package/.eslintrc.js +180 -180
package/.prettierrc +6 -6
package/Changelog.md +1019 -1019
package/README.md +1209 -1165
package/bin/cli.js +489 -483
package/docs/ComposeMinification.md +14 -0
package/docs/CustomChunks.md +26 -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/SelectorWeight.md +8 -8
package/docs/TODOS.md +10 -10
package/docs/ValueReplacer.md +60 -60
package/docs/VariableConversion.md +729 -729
package/docs/warnings_while_install.txt +35 -35
package/files/eslintrc.js +62 -62
package/files/prettierrc.js +3 -3
package/lib/common/buildEs.js +12 -0
package/lib/common/testPattern.js +0 -2
package/lib/common/valueReplacer.js +1 -3
package/lib/configs/resolvers.js +14 -3
package/lib/configs/webpack.css.umd.config.js +4 -4
package/lib/configs/webpack.dev.config.js +6 -0
package/lib/configs/webpack.docs.config.js +4 -0
package/lib/configs/webpack.impact.config.js +4 -0
package/lib/configs/webpack.prod.config.js +6 -0
package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
package/lib/loaderUtils/getCSSLoaders.js +78 -49
package/lib/loaderUtils/tests/windowsModification.test.js +10 -0
package/lib/loaderUtils/windowsModification.js +6 -1
package/lib/loaders/composeLoader.js +172 -0
package/lib/loaders/selectorMappingLoader.js +9 -9
package/lib/loaders/workerLoader.js +9 -9
package/lib/logger.js +20 -0
package/lib/pluginUtils/getDevPlugins.js +23 -8
package/lib/pluginUtils/getProdPlugins.js +20 -8
package/lib/pluginUtils/getUMDCSSPlugins.js +1 -1
package/lib/pluginUtils/getUMDComponentPlugins.js +1 -1
package/lib/plugins/CustomAttributePlugin.js +82 -0
package/lib/plugins/CustomAttributePlugin.md +35 -0
package/lib/plugins/EFCPlugin.js +9 -9
package/lib/plugins/EFCPlugin.md +6 -6
package/lib/plugins/EFCTemplatePlugin.js +10 -12
package/lib/plugins/I18NInjectIntoIndexPlugin.js +12 -13
package/lib/plugins/I18nSplitPlugin/I18nDebugPlugin.js +2 -3
package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +10 -15
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/I18nSplitPlugin/utils/propertiesUtils.js +8 -8
package/lib/plugins/{UglifyCSSPlugin.js → MinifyPlugin.js} +3 -3
package/lib/plugins/ResourceHintsPlugin.js +17 -17
package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
package/lib/plugins/SelectorPlugin.js +66 -48
package/lib/plugins/ServiceWorkerPlugin.js +9 -9
package/lib/plugins/TPHashMappingPlugin.js +4 -4
package/lib/plugins/VariableConversionCollector.js +94 -88
package/lib/plugins/index.js +7 -7
package/lib/plugins/utils/classHandling.js +20 -0
package/lib/plugins/utils/fileHandling.js +107 -0
package/lib/plugins/utils/tests/fileHandling.test.js +30 -0
package/lib/postcss-plugins/EmptyPlugin.js +8 -0
package/lib/postcss-plugins/ExcludePlugin.js +1 -1
package/lib/postcss-plugins/IncludePlugin.js +0 -1
package/lib/postcss-plugins/RTLSplitPlugin.js +14 -20
package/lib/postcss-plugins/ValueReplacer.js +2 -13
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 -9
package/lib/postcss-plugins/variableModificationPlugin/index.js +2 -21
package/lib/schemas/index.js +39 -4
package/lib/servers/devBuild.js +13 -11
package/lib/servers/httpsOptions.js +12 -13
package/lib/servers/nowatchserver.js +5 -3
package/lib/servers/requireLocalOrGlobal.js +61 -0
package/lib/servers/server.js +3 -5
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 +38 -12
package/lib/utils/getOptions.js +9 -0
package/lib/utils/resultSchema.json +73 -73
package/lib/utils/variableConvertor.js +159 -0
package/npm8.md +9 -9
package/package-lock.json +14412 -0
package/package.json +121 -120
package/postpublish.js +8 -8
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 +249 -249
package/templates/docs/component.html +178 -178
package/templates/docs/components.html +221 -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/style.css +1022 -1022
package/templates/docs/impactReportTemplate.html +154 -154
package/templates/docs/index.html +1501 -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/lib/plugins/composeCommonPlugin.js +0 -30
package/lib/postcss-plugins/variableModifier.js +0 -244
package/result.json +0 -1
package/unittest/index.html +0 -37

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