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

@zohodesk/react-cli 1.0.1 → 1.0.2-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 (137) hide show

package/.eslintignore +7 -7
package/.eslintrc.js +180 -180
package/.prettierrc +6 -6
package/Changelog.md +1019 -1019
package/README.md +1165 -1160
package/bin/cli.js +483 -483
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/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 +79 -50
package/lib/loaderUtils/tests/windowsModification.test.js +10 -0
package/lib/loaderUtils/windowsModification.js +6 -1
package/lib/loaders/composeLoader.js +175 -0
package/lib/loaders/workerLoader.js +9 -9
package/lib/pluginUtils/getDevPlugins.js +18 -7
package/lib/pluginUtils/getProdPlugins.js +6 -6
package/lib/pluginUtils/getUMDCSSPlugins.js +1 -1
package/lib/pluginUtils/getUMDComponentPlugins.js +1 -1
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/{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 +56 -45
package/lib/plugins/ServiceWorkerPlugin.js +9 -9
package/lib/plugins/TPHashMappingPlugin.js +4 -4
package/lib/plugins/VariableConversionCollector.js +93 -84
package/lib/plugins/index.js +7 -7
package/lib/plugins/utils/classHandling.js +20 -0
package/lib/plugins/utils/fileHandling.js +92 -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/RTLSplitPlugin.js +10 -10
package/lib/postcss-plugins/SelectorReplace.js +80 -0
package/lib/postcss-plugins/ValueReplacer.js +2 -13
package/lib/postcss-plugins/__test__/selectorReplace.test.js +28 -0
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/postcss-plugins/variableModificationPlugin/index.js +1 -19
package/lib/postcss-plugins/variableModifier.js +1 -1
package/lib/schemas/index.js +34 -3
package/lib/servers/server.js +2 -2
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 +35 -7
package/lib/utils/resultSchema.json +73 -73
package/npm8.md +9 -9
package/package.json +122 -121
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/.vscode/settings.json +0 -11
package/lib/plugins/composeCommonPlugin.js +0 -30
package/result.json +0 -1
package/unittest/index.html +0 -37

package/templates/docs/components.html CHANGED Viewed

@@ -1,221 +1,221 @@
-<!DOCTYPE html>
-<html class="isRem" dir="ltr">
-  <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="./css/component.css" />
-    <link rel="stylesheet" href="./css/componentTest.css" />
-    <link rel="stylesheet" href="/docs/css/main.css" />
-  </head>
-  <body>
-    <div id="react" class="ssTest appContainer"></div>
-    <div id="reactUserEdit"></div>
-    <script src="/docs/js/vendor.js" defer="true"></script>
-    <script src="/docs/js/main.js" defer="true"></script>
-    <script src="/docs/js/babel.min.js"></script>
-    <script type="text/babel">
-      var test = 'test';
-      var ReactDOM = Component.ReactDOM;
-      var React = Component.React;
-      var ReactDOMServer = Component.ReactDOMServer;
-      class RenderComponent extends React.Component {
-        constructor(props) {
-          super(props);
-          this.state = {
-            Components: Component,
-            isError: false,
-            selectedComponent:
-              location.hash != '' ? location.hash.substring(1) : null,
-            componentList: window.componentList
-              ? window.componentList
-              : Component,
-          };
-          this.hashChange = this.hashChange.bind(this);
-        }
-        hashChange() {
-          let parentFrameNode = parent.document.getElementById('loadingText');
-          this.setState(
-            {
-              selectedComponent:
-                location.hash != '' ? location.hash.substring(1) : null,
-            },
-            () => {
-              if (this.error) {
-                location.reload();
-                parentFrameNode
-                  ? (parentFrameNode.style.display = 'block')
-                  : (parentFrameNode.style.display = 'none');
-                this.error = false;
-              }
-            }
-          );
-        }
-        componentDidMount() {
-          window.addEventListener('hashchange', this.hashChange);
-          let parentFrameNode = parent.document.getElementById('loadingText');
-          if (parentFrameNode) parentFrameNode.style.display = 'none';
-        }
-        componentWillUnmount() {
-          window.removeEventListener('hashchange', this.hashChange);
-        }
-        componentDidCatch() {
-          this.error = true;
-          this.setState({ isError: this.error });
-        }
-        render() {
-          const { Components, selectedComponent, componentList } = this.state;
-          // var CLG=[]
-          // var complistGroup=Object.keys(componentList).map((item,i)=>{
-          //   if(Array.isArray(componentList[item].docs.testProps)){
-          //     CLG.push(item)
-          //   }
-          // })
-          let msg = componentList[selectedComponent]
-            ? 'Sorry! for the inconvenience.'
-            : 'Sorry! Request URL not found.';
-          var ComponentClass =
-            selectedComponent && componentList[selectedComponent];
-          var keysSingleAr =
-            (ComponentClass &&
-              ComponentClass.docs &&
-              ComponentClass.docs.testProps &&
-              Object.keys(ComponentClass.docs.testProps)) ||
-            [];
-          var ErrorMessage = (
-            <div className={'emptyState'}>
-              <svg
-                x='0px'
-                y='0px'
-                viewBox='0 0 512 512'
-                style={{ enableBackground: 'new 0 0 512 512' }}
-                xmlSpace='preserve'
-                className={'smileIcon'}
-              >
-                <path
-                  style={{ fill: '#f00' }}
-                  d='M344.354,381.58c-1.33-1.651-33.207-40.458-88.354-40.458
-        c-55.832,0-87.972,39.974-88.29,40.378l-31.42-24.756c1.79-2.271,44.687-55.622,119.71-55.622s117.92,53.352,119.71,55.622
-        L344.29,381.5L344.354,381.58z M437.02,437.02C485.371,388.668,512,324.38,512,256s-26.629-132.667-74.98-181.02
-        C388.667,26.629,324.38,0,256,0S123.333,26.629,74.98,74.98C26.629,123.333,0,187.62,0,256s26.629,132.668,74.98,181.02
-        C123.333,485.371,187.62,512,256,512S388.667,485.371,437.02,437.02z M472,256c0,119.103-96.897,216-216,216S40,375.103,40,256
-        S136.897,40,256,40S472,136.897,472,256z M168,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
-        S150.327,212.122,168,212.122z M344,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
-        S326.327,212.122,344,212.122z'
-                />
-              </svg>
-              <div>{msg}</div>
-            </div>
-          );
-          let renderElement = (
-            <div className='root' id='root'>
-              {this.state.isError || componentList[selectedComponent] ? (
-                <ComponentClass {...ComponentClass.docs.testProps} />
-              ) : (
-                ErrorMessage
-              )}
-            </div>
-          );
-          return componentList._provider ? (
-            <componentList._provider>
-              {this.state.isError ? ErrorMessage : renderElement}
-            </componentList._provider>
-          ) : this.state.isError ? (
-            ErrorMessage
-          ) : (
-            renderElement
-          );
-        }
-      }
-      var compList;
-      var componentList = {};
-      var compGroupObj = function (comp, key, compGroup) {
-        if (
-          comp == 'React' ||
-          comp == 'ReactDOM' ||
-          comp == 'renderToStaticMarkup'
-        ) {
-          return;
-        }
-        if (comp == 'default') {
-          componentList[key] = compGroup[comp];
-          return componentList;
-        } else {
-          componentList[comp] = compGroup[comp];
-          return componentList;
-        }
-      };
-      Promise.all(
-        Object.keys(Component).map((key) => {
-          let componentKey = Component[key];
-          if (
-            key == 'React' ||
-            key == 'ReactDOM' ||
-            key == 'renderToStaticMarkup'
-          ) {
-            return;
-          }
-          try {
-            return (
-              componentKey &&
-              componentKey.then((res) => {
-                Object.keys(res).forEach((comp) => {
-                  let compGroup = res[comp];
-                  Object.keys(compGroup).forEach((comps) => {
-                    compList = compGroupObj(comps, key, compGroup);
-                    return compList;
-                  });
-                });
-              })
-            );
-          } catch (error) {
-            return Component;
-          }
-        })
-      ).then(() => {
-        Object.keys(componentList).length > 1
-          ? (window.componentList = componentList)
-          : (window.componentList = Component);
-        ReactDOM.render(<RenderComponent />, react, () => {
-          let attr = document.createAttribute('id');
-          attr.value = 'check';
-          let node = document.createElement('DIV');
-          node.setAttributeNode(attr);
-          document.getElementById('root').appendChild(node);
-        });
-      });
-    </script>
-    <script type="text/javascript">
-      var err = null;
-      var comName = '';
-      var findErr = (window.onerror = function (e, line) {
-        err = e;
-        comName = window.location.hash.substr(1);
-      });
-      var funct = function () {
-        return { error: err, name: comName };
-      };
-      let hideCursorBlink = function (documentElement) {
-        var style = documentElement.createElement('style');
-        style.innerText =
-          '[contenteditable], input,textarea {color: transparent ! important; text-shadow: 0 0 0 black ! important;}';
-        documentElement.head.append(style);
-      };
-      let hideAllCursorBlink = function (documentElement) {
-        hideCursorBlink(documentElement);
-        var frameElements = documentElement.getElementsByTagName('iframe');
-        for (i = 0; i < frameElements.length; i++) {
-          if (frameElements[i].contentDocument) {
-            hideAllCursorBlink(frameElements[i].contentDocument);
-          }
-        }
-      };
-    </script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html class="isRem" dir="ltr">
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./css/component.css" />
+    <link rel="stylesheet" href="./css/componentTest.css" />
+    <link rel="stylesheet" href="/docs/css/main.css" />
+  </head>
+  <body>
+    <div id="react" class="ssTest appContainer"></div>
+    <div id="reactUserEdit"></div>
+    <script src="/docs/js/vendor.js" defer="true"></script>
+    <script src="/docs/js/main.js" defer="true"></script>
+    <script src="/docs/js/babel.min.js"></script>
+    <script type="text/babel">
+      var test = 'test';
+      var ReactDOM = Component.ReactDOM;
+      var React = Component.React;
+      var ReactDOMServer = Component.ReactDOMServer;
+      class RenderComponent extends React.Component {
+        constructor(props) {
+          super(props);
+          this.state = {
+            Components: Component,
+            isError: false,
+            selectedComponent:
+              location.hash != '' ? location.hash.substring(1) : null,
+            componentList: window.componentList
+              ? window.componentList
+              : Component,
+          };
+          this.hashChange = this.hashChange.bind(this);
+        }
+        hashChange() {
+          let parentFrameNode = parent.document.getElementById('loadingText');
+          this.setState(
+            {
+              selectedComponent:
+                location.hash != '' ? location.hash.substring(1) : null,
+            },
+            () => {
+              if (this.error) {
+                location.reload();
+                parentFrameNode
+                  ? (parentFrameNode.style.display = 'block')
+                  : (parentFrameNode.style.display = 'none');
+                this.error = false;
+              }
+            }
+          );
+        }
+        componentDidMount() {
+          window.addEventListener('hashchange', this.hashChange);
+          let parentFrameNode = parent.document.getElementById('loadingText');
+          if (parentFrameNode) parentFrameNode.style.display = 'none';
+        }
+        componentWillUnmount() {
+          window.removeEventListener('hashchange', this.hashChange);
+        }
+        componentDidCatch() {
+          this.error = true;
+          this.setState({ isError: this.error });
+        }
+        render() {
+          const { Components, selectedComponent, componentList } = this.state;
+          // var CLG=[]
+          // var complistGroup=Object.keys(componentList).map((item,i)=>{
+          //   if(Array.isArray(componentList[item].docs.testProps)){
+          //     CLG.push(item)
+          //   }
+          // })
+          let msg = componentList[selectedComponent]
+            ? 'Sorry! for the inconvenience.'
+            : 'Sorry! Request URL not found.';
+          var ComponentClass =
+            selectedComponent && componentList[selectedComponent];
+          var keysSingleAr =
+            (ComponentClass &&
+              ComponentClass.docs &&
+              ComponentClass.docs.testProps &&
+              Object.keys(ComponentClass.docs.testProps)) ||
+            [];
+          var ErrorMessage = (
+            <div className={'emptyState'}>
+              <svg
+                x='0px'
+                y='0px'
+                viewBox='0 0 512 512'
+                style={{ enableBackground: 'new 0 0 512 512' }}
+                xmlSpace='preserve'
+                className={'smileIcon'}
+              >
+                <path
+                  style={{ fill: '#f00' }}
+                  d='M344.354,381.58c-1.33-1.651-33.207-40.458-88.354-40.458
+        c-55.832,0-87.972,39.974-88.29,40.378l-31.42-24.756c1.79-2.271,44.687-55.622,119.71-55.622s117.92,53.352,119.71,55.622
+        L344.29,381.5L344.354,381.58z M437.02,437.02C485.371,388.668,512,324.38,512,256s-26.629-132.667-74.98-181.02
+        C388.667,26.629,324.38,0,256,0S123.333,26.629,74.98,74.98C26.629,123.333,0,187.62,0,256s26.629,132.668,74.98,181.02
+        C123.333,485.371,187.62,512,256,512S388.667,485.371,437.02,437.02z M472,256c0,119.103-96.897,216-216,216S40,375.103,40,256
+        S136.897,40,256,40S472,136.897,472,256z M168,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
+        S150.327,212.122,168,212.122z M344,212.122c17.673,0,32-14.327,32-32s-14.327-32-32-32s-32,14.327-32,32
+        S326.327,212.122,344,212.122z'
+                />
+              </svg>
+              <div>{msg}</div>
+            </div>
+          );
+          let renderElement = (
+            <div className='root' id='root'>
+              {this.state.isError || componentList[selectedComponent] ? (
+                <ComponentClass {...ComponentClass.docs.testProps} />
+              ) : (
+                ErrorMessage
+              )}
+            </div>
+          );
+          return componentList._provider ? (
+            <componentList._provider>
+              {this.state.isError ? ErrorMessage : renderElement}
+            </componentList._provider>
+          ) : this.state.isError ? (
+            ErrorMessage
+          ) : (
+            renderElement
+          );
+        }
+      }
+      var compList;
+      var componentList = {};
+      var compGroupObj = function (comp, key, compGroup) {
+        if (
+          comp == 'React' ||
+          comp == 'ReactDOM' ||
+          comp == 'renderToStaticMarkup'
+        ) {
+          return;
+        }
+        if (comp == 'default') {
+          componentList[key] = compGroup[comp];
+          return componentList;
+        } else {
+          componentList[comp] = compGroup[comp];
+          return componentList;
+        }
+      };
+      Promise.all(
+        Object.keys(Component).map((key) => {
+          let componentKey = Component[key];
+          if (
+            key == 'React' ||
+            key == 'ReactDOM' ||
+            key == 'renderToStaticMarkup'
+          ) {
+            return;
+          }
+          try {
+            return (
+              componentKey &&
+              componentKey.then((res) => {
+                Object.keys(res).forEach((comp) => {
+                  let compGroup = res[comp];
+                  Object.keys(compGroup).forEach((comps) => {
+                    compList = compGroupObj(comps, key, compGroup);
+                    return compList;
+                  });
+                });
+              })
+            );
+          } catch (error) {
+            return Component;
+          }
+        })
+      ).then(() => {
+        Object.keys(componentList).length > 1
+          ? (window.componentList = componentList)
+          : (window.componentList = Component);
+        ReactDOM.render(<RenderComponent />, react, () => {
+          let attr = document.createAttribute('id');
+          attr.value = 'check';
+          let node = document.createElement('DIV');
+          node.setAttributeNode(attr);
+          document.getElementById('root').appendChild(node);
+        });
+      });
+    </script>
+    <script type="text/javascript">
+      var err = null;
+      var comName = '';
+      var findErr = (window.onerror = function (e, line) {
+        err = e;
+        comName = window.location.hash.substr(1);
+      });
+      var funct = function () {
+        return { error: err, name: comName };
+      };
+      let hideCursorBlink = function (documentElement) {
+        var style = documentElement.createElement('style');
+        style.innerText =
+          '[contenteditable], input,textarea {color: transparent ! important; text-shadow: 0 0 0 black ! important;}';
+        documentElement.head.append(style);
+      };
+      let hideAllCursorBlink = function (documentElement) {
+        hideCursorBlink(documentElement);
+        var frameElements = documentElement.getElementsByTagName('iframe');
+        for (i = 0; i < frameElements.length; i++) {
+          if (frameElements[i].contentDocument) {
+            hideAllCursorBlink(frameElements[i].contentDocument);
+          }
+        }
+      };
+    </script>
+  </body>
+</html>