npm - @zohodesk/react-cli - Versions diffs - 0.0.1-beta.99 → 0.0.1-betaa.138.1 - Mend

@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.1

Files changed (202) hide show

package/.eslintignore +7 -7
package/.eslintrc.js +183 -183
package/CHANGELOG.md +5 -0
package/README.md +636 -491
package/bin/cli.js +372 -367
package/files/eslintrc.js +57 -0
package/files/prettierrc.js +3 -0
package/lib/babel/cmjs-plugins-presets.js +16 -9
package/lib/babel/es-plugins-presets.js +26 -14
package/lib/common/getEntries.js +31 -22
package/lib/common/getPublicPathConfig.js +27 -13
package/lib/common/index.js +21 -25
package/lib/common/splitChunks.js +62 -53
package/lib/common/templateParameters.js +10 -8
package/lib/configs/jest.config.js +15 -25
package/lib/configs/webpack.component.umd.config.js +31 -37
package/lib/configs/webpack.css.umd.config.js +44 -47
package/lib/configs/webpack.dev.config.js +70 -52
package/lib/configs/webpack.docs.config.js +106 -106
package/lib/configs/webpack.prod.config.js +95 -75
package/lib/hooks/docsProptypeHook.js +32 -38
package/lib/jest/commitedFilesResult.js +103 -74
package/lib/jest/coverageCollector.js +41 -21
package/lib/jest/jsonMaker.js +15 -16
package/lib/jest/preProcessors/cssPreprocessor.js +16 -18
package/lib/jest/preProcessors/jsPreprocessor.js +3 -5
package/lib/jest/preProcessors/otherFilesPreprocessor.js +5 -6
package/lib/jest/result.js +90 -45
package/lib/jest/run.js +43 -43
package/lib/jest/setup.js +102 -95
package/lib/loaderUtils/getCSSLoaders.js +21 -22
package/lib/loaderUtils/getDevJsLoaders.js +25 -23
package/lib/loaderUtils/index.js +11 -13
package/lib/loaders/docsLoader.js +15 -15
package/lib/loaders/docsPropsLoader.js +14 -17
package/lib/loaders/fileLoader.js +33 -35
package/lib/loaders/scriptInstrumentLoader.js +21 -20
package/lib/loaders/workerLoader.js +136 -0
package/lib/middlewares/HMRMiddleware.js +54 -45
package/lib/middlewares/SSTMiddleware.js +8 -5
package/lib/pluginUtils/getDevPlugins.js +114 -52
package/lib/pluginUtils/getDocsPlugins.js +25 -29
package/lib/pluginUtils/getLibraryPlugins.js +8 -10
package/lib/pluginUtils/getProdPlugins.js +163 -74
package/lib/pluginUtils/getServerPlugins.js +8 -11
package/lib/pluginUtils/getUMDCSSPlugins.js +11 -15
package/lib/pluginUtils/getUMDComponentPlugins.js +11 -15
package/lib/pluginUtils/index.js +36 -43
package/lib/plugins/CdnChangePlugin.js +63 -0
package/lib/plugins/CleanupStatsPlugin.js +18 -32
package/lib/plugins/CustomAttributePlugin.js +79 -0
package/lib/plugins/CustomAttributePlugin.md +35 -0
package/lib/plugins/EFCPlugin.js +185 -0
package/lib/plugins/I18NInjectIntoIndexPlugin.js +118 -52
package/lib/plugins/I18nSplitPlugin/I18nDebugPlugin.js +60 -0
package/lib/plugins/I18nSplitPlugin/I18nDependency.js +44 -0
package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +266 -0
package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +183 -0
package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +100 -0
package/lib/plugins/I18nSplitPlugin/I18nSplit.md +86 -0
package/lib/plugins/I18nSplitPlugin/README.md +25 -0
package/lib/plugins/I18nSplitPlugin/index.js +185 -0
package/lib/plugins/I18nSplitPlugin/utils/collectI18nKeys.js +64 -0
package/lib/plugins/I18nSplitPlugin/utils/getI18nFileUrlPathTemplate.js +13 -0
package/lib/plugins/I18nSplitPlugin/utils/getI18nKeysFormModules.js +26 -0
package/lib/plugins/I18nSplitPlugin/utils/hashUtils.js +40 -0
package/lib/plugins/I18nSplitPlugin/utils/index.js +31 -0
package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js +112 -0
package/lib/plugins/ManifestPlugin.js +52 -63
package/lib/plugins/ModuleStatsPlugin.js +83 -173
package/lib/plugins/OptimizeJSPlugin.js +24 -41
package/lib/plugins/PublicPathCallbackPlugin.js +42 -116
package/lib/plugins/PublicPathChangePlugin.js +175 -284
package/lib/plugins/ReportGeneratePlugin.js +150 -151
package/lib/plugins/ResourceHintsPlugin.js +53 -35
package/lib/plugins/ScriptInstrumentPlugin.js +22 -37
package/lib/plugins/ServiceWorkerPlugin.js +81 -57
package/lib/plugins/ShadowDOMSupportPlugin.js +153 -234
package/lib/plugins/SourceMapHookPlugin.js +21 -33
package/lib/plugins/TPHashMappingPlugin.js +67 -0
package/lib/plugins/UglifyCSSPlugin.js +23 -30
package/lib/plugins/UnusedFilesFindPlugin.js +137 -152
package/lib/plugins/index.js +100 -91
package/lib/plugins/webpackwatchrunplugin.js +18 -30
package/lib/postcss-plugins/ExcludeRTLPlugin.js +14 -17
package/lib/schemas/index.js +336 -81
package/lib/servers/clusterHubServer.js +22 -26
package/lib/servers/docsServer.js +3 -5
package/lib/servers/docsServerCore.js +84 -91
package/lib/servers/helpServer.js +19 -21
package/lib/servers/impactServer.js +99 -92
package/lib/servers/mockserver.js +24 -24
package/lib/servers/scrServer.js +78 -98
package/lib/servers/server.js +101 -122
package/lib/servers/ssServer.js +63 -61
package/lib/sh/pre-commit.sh +34 -34
package/lib/sh/reportPublish.sh +45 -46
package/lib/templates/CoverageScriptTemplate.js +45 -18
package/lib/templates/WMSTemplate.js +17 -18
package/lib/templates/linterConstant.js +6 -4
package/lib/utils/babelPresets.js +12 -5
package/lib/utils/buildstats.html +148 -148
package/lib/utils/clean.js +12 -11
package/lib/utils/copy.js +12 -34
package/lib/utils/copyTimezones.js +9 -16
package/lib/utils/createEventStream.js +24 -19
package/lib/utils/cssClassNameGenerate.js +44 -73
package/lib/utils/cssURLReplacer.js +60 -54
package/lib/utils/dependencyPostPublish.js +20 -19
package/lib/utils/fileUtils.js +66 -54
package/lib/utils/folderIterator.js +20 -21
package/lib/utils/getComponents.js +70 -27
package/lib/utils/getCurrentBranch.js +11 -17
package/lib/utils/getDependenciesImpactList.js +114 -187
package/lib/utils/getHash.js +9 -13
package/lib/utils/getIp.js +9 -9
package/lib/utils/getOptions.js +26 -29
package/lib/utils/getServerURL.js +19 -10
package/lib/utils/index.js +147 -126
package/lib/utils/init.js +2 -2
package/lib/utils/initPreCommitHook.js +40 -32
package/lib/utils/jsonHelper.js +37 -21
package/lib/utils/lint/addScripts.js +27 -0
package/lib/utils/lint/checkExistingConfig.js +67 -0
package/lib/utils/lint/copyConfigs.js +24 -0
package/lib/utils/lint/index.js +54 -0
package/lib/utils/lint/lintScripts.js +11 -0
package/lib/utils/lint/lintSetup.js +31 -0
package/lib/utils/lint/lintStagedPreCommitHook.js +7 -0
package/lib/utils/lint/question.js +30 -0
package/lib/utils/lintReporter.js +70 -56
package/lib/utils/mailSender.js +12 -27
package/lib/utils/pullOrigin.js +21 -18
package/lib/utils/reinstallDependencies.js +76 -85
package/lib/utils/removeAttributes.js +25 -23
package/lib/utils/repoClone.js +47 -45
package/lib/utils/request.js +64 -77
package/lib/utils/resultSchema.json +73 -73
package/lib/utils/rtl.js +22 -29
package/lib/utils/setEnvVariables.js +5 -6
package/lib/utils/ssTestHack.js +21 -19
package/lib/utils/switchBranch.js +21 -20
package/lib/utils/urlConcat.js +22 -0
package/package.json +141 -136
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/index.html +1493 -1493
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/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`];
+}