@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/css/markdown.css CHANGED
@@ -1,202 +1,202 @@
1
- :root{
2
- --cli-md-cli-md-base-font-family: -apple-system,system-ui,"Segoe UI",Regular,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
3
- --cli-md-cli-md-base-colour: #d9dcde;
4
- }
5
-
6
- .markDown {
7
- line-height: 1.6;
8
- margin: 20px;
9
- color: #333;
10
- font-size: 16px;
11
- }
12
- .markDown p {
13
- margin-bottom: 16px;
14
- line-height:2
15
- }
16
-
17
- .markDown h1 {
18
- box-sizing: border-box;
19
- color: var(--cli-md-base-colour);
20
- font-family: var(--cli-md-base-font-family);
21
- font-size: 2em;
22
- font-weight: 600;
23
- line-height: 1.25;
24
- margin: 24px 0 16px;
25
- padding-bottom: .3em;
26
- word-wrap: break-word;
27
- border-bottom: 1px solid #eaecef
28
- }
29
-
30
- .markDown h2 {
31
- font-size: 1.5em
32
- }
33
-
34
- .markDown h2,.markDown h3 {
35
- box-sizing: border-box;
36
- color: var(--cli-md-base-colour);
37
- font-family: var(--cli-md-base-font-family);
38
- font-weight: 600;
39
- line-height: 1.25;
40
- margin-bottom: 16px;
41
- margin-top: 24px;
42
- padding-bottom: .3em;
43
- word-wrap: break-word;
44
- border-bottom: 1px solid #eaecef
45
- }
46
-
47
- .markDown h3 {
48
- font-size: 1.2em
49
- }
50
-
51
- .markDown h4 {
52
- box-sizing: border-box;
53
- color: var(--cli-md-base-colour);
54
- font-family: var(--cli-md-base-font-family);
55
- font-size: 1em;
56
- font-weight: 600;
57
- line-height: 1.25;
58
- margin-bottom: 16px;
59
- margin-top: 24px;
60
- word-wrap: break-word
61
- }
62
-
63
- .markDown td,.markDown th {
64
- border-collapse: collapse;
65
- box-sizing: border-box;
66
- color: var(--cli-md-base-colour);
67
- font-family: var(--cli-md-base-font-family);
68
- line-height: 24px;
69
- padding: 6px 13px;
70
- text-align: -webkit-left;
71
- word-wrap: break-word;
72
- border: 1px solid #dfe2e5
73
- }
74
-
75
- .markDown th {
76
- font-weight: 600
77
- }
78
-
79
- .markDown tr {
80
- background-color: #fff;
81
- border-collapse: collapse;
82
- box-sizing: border-box;
83
- color: var(--cli-md-base-colour);
84
- font-family: var(--cli-md-base-font-family);
85
- line-height: 24px;
86
- overflow-wrap: break-word;
87
- word-wrap: break-word
88
- }
89
-
90
- .markDown tr :nth-child(2n) {
91
- background-color: #f6f8fa
92
- }
93
-
94
- .markDown thead {
95
- font-size: 16px;
96
- line-height: 1.5;
97
- word-wrap: break-word;
98
- border-spacing: 0;
99
- border-collapse: collapse;
100
- box-sizing: border-box
101
- }
102
-
103
- .markDown table {
104
- -webkit-border-horizontal-spacing: 0;
105
- -webkit-border-vertical-spacing: 0;
106
- border-collapse: collapse;
107
- box-sizing: border-box;
108
- color: var(--cli-md-base-colour);
109
- display: block;
110
- margin-top: 0;
111
- overflow: auto;
112
- width: -webkit-max-content;
113
- width: -moz-max-content;
114
- width: max-content
115
- }
116
-
117
- .markDown image,.markDown table {
118
- font-family: var(--cli-md-base-font-family);
119
- line-height: 24px;
120
- margin-bottom: 16px;
121
- max-width: 100%;
122
- word-wrap: break-word
123
- }
124
-
125
- .markDown image {
126
- background-color: #fff;
127
- border-style: none;
128
- color: #0366d6;
129
- cursor: pointer
130
- }
131
-
132
- .markDown ul {
133
- box-sizing: border-box;
134
- color: var(--cli-md-base-colour);
135
- font-family: var(--cli-md-base-font-family);
136
- line-height: 24px;
137
- margin-bottom: 16px;
138
- margin-top: 0;
139
- padding-left: 2em;
140
- word-wrap: break-word
141
- }
142
-
143
- .markDown ul li {
144
- list-style: initial
145
- }
146
-
147
- .markDown ol li,.markDown ul li {
148
- box-sizing: border-box;
149
- color: var(--cli-md-base-colour);
150
- font-family: var(--cli-md-base-font-family);
151
- line-height: 24px;
152
- margin-top: .25em;
153
- text-align: left;
154
- word-wrap: break-word
155
- }
156
-
157
- .markDown ol li {
158
- list-style: decimal
159
- }
160
-
161
- .markDown pre {
162
- background-color: #f6f8fa;
163
- line-height: 1.45;
164
- margin-bottom: 16px;
165
- margin-top: 0;
166
- overflow: auto;
167
- overflow-wrap: normal;
168
- padding: 16px;
169
- white-space: pre;
170
- word-break: normal
171
- }
172
-
173
- .markDown pre,.markDown code:not(.markDown pre code) {
174
- border-radius: 6px;
175
- box-sizing: border-box;
176
- color: var(--cli-md-base-colour);
177
- font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
178
- font-size: 85%
179
- }
180
-
181
- .markDown code:not(.markDown pre code) {
182
- background-color: rgba(27,31,35,.05);
183
- line-height: 20.4px;
184
- margin: 0;
185
- padding: .2em .4em;
186
- word-wrap: break-word
187
- }
188
-
189
- .markDown a {
190
- box-sizing: border-box;
191
- color: #0366d6;
192
- cursor: pointer;
193
- font-family: var(--cli-md-base-font-family);
194
- line-height: 24px;
195
- text-decoration: none;
196
- word-wrap: break-word
197
- }
198
-
199
- .markDown a :hover {
200
- outline: 0;
201
- text-decoration: underline
202
- }
1
+ :root{
2
+ --cli-md-cli-md-base-font-family: -apple-system,system-ui,"Segoe UI",Regular,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
3
+ --cli-md-cli-md-base-colour: #d9dcde;
4
+ }
5
+
6
+ .markDown {
7
+ line-height: 1.6;
8
+ /* margin: 20px; */
9
+ color: #333;
10
+ font-size: 16px;
11
+ }
12
+ .markDown p {
13
+ margin-bottom: 16px;
14
+ line-height:2
15
+ }
16
+
17
+ .markDown h1 {
18
+ box-sizing: border-box;
19
+ color: var(--cli-md-base-colour);
20
+ font-family: var(--cli-md-base-font-family);
21
+ font-size: 2em;
22
+ font-weight: 600;
23
+ line-height: 1.25;
24
+ margin: 24px 0 16px;
25
+ padding-bottom: .3em;
26
+ word-wrap: break-word;
27
+ border-bottom: 1px solid #eaecef
28
+ }
29
+
30
+ .markDown h2 {
31
+ font-size: 1.5em
32
+ }
33
+
34
+ .markDown h2,.markDown h3 {
35
+ box-sizing: border-box;
36
+ color: var(--cli-md-base-colour);
37
+ font-family: var(--cli-md-base-font-family);
38
+ font-weight: 600;
39
+ line-height: 1.25;
40
+ margin-bottom: 16px;
41
+ margin-top: 24px;
42
+ padding-bottom: .3em;
43
+ word-wrap: break-word;
44
+ border-bottom: 1px solid #eaecef
45
+ }
46
+
47
+ .markDown h3 {
48
+ font-size: 1.2em
49
+ }
50
+
51
+ .markDown h4 {
52
+ box-sizing: border-box;
53
+ color: var(--cli-md-base-colour);
54
+ font-family: var(--cli-md-base-font-family);
55
+ font-size: 1em;
56
+ font-weight: 600;
57
+ line-height: 1.25;
58
+ margin-bottom: 16px;
59
+ margin-top: 24px;
60
+ word-wrap: break-word
61
+ }
62
+
63
+ .markDown td,.markDown th {
64
+ border-collapse: collapse;
65
+ box-sizing: border-box;
66
+ color: var(--cli-md-base-colour);
67
+ font-family: var(--cli-md-base-font-family);
68
+ line-height: 24px;
69
+ padding: 6px 13px;
70
+ text-align: -webkit-left;
71
+ word-wrap: break-word;
72
+ border: 1px solid #dfe2e5
73
+ }
74
+
75
+ .markDown th {
76
+ font-weight: 600
77
+ }
78
+
79
+ .markDown tr {
80
+ background-color: #fff;
81
+ border-collapse: collapse;
82
+ box-sizing: border-box;
83
+ color: var(--cli-md-base-colour);
84
+ font-family: var(--cli-md-base-font-family);
85
+ line-height: 24px;
86
+ overflow-wrap: break-word;
87
+ word-wrap: break-word
88
+ }
89
+
90
+ .markDown tr :nth-child(2n) {
91
+ background-color: #f6f8fa
92
+ }
93
+
94
+ .markDown thead {
95
+ font-size: 16px;
96
+ line-height: 1.5;
97
+ word-wrap: break-word;
98
+ border-spacing: 0;
99
+ border-collapse: collapse;
100
+ box-sizing: border-box
101
+ }
102
+
103
+ .markDown table {
104
+ -webkit-border-horizontal-spacing: 0;
105
+ -webkit-border-vertical-spacing: 0;
106
+ border-collapse: collapse;
107
+ box-sizing: border-box;
108
+ color: var(--cli-md-base-colour);
109
+ display: block;
110
+ margin-top: 0;
111
+ overflow: auto;
112
+ width: -webkit-max-content;
113
+ width: -moz-max-content;
114
+ width: max-content
115
+ }
116
+
117
+ .markDown image,.markDown table {
118
+ font-family: var(--cli-md-base-font-family);
119
+ line-height: 24px;
120
+ margin-bottom: 16px;
121
+ max-width: 100%;
122
+ word-wrap: break-word
123
+ }
124
+
125
+ .markDown image {
126
+ background-color: #fff;
127
+ border-style: none;
128
+ color: #0366d6;
129
+ cursor: pointer
130
+ }
131
+
132
+ .markDown ul {
133
+ box-sizing: border-box;
134
+ color: var(--cli-md-base-colour);
135
+ font-family: var(--cli-md-base-font-family);
136
+ line-height: 24px;
137
+ margin-bottom: 16px;
138
+ margin-top: 0;
139
+ padding-left: 2em;
140
+ word-wrap: break-word
141
+ }
142
+
143
+ .markDown ul li {
144
+ list-style: initial
145
+ }
146
+
147
+ .markDown ol li,.markDown ul li {
148
+ box-sizing: border-box;
149
+ color: var(--cli-md-base-colour);
150
+ font-family: var(--cli-md-base-font-family);
151
+ line-height: 24px;
152
+ margin-top: .25em;
153
+ text-align: left;
154
+ word-wrap: break-word
155
+ }
156
+
157
+ .markDown ol li {
158
+ list-style: decimal
159
+ }
160
+
161
+ .markDown pre {
162
+ background-color: #f6f8fa;
163
+ line-height: 1.45;
164
+ margin-bottom: 16px;
165
+ margin-top: 0;
166
+ overflow: auto;
167
+ overflow-wrap: normal;
168
+ padding: 16px;
169
+ white-space: pre;
170
+ word-break: normal
171
+ }
172
+
173
+ .markDown pre,.markDown code:not(.markDown pre code) {
174
+ border-radius: 6px;
175
+ box-sizing: border-box;
176
+ color: var(--cli-md-base-colour);
177
+ font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
178
+ font-size: 85%
179
+ }
180
+
181
+ .markDown code:not(.markDown pre code) {
182
+ background-color: rgba(27,31,35,.05);
183
+ line-height: 20.4px;
184
+ margin: 0;
185
+ padding: .2em .4em;
186
+ word-wrap: break-word
187
+ }
188
+
189
+ .markDown a {
190
+ box-sizing: border-box;
191
+ color: #0366d6;
192
+ cursor: pointer;
193
+ font-family: var(--cli-md-base-font-family);
194
+ line-height: 24px;
195
+ text-decoration: none;
196
+ word-wrap: break-word
197
+ }
198
+
199
+ .markDown a :hover {
200
+ outline: 0;
201
+ text-decoration: underline
202
+ }