@zohodesk/react-cli 1.1.8-exp.2 → 1.1.9

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 (134) hide show
  1. package/.eslintignore +7 -7
  2. package/.eslintrc.js +180 -180
  3. package/.prettierrc +6 -6
  4. package/Changelog.md +1019 -1019
  5. package/README.md +1293 -1293
  6. package/bin/cli.js +501 -497
  7. package/docs/ComposeMinification.md +13 -13
  8. package/docs/CustomChunks.md +29 -29
  9. package/docs/DevServerPort.md +39 -39
  10. package/docs/DevStart.md +18 -18
  11. package/docs/HoverActive.md +12 -12
  12. package/docs/InstallNode.md +28 -28
  13. package/docs/MarkdownParser.md +17 -17
  14. package/docs/ReactLive.md +13 -13
  15. package/docs/SelectorWeight.md +8 -8
  16. package/docs/TODOS.md +10 -10
  17. package/docs/ValueReplacer.md +60 -60
  18. package/docs/VariableConversion.md +729 -729
  19. package/docs/patternFiltering.md +56 -56
  20. package/docs/warnings_while_install.txt +35 -35
  21. package/files/eslintrc.js +62 -62
  22. package/files/prettierrc.js +3 -3
  23. package/lib/configs/webpack.css.umd.config.js +4 -4
  24. package/lib/configs/webpack.dev.config.js +0 -18
  25. package/lib/configs/webpack.docs.config.js +0 -17
  26. package/lib/deprecationLogger.js +3 -3
  27. package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
  28. package/lib/loaderUtils/getCSSLoaders.js +58 -62
  29. package/lib/loaders/workerLoader.js +9 -9
  30. package/lib/pluginUtils/getDevPlugins.js +5 -5
  31. package/lib/pluginUtils/getProdPlugins.js +5 -5
  32. package/lib/plugins/CustomAttributePlugin.md +35 -35
  33. package/lib/plugins/EFCPlugin.md +6 -6
  34. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  35. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  36. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  37. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  38. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  39. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  40. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  41. package/lib/plugins/ReportGeneratePlugin.js +8 -6
  42. package/lib/plugins/ResourceHintsPlugin.js +17 -17
  43. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  44. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  45. package/lib/plugins/SelectorPlugin.js +29 -29
  46. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  47. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  48. package/lib/plugins/UnusedFilesFindPlugin.js +7 -5
  49. package/lib/plugins/VariableConversionCollector.js +59 -59
  50. package/lib/plugins/utils/fileHandling.js +8 -4
  51. package/lib/plugins/variableConvertorUtils.js +9 -9
  52. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  53. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  54. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  55. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  56. package/lib/sh/pre-commit.sh +34 -34
  57. package/lib/sh/reportPublish.sh +45 -45
  58. package/lib/utils/buildstats.html +148 -148
  59. package/lib/utils/cssClassNameGenerate.js +13 -13
  60. package/lib/utils/deprecationSupport.js +83 -78
  61. package/lib/utils/getOptions.js +2 -2
  62. package/lib/utils/index.js +14 -12
  63. package/lib/utils/initPreCommitHook.js +5 -5
  64. package/lib/utils/log.js +11 -0
  65. package/lib/utils/pullOrigin.js +3 -3
  66. package/lib/utils/reinstallDependencies.js +3 -3
  67. package/lib/utils/resultSchema.json +73 -73
  68. package/lib/utils/switchBranch.js +4 -2
  69. package/npm-shrinkwrap.json +33393 -14454
  70. package/npm8.md +9 -9
  71. package/package.json +123 -123
  72. package/postpublish.js +8 -8
  73. package/templates/app/.eslintrc.js +140 -140
  74. package/templates/app/README.md +12 -12
  75. package/templates/app/app/index.html +24 -24
  76. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  77. package/templates/app/app/properties/i18nkeys.json +3 -3
  78. package/templates/app/docs/all.html +69 -69
  79. package/templates/app/mockapi/index.js +18 -18
  80. package/templates/app/package.json +37 -37
  81. package/templates/app/src/actions/SampleActions/index.js +37 -37
  82. package/templates/app/src/actions/index.js +65 -65
  83. package/templates/app/src/appUrls.js +19 -19
  84. package/templates/app/src/components/Alert/Alert.js +134 -134
  85. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  86. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  87. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  88. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  89. package/templates/app/src/components/Sample/SampleList.js +61 -61
  90. package/templates/app/src/components/Slider/Slider.css +41 -41
  91. package/templates/app/src/components/Slider/Slider.js +55 -55
  92. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  93. package/templates/app/src/containers/AppContainer/index.js +96 -96
  94. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  95. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  96. package/templates/app/src/containers/DevTools/index.js +10 -10
  97. package/templates/app/src/containers/Header/index.js +67 -67
  98. package/templates/app/src/containers/Header/index.module.css +43 -43
  99. package/templates/app/src/containers/Redirect/index.js +63 -63
  100. package/templates/app/src/containers/Redirector/index.js +47 -47
  101. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  102. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  103. package/templates/app/src/historyChange.js +5 -5
  104. package/templates/app/src/index.html +10 -10
  105. package/templates/app/src/index.js +24 -24
  106. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  107. package/templates/app/src/reducers/alertData.js +11 -11
  108. package/templates/app/src/reducers/index.js +6 -6
  109. package/templates/app/src/reducers/samples.js +19 -19
  110. package/templates/app/src/store/configureStore.dev.js +51 -51
  111. package/templates/app/src/store/configureStore.js +5 -5
  112. package/templates/app/src/store/configureStore.prod.js +26 -26
  113. package/templates/app/src/util/Common.js +5 -5
  114. package/templates/app/src/util/RequestAPI.js +132 -132
  115. package/templates/docs/all.html +250 -250
  116. package/templates/docs/component.html +179 -179
  117. package/templates/docs/components.html +222 -222
  118. package/templates/docs/css/b.min.css +6 -6
  119. package/templates/docs/css/component.css +42 -42
  120. package/templates/docs/css/componentTest.css +6 -6
  121. package/templates/docs/css/hopscotch.css +585 -585
  122. package/templates/docs/css/markdown.css +202 -202
  123. package/templates/docs/css/style.css +1022 -1022
  124. package/templates/docs/impactReportTemplate.html +154 -154
  125. package/templates/docs/index.html +1502 -1502
  126. package/templates/docs/js/active-line.js +72 -72
  127. package/templates/docs/js/b.min.js +7 -7
  128. package/templates/docs/js/codemirror.js +9680 -9680
  129. package/templates/docs/js/designTokens.js +334 -334
  130. package/templates/docs/js/j.min.js +4 -4
  131. package/templates/docs/js/javascript.js +874 -874
  132. package/templates/docs/js/matchbrackets.js +145 -145
  133. package/result.json +0 -1
  134. package/unittest/index.html +0 -37
package/templates/docs/component.html CHANGED
@@ -1,179 +1,179 @@
1
- <!DOCTYPE html>
2
- <html class="isRem" dir="ltr">
3
- <head>
4
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <link rel="stylesheet" href="./css/component.css" />
7
- <link rel="stylesheet" href="/docs/css/main.css" />
8
- <link rel="stylesheet" href="./css/markdown.css">
9
- </head>
10
- <body>
11
- <div id="react" class="appContainer"></div>
12
- <div id="reactUserEdit"></div>
13
- <script src="/docs/js/vendor.js" defer="true"></script>
14
- <script src="/docs/js/main.js" defer="true"></script>
15
- <script src="/docs/js/babel.min.js"></script>
16
- <script type="text/babel">
17
- var test = 'test';
18
- var ReactDOM = Component.ReactDOM;
19
- var React = Component.React;
20
- var ReactDOMServer = Component.ReactDOMServer;
21
-
22
- class RenderComponent extends React.Component {
23
- constructor(props) {
24
- super(props);
25
- this.state = {
26
- Components: Component,
27
- isError:false,
28
- selectedComponent:location.hash != '' ? location.hash.substring(1) : null,
29
- componentList:window.componentList?window.componentList:Component
30
- };
31
- this.hashChange = this.hashChange.bind(this);
32
- }
33
- hashChange() {
34
- let parentFrameNode = parent.document.getElementById('loadingText');
35
- this.setState({
36
- selectedComponent:
37
- location.hash != '' ? location.hash.substring(1) : null
38
- },()=>{
39
- if(this.error) {
40
- location.reload();
41
- parentFrameNode? parentFrameNode.style.display = 'block':parentFrameNode.style.display='none';
42
- this.error = false;
43
- }
44
- });
45
- }
46
-
47
- componentDidMount() {
48
- window.addEventListener('hashchange', this.hashChange);
49
- let parentFrameNode = parent.document.getElementById('loadingText');
50
- if (parentFrameNode) parentFrameNode.style.display = 'none';
51
- }
52
-
53
- componentWillUnmount() {
54
- window.removeEventListener('hashchange', this.hashChange);
55
- }
56
-
57
- componentDidCatch(){
58
- this.error = true;
59
- this.setState({isError:this.error})
60
- }
61
- render() {
62
- const { Components, selectedComponent,componentList} = this.state;
63
- // var CLG=[]
64
- // var complistGroup=Object.keys(componentList).map((item,i)=>{
65
- // if(Array.isArray(componentList[item].docs.testProps)){
66
- // CLG.push(item)
67
- // }
68
- // })
69
-
70
- let msg=componentList[selectedComponent]?'Sorry! for the inconvenience.':'Sorry! Request URL not found.'
71
- var ComponentClass =
72
- selectedComponent && componentList[selectedComponent];
73
- var keysSingleAr =
74
- (ComponentClass &&
75
- ComponentClass.docs &&
76
- ComponentClass.docs.testProps &&
77
- Object.keys(ComponentClass.docs.testProps)) || [];
78
- var ErrorMessage=(
79
- <div className={'emptyState'}>
80
- <svg
81
- x='0px'
82
- y='0px'
83
- viewBox='0 0 512 512'
84
- style={{ enableBackground: 'new 0 0 512 512' }}
85
- xmlSpace='preserve'
86
- className={'smileIcon'}
87
- >
88
- <path
89
- style={{ fill: '#f00' }}
90
- d='M344.354,381.58c-1.33-1.651-33.207-40.458-88.354-40.458
91
- 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
92
- 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
93
- 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
94
- 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
95
- 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
96
- 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
97
- S326.327,212.122,344,212.122z'
98
- />
99
- </svg>
100
- <div>{msg}</div>
101
- </div>
102
- )
103
- let renderElement = (
104
- <React.Fragment>
105
- {
106
- this.state.isError || componentList[selectedComponent] ? (
107
- <ComponentClass {...ComponentClass.docs.testProps} />
108
- ) : ( ErrorMessage )
109
- }
110
- </React.Fragment>
111
- );
112
-
113
- return <div className='root'>{componentList._provider ? (
114
- <componentList._provider>
115
- {this.state.isError?ErrorMessage:renderElement}
116
- </componentList._provider>
117
- ) : (
118
- this.state.isError?ErrorMessage:renderElement
119
- )}</div>;
120
- }
121
- }
122
- var compList;
123
- var componentList= {};
124
- var compGroupObj=function(comp,key,compGroup){
125
- if (comp == 'React' || comp == 'ReactDOM' || comp =='renderToStaticMarkup') {
126
- return;
127
- }
128
- if(comp=='default'){
129
- componentList[key]=compGroup[comp]
130
- return componentList
131
- }
132
- else{
133
- componentList[comp]=compGroup[comp]
134
- return componentList
135
- }
136
- }
137
- Promise.all(Object.keys(Component).map((key) => {
138
-
139
- let componentKey=Component[key];
140
- if (key == 'React' || key == 'ReactDOM' || key=='renderToStaticMarkup') {
141
- return;
142
- }
143
- if(key == '_provider'){
144
- return compGroupObj(key,null,Component)
145
- }
146
- try{
147
- return(
148
- componentKey && componentKey.then((res)=>{
149
- Object.keys(res).forEach((comp)=>{
150
- let compGroup=res[comp];
151
- Object.keys(compGroup).forEach((comps)=>{
152
- compList=compGroupObj(comps,key,compGroup)
153
- return compList
154
- })
155
- })
156
- })
157
- )
158
- }
159
- catch(error){
160
- return Component
161
- }
162
- })).then(()=>{
163
- Object.keys(componentList).length>1?window.componentList=componentList:window.componentList=Component
164
- ReactDOM.render(<RenderComponent />, react);
165
- })
166
- </script>
167
- <script type="text/javascript">
168
- var err = null;
169
- var comName = '';
170
- var findErr = (window.onerror = function(e, line) {
171
- err = e;
172
- comName = window.location.hash.substr(1);
173
- });
174
- var funct = function() {
175
- return { error: err, name: comName };
176
- };
177
- </script>
178
- </body>
179
- </html>
1
+ <!DOCTYPE html>
2
+ <html class="isRem" dir="ltr">
3
+ <head>
4
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <link rel="stylesheet" href="./css/component.css" />
7
+ <link rel="stylesheet" href="/docs/css/main.css" />
8
+ <link rel="stylesheet" href="./css/markdown.css">
9
+ </head>
10
+ <body>
11
+ <div id="react" class="appContainer"></div>
12
+ <div id="reactUserEdit"></div>
13
+ <script src="/docs/js/vendor.js" defer="true"></script>
14
+ <script src="/docs/js/main.js" defer="true"></script>
15
+ <script src="/docs/js/babel.min.js"></script>
16
+ <script type="text/babel">
17
+ var test = 'test';
18
+ var ReactDOM = Component.ReactDOM;
19
+ var React = Component.React;
20
+ var ReactDOMServer = Component.ReactDOMServer;
21
+
22
+ class RenderComponent extends React.Component {
23
+ constructor(props) {
24
+ super(props);
25
+ this.state = {
26
+ Components: Component,
27
+ isError:false,
28
+ selectedComponent:location.hash != '' ? location.hash.substring(1) : null,
29
+ componentList:window.componentList?window.componentList:Component
30
+ };
31
+ this.hashChange = this.hashChange.bind(this);
32
+ }
33
+ hashChange() {
34
+ let parentFrameNode = parent.document.getElementById('loadingText');
35
+ this.setState({
36
+ selectedComponent:
37
+ location.hash != '' ? location.hash.substring(1) : null
38
+ },()=>{
39
+ if(this.error) {
40
+ location.reload();
41
+ parentFrameNode? parentFrameNode.style.display = 'block':parentFrameNode.style.display='none';
42
+ this.error = false;
43
+ }
44
+ });
45
+ }
46
+
47
+ componentDidMount() {
48
+ window.addEventListener('hashchange', this.hashChange);
49
+ let parentFrameNode = parent.document.getElementById('loadingText');
50
+ if (parentFrameNode) parentFrameNode.style.display = 'none';
51
+ }
52
+
53
+ componentWillUnmount() {
54
+ window.removeEventListener('hashchange', this.hashChange);
55
+ }
56
+
57
+ componentDidCatch(){
58
+ this.error = true;
59
+ this.setState({isError:this.error})
60
+ }
61
+ render() {
62
+ const { Components, selectedComponent,componentList} = this.state;
63
+ // var CLG=[]
64
+ // var complistGroup=Object.keys(componentList).map((item,i)=>{
65
+ // if(Array.isArray(componentList[item].docs.testProps)){
66
+ // CLG.push(item)
67
+ // }
68
+ // })
69
+
70
+ let msg=componentList[selectedComponent]?'Sorry! for the inconvenience.':'Sorry! Request URL not found.'
71
+ var ComponentClass =
72
+ selectedComponent && componentList[selectedComponent];
73
+ var keysSingleAr =
74
+ (ComponentClass &&
75
+ ComponentClass.docs &&
76
+ ComponentClass.docs.testProps &&
77
+ Object.keys(ComponentClass.docs.testProps)) || [];
78
+ var ErrorMessage=(
79
+ <div className={'emptyState'}>
80
+ <svg
81
+ x='0px'
82
+ y='0px'
83
+ viewBox='0 0 512 512'
84
+ style={{ enableBackground: 'new 0 0 512 512' }}
85
+ xmlSpace='preserve'
86
+ className={'smileIcon'}
87
+ >
88
+ <path
89
+ style={{ fill: '#f00' }}
90
+ d='M344.354,381.58c-1.33-1.651-33.207-40.458-88.354-40.458
91
+ 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
92
+ 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
93
+ 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
94
+ 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
95
+ 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
96
+ 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
97
+ S326.327,212.122,344,212.122z'
98
+ />
99
+ </svg>
100
+ <div>{msg}</div>
101
+ </div>
102
+ )
103
+ let renderElement = (
104
+ <React.Fragment>
105
+ {
106
+ this.state.isError || componentList[selectedComponent] ? (
107
+ <ComponentClass {...ComponentClass.docs.testProps} />
108
+ ) : ( ErrorMessage )
109
+ }
110
+ </React.Fragment>
111
+ );
112
+
113
+ return <div className='root'>{componentList._provider ? (
114
+ <componentList._provider>
115
+ {this.state.isError?ErrorMessage:renderElement}
116
+ </componentList._provider>
117
+ ) : (
118
+ this.state.isError?ErrorMessage:renderElement
119
+ )}</div>;
120
+ }
121
+ }
122
+ var compList;
123
+ var componentList= {};
124
+ var compGroupObj=function(comp,key,compGroup){
125
+ if (comp == 'React' || comp == 'ReactDOM' || comp =='renderToStaticMarkup') {
126
+ return;
127
+ }
128
+ if(comp=='default'){
129
+ componentList[key]=compGroup[comp]
130
+ return componentList
131
+ }
132
+ else{
133
+ componentList[comp]=compGroup[comp]
134
+ return componentList
135
+ }
136
+ }
137
+ Promise.all(Object.keys(Component).map((key) => {
138
+
139
+ let componentKey=Component[key];
140
+ if (key == 'React' || key == 'ReactDOM' || key=='renderToStaticMarkup') {
141
+ return;
142
+ }
143
+ if(key == '_provider'){
144
+ return compGroupObj(key,null,Component)
145
+ }
146
+ try{
147
+ return(
148
+ componentKey && componentKey.then((res)=>{
149
+ Object.keys(res).forEach((comp)=>{
150
+ let compGroup=res[comp];
151
+ Object.keys(compGroup).forEach((comps)=>{
152
+ compList=compGroupObj(comps,key,compGroup)
153
+ return compList
154
+ })
155
+ })
156
+ })
157
+ )
158
+ }
159
+ catch(error){
160
+ return Component
161
+ }
162
+ })).then(()=>{
163
+ Object.keys(componentList).length>1?window.componentList=componentList:window.componentList=Component
164
+ ReactDOM.render(<RenderComponent />, react);
165
+ })
166
+ </script>
167
+ <script type="text/javascript">
168
+ var err = null;
169
+ var comName = '';
170
+ var findErr = (window.onerror = function(e, line) {
171
+ err = e;
172
+ comName = window.location.hash.substr(1);
173
+ });
174
+ var funct = function() {
175
+ return { error: err, name: comName };
176
+ };
177
+ </script>
178
+ </body>
179
+ </html>