@zohodesk/react-cli 1.1.7 → 1.1.8-exp.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) 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 -1251
  6. package/bin/cli.js +497 -497
  7. package/docs/ComposeMinification.md +13 -13
  8. package/docs/CustomChunks.md +29 -26
  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/common/splitChunks.js +65 -45
  24. package/lib/common/testPattern.js +9 -9
  25. package/lib/configs/webpack.css.umd.config.js +4 -4
  26. package/lib/configs/webpack.dev.config.js +24 -3
  27. package/lib/configs/webpack.docs.config.js +22 -3
  28. package/lib/configs/webpack.impact.config.js +4 -2
  29. package/lib/configs/webpack.prod.config.js +6 -3
  30. package/lib/deprecationLogger.js +41 -0
  31. package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
  32. package/lib/loaderUtils/getCSSLoaders.js +77 -56
  33. package/lib/loaders/workerLoader.js +9 -9
  34. package/lib/pluginUtils/getDevPlugins.js +8 -7
  35. package/lib/pluginUtils/getProdPlugins.js +6 -6
  36. package/lib/plugins/CustomAttributePlugin.md +35 -35
  37. package/lib/plugins/EFCPlugin.md +6 -6
  38. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  39. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  40. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  41. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  42. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  43. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  44. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  45. package/lib/plugins/ResourceHintsPlugin.js +30 -20
  46. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  47. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  48. package/lib/plugins/SelectorPlugin.js +29 -29
  49. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  50. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  51. package/lib/plugins/VariableConversionCollector.js +59 -59
  52. package/lib/plugins/utils/fileHandling.js +35 -42
  53. package/lib/plugins/variableConvertorUtils.js +9 -9
  54. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  55. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  56. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  57. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  58. package/lib/schemas/index.js +19 -36
  59. package/lib/sh/pre-commit.sh +34 -34
  60. package/lib/sh/reportPublish.sh +45 -45
  61. package/lib/utils/buildstats.html +148 -148
  62. package/lib/utils/cssClassNameGenerate.js +13 -13
  63. package/lib/utils/deprecationSupport.js +144 -0
  64. package/lib/utils/getOptions.js +18 -78
  65. package/lib/utils/resultSchema.json +73 -73
  66. package/npm-shrinkwrap.json +33393 -33393
  67. package/npm8.md +9 -9
  68. package/package.json +123 -123
  69. package/postpublish.js +8 -8
  70. package/result.json +1 -0
  71. package/templates/app/.eslintrc.js +140 -140
  72. package/templates/app/README.md +12 -12
  73. package/templates/app/app/index.html +24 -24
  74. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  75. package/templates/app/app/properties/i18nkeys.json +3 -3
  76. package/templates/app/docs/all.html +69 -69
  77. package/templates/app/mockapi/index.js +18 -18
  78. package/templates/app/package.json +37 -37
  79. package/templates/app/src/actions/SampleActions/index.js +37 -37
  80. package/templates/app/src/actions/index.js +65 -65
  81. package/templates/app/src/appUrls.js +19 -19
  82. package/templates/app/src/components/Alert/Alert.js +134 -134
  83. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  84. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  85. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  86. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  87. package/templates/app/src/components/Sample/SampleList.js +61 -61
  88. package/templates/app/src/components/Slider/Slider.css +41 -41
  89. package/templates/app/src/components/Slider/Slider.js +55 -55
  90. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  91. package/templates/app/src/containers/AppContainer/index.js +96 -96
  92. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  93. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  94. package/templates/app/src/containers/DevTools/index.js +10 -10
  95. package/templates/app/src/containers/Header/index.js +67 -67
  96. package/templates/app/src/containers/Header/index.module.css +43 -43
  97. package/templates/app/src/containers/Redirect/index.js +63 -63
  98. package/templates/app/src/containers/Redirector/index.js +47 -47
  99. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  100. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  101. package/templates/app/src/historyChange.js +5 -5
  102. package/templates/app/src/index.html +10 -10
  103. package/templates/app/src/index.js +24 -24
  104. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  105. package/templates/app/src/reducers/alertData.js +11 -11
  106. package/templates/app/src/reducers/index.js +6 -6
  107. package/templates/app/src/reducers/samples.js +19 -19
  108. package/templates/app/src/store/configureStore.dev.js +51 -51
  109. package/templates/app/src/store/configureStore.js +5 -5
  110. package/templates/app/src/store/configureStore.prod.js +26 -26
  111. package/templates/app/src/util/Common.js +5 -5
  112. package/templates/app/src/util/RequestAPI.js +132 -132
  113. package/templates/docs/all.html +250 -250
  114. package/templates/docs/component.html +179 -179
  115. package/templates/docs/components.html +222 -222
  116. package/templates/docs/css/b.min.css +6 -6
  117. package/templates/docs/css/component.css +42 -42
  118. package/templates/docs/css/componentTest.css +6 -6
  119. package/templates/docs/css/hopscotch.css +585 -585
  120. package/templates/docs/css/markdown.css +202 -202
  121. package/templates/docs/css/style.css +1022 -1022
  122. package/templates/docs/impactReportTemplate.html +154 -154
  123. package/templates/docs/index.html +1502 -1502
  124. package/templates/docs/js/active-line.js +72 -72
  125. package/templates/docs/js/b.min.js +7 -7
  126. package/templates/docs/js/codemirror.js +9680 -9680
  127. package/templates/docs/js/designTokens.js +334 -334
  128. package/templates/docs/js/j.min.js +4 -4
  129. package/templates/docs/js/javascript.js +874 -874
  130. package/templates/docs/js/matchbrackets.js +145 -145
  131. package/unittest/index.html +37 -0
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>