npm - @zohodesk/react-cli - Versions diffs - 1.1.7 → 1.1.8-exp.2 - Mend

@zohodesk/react-cli 1.1.7 → 1.1.8-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 (131) hide show

package/.eslintignore +7 -7
package/.eslintrc.js +180 -180
package/.prettierrc +6 -6
package/Changelog.md +1019 -1019
package/README.md +1293 -1251
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 +17 -17
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/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 +19 -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 +123 -0
package/lib/utils/getOptions.js +18 -78
package/lib/utils/resultSchema.json +73 -73
package/npm-shrinkwrap.json +14454 -33393
package/npm8.md +9 -9
package/package.json +123 -123
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 -250
package/templates/docs/component.html +179 -179
package/templates/docs/components.html +222 -222
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 -202
package/templates/docs/css/style.css +1022 -1022
package/templates/docs/impactReportTemplate.html +154 -154
package/templates/docs/index.html +1502 -1502
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/docs/component.html CHANGED Viewed

@@ -1,179 +1,179 @@
-<!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="/docs/css/main.css" />
-    <link rel="stylesheet" href="./css/markdown.css">
-  </head>
-  <body>
-    <div id="react" class="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 = (
-            <React.Fragment>
-            {
-              this.state.isError || componentList[selectedComponent] ? (
-                <ComponentClass {...ComponentClass.docs.testProps} />
-              ) : ( ErrorMessage )
-            }
-              </React.Fragment>
-          );
-          return   <div className='root'>{componentList._provider ? (
-            <componentList._provider>
-                {this.state.isError?ErrorMessage:renderElement}
-            </componentList._provider>
-          ) : (
-            this.state.isError?ErrorMessage:renderElement
-          )}</div>;
-        }
-      }
-      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;
-        }
-        if(key == '_provider'){
-          return compGroupObj(key,null,Component)
-        }
-        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);
-      })
-    </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 };
-      };
-    </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="/docs/css/main.css" />
+    <link rel="stylesheet" href="./css/markdown.css">
+  </head>
+  <body>
+    <div id="react" class="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 = (
+            <React.Fragment>
+            {
+              this.state.isError || componentList[selectedComponent] ? (
+                <ComponentClass {...ComponentClass.docs.testProps} />
+              ) : ( ErrorMessage )
+            }
+              </React.Fragment>
+          );
+          return   <div className='root'>{componentList._provider ? (
+            <componentList._provider>
+                {this.state.isError?ErrorMessage:renderElement}
+            </componentList._provider>
+          ) : (
+            this.state.isError?ErrorMessage:renderElement
+          )}</div>;
+        }
+      }
+      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;
+        }
+        if(key == '_provider'){
+          return compGroupObj(key,null,Component)
+        }
+        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);
+      })
+    </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 };
+      };
+    </script>
+  </body>
+</html>