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

Sign up to get free protection for your applications and to get access to all the features.
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 -1244
  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 +18 -0
  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/__test__/markdownLoader.spec.js +145 -0
  34. package/lib/loaders/docsLoader.js +3 -0
  35. package/lib/loaders/markdownLoader.js +71 -0
  36. package/lib/loaders/workerLoader.js +9 -9
  37. package/lib/pluginUtils/getDevPlugins.js +8 -7
  38. package/lib/pluginUtils/getProdPlugins.js +6 -6
  39. package/lib/plugins/CustomAttributePlugin.md +35 -35
  40. package/lib/plugins/EFCPlugin.md +6 -6
  41. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  42. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  43. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  44. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  45. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  46. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  47. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  48. package/lib/plugins/ResourceHintsPlugin.js +30 -20
  49. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  50. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  51. package/lib/plugins/SelectorPlugin.js +29 -29
  52. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  53. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  54. package/lib/plugins/VariableConversionCollector.js +59 -59
  55. package/lib/plugins/utils/fileHandling.js +35 -42
  56. package/lib/plugins/variableConvertorUtils.js +9 -9
  57. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  58. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  59. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  60. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  61. package/lib/schemas/index.js +23 -36
  62. package/lib/sh/pre-commit.sh +34 -34
  63. package/lib/sh/reportPublish.sh +45 -45
  64. package/lib/utils/buildstats.html +148 -148
  65. package/lib/utils/cssClassNameGenerate.js +13 -13
  66. package/lib/utils/deprecationSupport.js +144 -0
  67. package/lib/utils/getOptions.js +18 -78
  68. package/lib/utils/resultSchema.json +73 -73
  69. package/npm-shrinkwrap.json +33393 -33393
  70. package/npm8.md +9 -9
  71. package/package.json +123 -122
  72. package/postpublish.js +8 -8
  73. package/result.json +1 -0
  74. package/templates/app/.eslintrc.js +140 -140
  75. package/templates/app/README.md +12 -12
  76. package/templates/app/app/index.html +24 -24
  77. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  78. package/templates/app/app/properties/i18nkeys.json +3 -3
  79. package/templates/app/docs/all.html +69 -69
  80. package/templates/app/mockapi/index.js +18 -18
  81. package/templates/app/package.json +37 -37
  82. package/templates/app/src/actions/SampleActions/index.js +37 -37
  83. package/templates/app/src/actions/index.js +65 -65
  84. package/templates/app/src/appUrls.js +19 -19
  85. package/templates/app/src/components/Alert/Alert.js +134 -134
  86. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  87. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  88. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  89. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  90. package/templates/app/src/components/Sample/SampleList.js +61 -61
  91. package/templates/app/src/components/Slider/Slider.css +41 -41
  92. package/templates/app/src/components/Slider/Slider.js +55 -55
  93. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  94. package/templates/app/src/containers/AppContainer/index.js +96 -96
  95. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  96. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  97. package/templates/app/src/containers/DevTools/index.js +10 -10
  98. package/templates/app/src/containers/Header/index.js +67 -67
  99. package/templates/app/src/containers/Header/index.module.css +43 -43
  100. package/templates/app/src/containers/Redirect/index.js +63 -63
  101. package/templates/app/src/containers/Redirector/index.js +47 -47
  102. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  103. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  104. package/templates/app/src/historyChange.js +5 -5
  105. package/templates/app/src/index.html +10 -10
  106. package/templates/app/src/index.js +24 -24
  107. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  108. package/templates/app/src/reducers/alertData.js +11 -11
  109. package/templates/app/src/reducers/index.js +6 -6
  110. package/templates/app/src/reducers/samples.js +19 -19
  111. package/templates/app/src/store/configureStore.dev.js +51 -51
  112. package/templates/app/src/store/configureStore.js +5 -5
  113. package/templates/app/src/store/configureStore.prod.js +26 -26
  114. package/templates/app/src/util/Common.js +5 -5
  115. package/templates/app/src/util/RequestAPI.js +132 -132
  116. package/templates/docs/all.html +250 -249
  117. package/templates/docs/component.html +179 -178
  118. package/templates/docs/components.html +222 -221
  119. package/templates/docs/css/b.min.css +6 -6
  120. package/templates/docs/css/component.css +42 -42
  121. package/templates/docs/css/componentTest.css +6 -6
  122. package/templates/docs/css/hopscotch.css +585 -585
  123. package/templates/docs/css/markdown.css +202 -0
  124. package/templates/docs/css/style.css +1022 -1022
  125. package/templates/docs/impactReportTemplate.html +154 -154
  126. package/templates/docs/index.html +1502 -1501
  127. package/templates/docs/js/active-line.js +72 -72
  128. package/templates/docs/js/b.min.js +7 -7
  129. package/templates/docs/js/codemirror.js +9680 -9680
  130. package/templates/docs/js/designTokens.js +334 -334
  131. package/templates/docs/js/j.min.js +4 -4
  132. package/templates/docs/js/javascript.js +874 -874
  133. package/templates/docs/js/matchbrackets.js +145 -145
  134. package/unittest/index.html +37 -0
package/templates/docs/impactReportTemplate.html CHANGED
@@ -1,154 +1,154 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <style>
5
-
6
- .sourcenameRow .methodDetail {
7
- clear: both;
8
- padding: 10px;
9
- position: relative;
10
- }
11
-
12
- .sourcenameRow
13
- .methodDetail > div
14
- {
15
- float: left;
16
- min-width: 50%;
17
- padding-bottom: 10px;
18
- }
19
-
20
- .noCoverage {
21
- color: red;
22
- width: 80%;
23
- padding: 10px;
24
- }
25
-
26
- .fl {
27
- float: left;
28
- }
29
-
30
- .fr {
31
- float: right ! important;
32
- }
33
-
34
- .pointer, #har tr[main] td {
35
- cursor: pointer;
36
- }
37
-
38
- .impactTestcaseRow {
39
- float: left;
40
- width: 45%;
41
- padding: 20px;
42
- margin-right: 5%;
43
- background: white;
44
- margin-bottom: 10px;
45
- box-sizing: border-box;
46
- border-bottom: 2px dotted #eee;
47
- }
48
-
49
- .anchorNone, .modifiedMethodRow:hover .anchorNone {
50
- text-decoration: none;
51
- color: #00bfff !important;
52
- }
53
- /* .impactTestcaseRow:hover {
54
- box-shadow: -3px 0px 10px #ddd, 2px 1px 3px #ddd;
55
- } */
56
-
57
- .impactedBy
58
- {
59
- float: left;
60
- padding: 10px;
61
- margin-top: 11px;
62
- color: green;
63
- width: 80%;
64
- }
65
-
66
- div#impactTCListContainer {
67
- font-size: 15px;
68
- }
69
-
70
- .impactTestcaseRowContainer,.sourcenameRow
71
- {
72
- display:flex;
73
- flex-direction:column;
74
- }
75
- summary{
76
- outline:none;
77
- }
78
- details{
79
- padding:25px 10px;
80
- }
81
-
82
-
83
- </style>
84
-
85
- </head>
86
- <body>
87
- <div class="sourcenameRow pointer bg-clr-hr">
88
-
89
- <details>
90
- <summary><b>Source Name :</b> ./src/components/GC/fields/MultiSelectField.js</summary>
91
- <div class="impactTestcaseRowContainer">
92
- <div class="impactedBy"> ImpactedBy :- </div>
93
- <div class="impactTestcaseRow">
94
- <a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
95
- </div>
96
-
97
- </div>
98
- </details>
99
-
100
- <details>
101
- <summary><b>Source Name: </b> ./src/components/GC/fields/MultiSelectField.js</summary>
102
- <div class="impactTestcaseRowContainer">
103
- <div class="impactedBy"> ImpactedBy :- </div>
104
- <div class="impactTestcaseRow">
105
- <a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
106
- </div>
107
- </div>
108
- </details>
109
-
110
- <details>
111
- <summary><b>Source Name: </b> ./src/components/GC/fields/TextBoxField.js</summary>
112
- <div class="impactTestcaseRowContainer">
113
- <div class="impactedBy"> ImpactedBy :- </div>
114
- <div class="impactTestcaseRow">
115
- <a class="anchorNone">@zohodesk/components/lib/TextBox/TextBox.js</a>
116
- </div>
117
- </div>
118
- </details>
119
-
120
- <details>
121
- <summary><b>Source Name: </b> ./src/components/activity/AddPopup/AddPopup.js </summary>
122
- <div class="impactTestcaseRowContainer">
123
- <div class="impactedBy"> ImpactedBy :- </div>
124
- <div class="impactTestcaseRow">
125
- <a class="anchorNone">@zohodesk/components/lib/DropDown/DropDownHeading.js</a>
126
- </div>
127
- <div class="impactTestcaseRow">
128
- <a class="anchorNone">@zohodesk/components/lib/ListItem/ListItem.js</a>
129
- </div>
130
- <div class="impactTestcaseRow">
131
- <a class="anchorNone">@zohodesk/components/lib/Popup/Popup.js</a>
132
- </div>
133
- <div class="impactTestcaseRow">
134
- <a class="anchorNone">@zohodesk/components/lib/DropBox/DropBox.js</a>
135
- </div>
136
- </div>
137
- </details>
138
-
139
- </div>
140
- <script type="text/javascript">
141
- const details = document.querySelectorAll("details");
142
- details.forEach((targetDetail) => {
143
- targetDetail.addEventListener("click", () => {
144
- // Close all the details that are not targetDetail.
145
- details.forEach((detail) => {
146
- if (detail !== targetDetail) {
147
- detail.removeAttribute("open");
148
- }
149
- });
150
- });
151
- });
152
- </script>
153
- </body>
154
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <style>
5
+
6
+ .sourcenameRow .methodDetail {
7
+ clear: both;
8
+ padding: 10px;
9
+ position: relative;
10
+ }
11
+
12
+ .sourcenameRow
13
+ .methodDetail > div
14
+ {
15
+ float: left;
16
+ min-width: 50%;
17
+ padding-bottom: 10px;
18
+ }
19
+
20
+ .noCoverage {
21
+ color: red;
22
+ width: 80%;
23
+ padding: 10px;
24
+ }
25
+
26
+ .fl {
27
+ float: left;
28
+ }
29
+
30
+ .fr {
31
+ float: right ! important;
32
+ }
33
+
34
+ .pointer, #har tr[main] td {
35
+ cursor: pointer;
36
+ }
37
+
38
+ .impactTestcaseRow {
39
+ float: left;
40
+ width: 45%;
41
+ padding: 20px;
42
+ margin-right: 5%;
43
+ background: white;
44
+ margin-bottom: 10px;
45
+ box-sizing: border-box;
46
+ border-bottom: 2px dotted #eee;
47
+ }
48
+
49
+ .anchorNone, .modifiedMethodRow:hover .anchorNone {
50
+ text-decoration: none;
51
+ color: #00bfff !important;
52
+ }
53
+ /* .impactTestcaseRow:hover {
54
+ box-shadow: -3px 0px 10px #ddd, 2px 1px 3px #ddd;
55
+ } */
56
+
57
+ .impactedBy
58
+ {
59
+ float: left;
60
+ padding: 10px;
61
+ margin-top: 11px;
62
+ color: green;
63
+ width: 80%;
64
+ }
65
+
66
+ div#impactTCListContainer {
67
+ font-size: 15px;
68
+ }
69
+
70
+ .impactTestcaseRowContainer,.sourcenameRow
71
+ {
72
+ display:flex;
73
+ flex-direction:column;
74
+ }
75
+ summary{
76
+ outline:none;
77
+ }
78
+ details{
79
+ padding:25px 10px;
80
+ }
81
+
82
+
83
+ </style>
84
+
85
+ </head>
86
+ <body>
87
+ <div class="sourcenameRow pointer bg-clr-hr">
88
+
89
+ <details>
90
+ <summary><b>Source Name :</b> ./src/components/GC/fields/MultiSelectField.js</summary>
91
+ <div class="impactTestcaseRowContainer">
92
+ <div class="impactedBy"> ImpactedBy :- </div>
93
+ <div class="impactTestcaseRow">
94
+ <a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
95
+ </div>
96
+
97
+ </div>
98
+ </details>
99
+
100
+ <details>
101
+ <summary><b>Source Name: </b> ./src/components/GC/fields/MultiSelectField.js</summary>
102
+ <div class="impactTestcaseRowContainer">
103
+ <div class="impactedBy"> ImpactedBy :- </div>
104
+ <div class="impactTestcaseRow">
105
+ <a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
106
+ </div>
107
+ </div>
108
+ </details>
109
+
110
+ <details>
111
+ <summary><b>Source Name: </b> ./src/components/GC/fields/TextBoxField.js</summary>
112
+ <div class="impactTestcaseRowContainer">
113
+ <div class="impactedBy"> ImpactedBy :- </div>
114
+ <div class="impactTestcaseRow">
115
+ <a class="anchorNone">@zohodesk/components/lib/TextBox/TextBox.js</a>
116
+ </div>
117
+ </div>
118
+ </details>
119
+
120
+ <details>
121
+ <summary><b>Source Name: </b> ./src/components/activity/AddPopup/AddPopup.js </summary>
122
+ <div class="impactTestcaseRowContainer">
123
+ <div class="impactedBy"> ImpactedBy :- </div>
124
+ <div class="impactTestcaseRow">
125
+ <a class="anchorNone">@zohodesk/components/lib/DropDown/DropDownHeading.js</a>
126
+ </div>
127
+ <div class="impactTestcaseRow">
128
+ <a class="anchorNone">@zohodesk/components/lib/ListItem/ListItem.js</a>
129
+ </div>
130
+ <div class="impactTestcaseRow">
131
+ <a class="anchorNone">@zohodesk/components/lib/Popup/Popup.js</a>
132
+ </div>
133
+ <div class="impactTestcaseRow">
134
+ <a class="anchorNone">@zohodesk/components/lib/DropBox/DropBox.js</a>
135
+ </div>
136
+ </div>
137
+ </details>
138
+
139
+ </div>
140
+ <script type="text/javascript">
141
+ const details = document.querySelectorAll("details");
142
+ details.forEach((targetDetail) => {
143
+ targetDetail.addEventListener("click", () => {
144
+ // Close all the details that are not targetDetail.
145
+ details.forEach((detail) => {
146
+ if (detail !== targetDetail) {
147
+ detail.removeAttribute("open");
148
+ }
149
+ });
150
+ });
151
+ });
152
+ </script>
153
+ </body>
154
+ </html>