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/docs/all.html CHANGED Viewed

@@ -1,69 +1,69 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<style type="text/css">
-			.comps
-			{
-				padding: 10px;
-				max-width: 100%;
-				margin-bottom: 10px;
-				border-bottom: 1px solid #f5f5f5;
-			}
-			.componentNameRed
-			{
-				color: red;
-			}
-			.propertyName
-			{
-				color:green;
-				margin-left: 10px;
-			}
-			.valueName
-			{
-				color:orange;
-				margin-right: 10px;
-			}
-			.example
-			{
-				padding: 20px 20px 20px 0px;
-				width: 100%;
-				box-sizing: border-box;
-				margin: 15px 0px;
-			}
-			.htmlTag
-			{
-				color: #999;
-				color: #676565;
-    			line-height: 25px;
-    			margin-bottom: 10px;
-    			font-size: 13px;
-			}
-			.textArea
-			{
-				min-width: 50%;
-			    outline: none;
-			    min-height: 100px;
-			    margin: 15px 0px;
-			    max-width: 90%;
-			}
-		</style>
-	</head>
-	<body>
-		<div id="react">
-    </div>
-		<script src="/docs/js/vendor.js" ></script>
-		<script src="/docs/js/main.js" ></script>
-		<script>
-		var React = Component.React;
-var ReactDOM = Component.ReactDOM;
-var Text__default = Component.Text__default;
-ReactDOM.render(React.createElement(Text__default), react);
-</script>
-	</body>
-</html>
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<style type="text/css">
+			.comps
+			{
+				padding: 10px;
+				max-width: 100%;
+				margin-bottom: 10px;
+				border-bottom: 1px solid #f5f5f5;
+			}
+			.componentNameRed
+			{
+				color: red;
+			}
+			.propertyName
+			{
+				color:green;
+				margin-left: 10px;
+			}
+			.valueName
+			{
+				color:orange;
+				margin-right: 10px;
+			}
+			.example
+			{
+				padding: 20px 20px 20px 0px;
+				width: 100%;
+				box-sizing: border-box;
+				margin: 15px 0px;
+			}
+			.htmlTag
+			{
+				color: #999;
+				color: #676565;
+    			line-height: 25px;
+    			margin-bottom: 10px;
+    			font-size: 13px;
+			}
+			.textArea
+			{
+				min-width: 50%;
+			    outline: none;
+			    min-height: 100px;
+			    margin: 15px 0px;
+			    max-width: 90%;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="react">
+    </div>
+		<script src="/docs/js/vendor.js" ></script>
+		<script src="/docs/js/main.js" ></script>
+		<script>
+		var React = Component.React;
+var ReactDOM = Component.ReactDOM;
+var Text__default = Component.Text__default;
+ReactDOM.render(React.createElement(Text__default), react);
+</script>
+	</body>
+</html>

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

@@ -1,18 +1,18 @@
-const cors = require("cors");
-const fileUpload = require("express-fileupload");
-function mockServer(app) {
-  app.use(
-    fileUpload({
-      limits: { fileSize: 50 * 1024 * 1024 }
-    })
-  );
-  app.use(cors());
-  app.get("/app/sample/*", (req, res) => {
-    res.type("html");
-    res.sendFile(path.join(__dirname + "/../app/index.html"));
-  });
-}
-module.exports = mockServer;
+const cors = require("cors");
+const fileUpload = require("express-fileupload");
+function mockServer(app) {
+  app.use(
+    fileUpload({
+      limits: { fileSize: 50 * 1024 * 1024 }
+    })
+  );
+  app.use(cors());
+  app.get("/app/sample/*", (req, res) => {
+    res.type("html");
+    res.sendFile(path.join(__dirname + "/../app/index.html"));
+  });
+}
+module.exports = mockServer;

package/templates/app/package.json CHANGED Viewed

@@ -1,37 +1,37 @@
-{
-  "name": "sampleapp",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "clean": "react-cli clean build unittest coverage",
-    "docs": "react-cli docs",
-    "component": "react-cli build:component",
-    "component:umd": "react-cli build:component:umd",
-    "start": "react-cli start",
-    "build": "react-cli build",
-    "test": "npm run clean && react-cli test",
-    "lint": "react-cli lint"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@zohodesk/components": "^1.0.0-alpha-21",
-    "cors": "^2.8.5",
-    "redux-devtools": "^3.5.0",
-    "redux-devtools-dock-monitor": "^1.1.3",
-    "redux-devtools-log-monitor": "^1.4.0",
-    "redux-logger": "^3.0.6"
-  },
-  "react-cli": {
-    "app": {
-      "server": {
-        "hasMock": true
-      }
-    }
-  },
-  "devDependencies": {
-    "body-parser": "^1.19.0",
-    "express-fileupload": "^1.1.5"
-  }
-}
+{
+  "name": "sampleapp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clean": "react-cli clean build unittest coverage",
+    "docs": "react-cli docs",
+    "component": "react-cli build:component",
+    "component:umd": "react-cli build:component:umd",
+    "start": "react-cli start",
+    "build": "react-cli build",
+    "test": "npm run clean && react-cli test",
+    "lint": "react-cli lint"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@zohodesk/components": "^1.0.0-alpha-21",
+    "cors": "^2.8.5",
+    "redux-devtools": "^3.5.0",
+    "redux-devtools-dock-monitor": "^1.1.3",
+    "redux-devtools-log-monitor": "^1.4.0",
+    "redux-logger": "^3.0.6"
+  },
+  "react-cli": {
+    "app": {
+      "server": {
+        "hasMock": true
+      }
+    }
+  },
+  "devDependencies": {
+    "body-parser": "^1.19.0",
+    "express-fileupload": "^1.1.5"
+  }
+}

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

@@ -1,37 +1,37 @@
-import { generateAPITypes } from "../../util/Common";
-import requestAPI from "../../util/RequestAPI";
-export function getSampleList(isForce = true) {
-  return {
-    types: generateAPITypes("SAMPLE_LIST"),
-    shouldCallAPI: state => {
-      if (!isForce) {
-        const { sampleDataList = [] } = state;
-        return sampleDataList.length === 0;
-      }
-      return true;
-    },
-    callAPI: state =>
-      requestAPI(`${mockServerURL}/api/v1/sampleapi`, {})
-        .get()
-        .then(res => {
-          return res;
-        })
-  };
-}
-export function addSample(payload) {
-  return {
-    types: generateAPITypes("ADD_SAMPLE"),
-    callAPI: state => {
-      return new Promise((resolve, reject) => {
-        let url = `${mockServerURL}/api/v1/addSample`;
-        requestAPI(url, {})
-          .post("", payload)
-          .then(res => {
-            resolve(res);
-          });
-      });
-    }
-  };
-}
+import { generateAPITypes } from "../../util/Common";
+import requestAPI from "../../util/RequestAPI";
+export function getSampleList(isForce = true) {
+  return {
+    types: generateAPITypes("SAMPLE_LIST"),
+    shouldCallAPI: state => {
+      if (!isForce) {
+        const { sampleDataList = [] } = state;
+        return sampleDataList.length === 0;
+      }
+      return true;
+    },
+    callAPI: state =>
+      requestAPI(`${mockServerURL}/api/v1/sampleapi`, {})
+        .get()
+        .then(res => {
+          return res;
+        })
+  };
+}
+export function addSample(payload) {
+  return {
+    types: generateAPITypes("ADD_SAMPLE"),
+    callAPI: state => {
+      return new Promise((resolve, reject) => {
+        let url = `${mockServerURL}/api/v1/addSample`;
+        requestAPI(url, {})
+          .post("", payload)
+          .then(res => {
+            resolve(res);
+          });
+      });
+    }
+  };
+}

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

@@ -1,65 +1,65 @@
-import {
-  push as routerPush,
-  replace as routerReplace
-} from "redux-router-middleware";
-export function push(obj, isHref) {
-  //obj.pathname = isHref ? obj.pathname : URL_PREFIX + obj.pathname;
-  return (dispatch, getState) => {
-    let state = getState();
-    dispatch(routerPush(obj));
-  };
-}
-export function replace(obj) {
-  return (dispatch, getState) => {
-    let state = getState();
-    if (
-      !state.routing.location ||
-      obj.href !== state.routing.location.pathname
-    ) {
-      let locationState =
-        state.routing.location && state.routing.location.state;
-      if (!obj.state && locationState) {
-        obj.state = {};
-        Object.assign(obj.state, locationState);
-      }
-      dispatch(routerReplace(obj));
-    }
-  };
-}
-export function showAlert(data) {
-  return {
-    type: "ALERT_SHOW",
-    data
-  };
-}
-export function hideAlert() {
-  return {
-    type: "ALERT_HIDE"
-  };
-}
-export const alertAction = (() => {
-  let ob = { resolve: null, reject: null };
-  function showConfirmBox(data) {
-    return dispatch =>
-      new Promise((res, rej) => {
-        ob.resolve = () => {
-          dispatch(hideAlert());
-          res();
-        };
-        ob.reject = () => {
-          dispatch(hideAlert());
-          rej();
-        };
-        dispatch(showAlert(data));
-      });
-  }
-  return {
-    ob,
-    showConfirmBox
-  };
-})();
+import {
+  push as routerPush,
+  replace as routerReplace
+} from "redux-router-middleware";
+export function push(obj, isHref) {
+  //obj.pathname = isHref ? obj.pathname : URL_PREFIX + obj.pathname;
+  return (dispatch, getState) => {
+    let state = getState();
+    dispatch(routerPush(obj));
+  };
+}
+export function replace(obj) {
+  return (dispatch, getState) => {
+    let state = getState();
+    if (
+      !state.routing.location ||
+      obj.href !== state.routing.location.pathname
+    ) {
+      let locationState =
+        state.routing.location && state.routing.location.state;
+      if (!obj.state && locationState) {
+        obj.state = {};
+        Object.assign(obj.state, locationState);
+      }
+      dispatch(routerReplace(obj));
+    }
+  };
+}
+export function showAlert(data) {
+  return {
+    type: "ALERT_SHOW",
+    data
+  };
+}
+export function hideAlert() {
+  return {
+    type: "ALERT_HIDE"
+  };
+}
+export const alertAction = (() => {
+  let ob = { resolve: null, reject: null };
+  function showConfirmBox(data) {
+    return dispatch =>
+      new Promise((res, rej) => {
+        ob.resolve = () => {
+          dispatch(hideAlert());
+          res();
+        };
+        ob.reject = () => {
+          dispatch(hideAlert());
+          rej();
+        };
+        dispatch(showAlert(data));
+      });
+  }
+  return {
+    ob,
+    showConfirmBox
+  };
+})();

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

@@ -1,19 +1,19 @@
-import { URL_PREFIX } from "./util/Common";
-export default function getUrls(isDomainMapped) {
-  let urls = [
-    {
-      name: "root",
-      pattern: "/"
-    },
-    {
-      name: "sampleList",
-      pattern: "/sample"
-    }
-  ];
-  return urls.map(url => {
-    url.pattern = `${URL_PREFIX}${url.pattern}`;
-    return url;
-  });
-}
+import { URL_PREFIX } from "./util/Common";
+export default function getUrls(isDomainMapped) {
+  let urls = [
+    {
+      name: "root",
+      pattern: "/"
+    },
+    {
+      name: "sampleList",
+      pattern: "/sample"
+    }
+  ];
+  return urls.map(url => {
+    url.pattern = `${URL_PREFIX}${url.pattern}`;
+    return url;
+  });
+}