@zohodesk/react-cli 1.0.3-beta.1 → 1.0.3-exp.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (139) 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 +1197 -1189
  6. package/bin/cli.js +489 -483
  7. package/docs/ComposeMinification.md +13 -0
  8. package/docs/CustomChunks.md +26 -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/SelectorWeight.md +8 -8
  14. package/docs/TODOS.md +10 -10
  15. package/docs/ValueReplacer.md +60 -60
  16. package/docs/VariableConversion.md +729 -729
  17. package/docs/patternFiltering.md +27 -0
  18. package/docs/warnings_while_install.txt +35 -35
  19. package/files/eslintrc.js +62 -62
  20. package/files/prettierrc.js +3 -3
  21. package/lib/common/buildEs.js +12 -0
  22. package/lib/configs/webpack.css.umd.config.js +4 -4
  23. package/lib/configs/webpack.dev.config.js +6 -0
  24. package/lib/configs/webpack.docs.config.js +4 -0
  25. package/lib/configs/webpack.impact.config.js +4 -0
  26. package/lib/configs/webpack.prod.config.js +6 -0
  27. package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
  28. package/lib/loaderUtils/getCSSLoaders.js +80 -46
  29. package/lib/loaderUtils/tests/windowsModification.test.js +10 -0
  30. package/lib/loaderUtils/windowsModification.js +6 -1
  31. package/lib/loaders/composeLoader.js +172 -0
  32. package/lib/loaders/workerLoader.js +9 -9
  33. package/lib/pluginUtils/getDevPlugins.js +18 -8
  34. package/lib/pluginUtils/getProdPlugins.js +16 -8
  35. package/lib/pluginUtils/getUMDCSSPlugins.js +1 -1
  36. package/lib/pluginUtils/getUMDComponentPlugins.js +1 -1
  37. package/lib/plugins/CustomAttributePlugin.md +35 -35
  38. package/lib/plugins/EFCPlugin.md +6 -6
  39. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  40. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  41. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  42. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  43. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  44. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  45. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  46. package/lib/plugins/{UglifyCSSPlugin.js → MinifyPlugin.js} +3 -3
  47. package/lib/plugins/ResourceHintsPlugin.js +17 -17
  48. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  49. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  50. package/lib/plugins/SelectorPlugin.js +64 -40
  51. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  52. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  53. package/lib/plugins/VariableConversionCollector.js +94 -84
  54. package/lib/plugins/index.js +7 -7
  55. package/lib/plugins/utils/classHandling.js +20 -0
  56. package/lib/plugins/utils/fileHandling.js +107 -0
  57. package/lib/plugins/utils/tests/fileHandling.test.js +30 -0
  58. package/lib/postcss-plugins/EmptyPlugin.js +8 -0
  59. package/lib/postcss-plugins/ExcludePlugin.js +1 -1
  60. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  61. package/lib/postcss-plugins/ValueReplacer.js +5 -14
  62. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  63. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  64. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  65. package/lib/postcss-plugins/variableModificationPlugin/index.js +1 -19
  66. package/lib/schemas/index.js +31 -3
  67. package/lib/servers/server.js +2 -2
  68. package/lib/sh/pre-commit.sh +34 -34
  69. package/lib/sh/reportPublish.sh +45 -45
  70. package/lib/utils/buildstats.html +148 -148
  71. package/lib/utils/cssClassNameGenerate.js +40 -13
  72. package/lib/utils/getOptions.js +16 -0
  73. package/lib/utils/resultSchema.json +73 -73
  74. package/lib/utils/variableConverter.js +162 -0
  75. package/npm-shrinkwrap.json +14407 -14407
  76. package/npm8.md +9 -9
  77. package/package.json +122 -121
  78. package/postpublish.js +8 -8
  79. package/templates/app/.eslintrc.js +140 -140
  80. package/templates/app/README.md +12 -12
  81. package/templates/app/app/index.html +24 -24
  82. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  83. package/templates/app/app/properties/i18nkeys.json +3 -3
  84. package/templates/app/docs/all.html +69 -69
  85. package/templates/app/mockapi/index.js +18 -18
  86. package/templates/app/package.json +37 -37
  87. package/templates/app/src/actions/SampleActions/index.js +37 -37
  88. package/templates/app/src/actions/index.js +65 -65
  89. package/templates/app/src/appUrls.js +19 -19
  90. package/templates/app/src/components/Alert/Alert.js +134 -134
  91. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  92. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  93. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  94. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  95. package/templates/app/src/components/Sample/SampleList.js +61 -61
  96. package/templates/app/src/components/Slider/Slider.css +41 -41
  97. package/templates/app/src/components/Slider/Slider.js +55 -55
  98. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  99. package/templates/app/src/containers/AppContainer/index.js +96 -96
  100. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  101. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  102. package/templates/app/src/containers/DevTools/index.js +10 -10
  103. package/templates/app/src/containers/Header/index.js +67 -67
  104. package/templates/app/src/containers/Header/index.module.css +43 -43
  105. package/templates/app/src/containers/Redirect/index.js +63 -63
  106. package/templates/app/src/containers/Redirector/index.js +47 -47
  107. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  108. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  109. package/templates/app/src/historyChange.js +5 -5
  110. package/templates/app/src/index.html +10 -10
  111. package/templates/app/src/index.js +24 -24
  112. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  113. package/templates/app/src/reducers/alertData.js +11 -11
  114. package/templates/app/src/reducers/index.js +6 -6
  115. package/templates/app/src/reducers/samples.js +19 -19
  116. package/templates/app/src/store/configureStore.dev.js +51 -51
  117. package/templates/app/src/store/configureStore.js +5 -5
  118. package/templates/app/src/store/configureStore.prod.js +26 -26
  119. package/templates/app/src/util/Common.js +5 -5
  120. package/templates/app/src/util/RequestAPI.js +132 -132
  121. package/templates/docs/all.html +249 -249
  122. package/templates/docs/component.html +178 -178
  123. package/templates/docs/components.html +221 -221
  124. package/templates/docs/css/b.min.css +6 -6
  125. package/templates/docs/css/component.css +42 -42
  126. package/templates/docs/css/componentTest.css +6 -6
  127. package/templates/docs/css/hopscotch.css +585 -585
  128. package/templates/docs/css/style.css +1022 -1022
  129. package/templates/docs/impactReportTemplate.html +154 -154
  130. package/templates/docs/index.html +1501 -1501
  131. package/templates/docs/js/active-line.js +72 -72
  132. package/templates/docs/js/b.min.js +7 -7
  133. package/templates/docs/js/codemirror.js +9680 -9680
  134. package/templates/docs/js/designTokens.js +334 -334
  135. package/templates/docs/js/j.min.js +4 -4
  136. package/templates/docs/js/javascript.js +874 -874
  137. package/templates/docs/js/matchbrackets.js +145 -145
  138. package/lib/plugins/composeCommonPlugin.js +0 -30
  139. package/lib/postcss-plugins/variableModifier.js +0 -210
@@ -1,132 +1,132 @@
1
- /*$Id$*/
2
- export default function(url, header = null) {
3
- let contentType = "json";
4
- let core = {
5
- ajax(method, url, args, payload, files, onProcess) {
6
- let p = new Promise((resolve, reject) => {
7
- let client = new XMLHttpRequest();
8
- let uri = url;
9
- var data = "";
10
- if (args && (method === "POST" || method === "PUT")) {
11
- let argcount = 0;
12
- for (let key in args) {
13
- if ({}.hasOwnProperty.call(args, key)) {
14
- if (argcount++) {
15
- data += "&";
16
- }
17
- data += `${encodeURIComponent(key)}=${encodeURIComponent(
18
- args[key]
19
- )}`;
20
- }
21
- }
22
- }
23
-
24
- client.upload.addEventListener("progress", onProcess);
25
-
26
- client.open(method, uri);
27
-
28
- if (header) {
29
- Object.keys(header).forEach(key => {
30
- client.setRequestHeader(key, header[key]);
31
- });
32
- }
33
-
34
- if (files && files.constructor === new FormData().constructor) {
35
- client.send(files);
36
- } else if (files) {
37
- var data = new FormData();
38
- data.append("file", files[0]);
39
- client.send(data);
40
- } else if (payload) {
41
- if (payload instanceof FormData) {
42
- client.send(payload);
43
- } else {
44
- if (contentType == "json") {
45
- client.setRequestHeader(
46
- "Content-Type",
47
- "application/json;charset=UTF-8"
48
- );
49
- client.send(JSON.stringify(payload));
50
- } else {
51
- client.setRequestHeader(
52
- "Content-Type",
53
- "application/x-www-form-urlencoded;charset=UTF-8"
54
- );
55
- let data = "";
56
- let argcount = 0;
57
- for (let key in payload) {
58
- if ({}.hasOwnProperty.call(payload, key)) {
59
- if (argcount++) {
60
- data += "&";
61
- }
62
- data += `${encodeURIComponent(key)}=${encodeURIComponent(
63
- payload[key]
64
- )}`;
65
- }
66
- }
67
- client.send(data);
68
- }
69
- }
70
- } else {
71
- client.setRequestHeader(
72
- "Content-Type",
73
- "application/x-www-form-urlencoded"
74
- );
75
- client.send(data);
76
- }
77
-
78
- client.onload = function() {
79
- if (
80
- this.status === 200 ||
81
- this.status === 201 ||
82
- this.status === 204
83
- ) {
84
- let response = this.response ? this.response : this.responseText;
85
- if (response === "") {
86
- resolve({ responseStatus: this.status }, () => percentComplete);
87
- } else {
88
- try {
89
- resolve(JSON.parse(response));
90
- } catch (e) {
91
- resolve(response);
92
- }
93
- }
94
- } else {
95
- reject(this);
96
- }
97
- };
98
-
99
- client.onerror = function() {
100
- reject(this);
101
- };
102
- });
103
- p.getProgress = () => p.progress;
104
- return p;
105
- }
106
- };
107
-
108
- return {
109
- get() {
110
- return core.ajax("GET", url);
111
- },
112
- patch(args, payload) {
113
- return core.ajax("PATCH", url, args, payload);
114
- },
115
- post(args, payload) {
116
- return core.ajax("POST", url, args, payload);
117
- },
118
- put(args, payload, files) {
119
- return core.ajax("PUT", url, args, payload, files);
120
- },
121
- del() {
122
- return core.ajax("DELETE", url);
123
- },
124
- attach(files, onProcess) {
125
- return core.ajax("POST", url, {}, undefined, files, onProcess);
126
- },
127
- setContentType(type) {
128
- contentType = type;
129
- return this;
130
- }
131
- };
132
- }
1
+ /*$Id$*/
2
+ export default function(url, header = null) {
3
+ let contentType = "json";
4
+ let core = {
5
+ ajax(method, url, args, payload, files, onProcess) {
6
+ let p = new Promise((resolve, reject) => {
7
+ let client = new XMLHttpRequest();
8
+ let uri = url;
9
+ var data = "";
10
+ if (args && (method === "POST" || method === "PUT")) {
11
+ let argcount = 0;
12
+ for (let key in args) {
13
+ if ({}.hasOwnProperty.call(args, key)) {
14
+ if (argcount++) {
15
+ data += "&";
16
+ }
17
+ data += `${encodeURIComponent(key)}=${encodeURIComponent(
18
+ args[key]
19
+ )}`;
20
+ }
21
+ }
22
+ }
23
+
24
+ client.upload.addEventListener("progress", onProcess);
25
+
26
+ client.open(method, uri);
27
+
28
+ if (header) {
29
+ Object.keys(header).forEach(key => {
30
+ client.setRequestHeader(key, header[key]);
31
+ });
32
+ }
33
+
34
+ if (files && files.constructor === new FormData().constructor) {
35
+ client.send(files);
36
+ } else if (files) {
37
+ var data = new FormData();
38
+ data.append("file", files[0]);
39
+ client.send(data);
40
+ } else if (payload) {
41
+ if (payload instanceof FormData) {
42
+ client.send(payload);
43
+ } else {
44
+ if (contentType == "json") {
45
+ client.setRequestHeader(
46
+ "Content-Type",
47
+ "application/json;charset=UTF-8"
48
+ );
49
+ client.send(JSON.stringify(payload));
50
+ } else {
51
+ client.setRequestHeader(
52
+ "Content-Type",
53
+ "application/x-www-form-urlencoded;charset=UTF-8"
54
+ );
55
+ let data = "";
56
+ let argcount = 0;
57
+ for (let key in payload) {
58
+ if ({}.hasOwnProperty.call(payload, key)) {
59
+ if (argcount++) {
60
+ data += "&";
61
+ }
62
+ data += `${encodeURIComponent(key)}=${encodeURIComponent(
63
+ payload[key]
64
+ )}`;
65
+ }
66
+ }
67
+ client.send(data);
68
+ }
69
+ }
70
+ } else {
71
+ client.setRequestHeader(
72
+ "Content-Type",
73
+ "application/x-www-form-urlencoded"
74
+ );
75
+ client.send(data);
76
+ }
77
+
78
+ client.onload = function() {
79
+ if (
80
+ this.status === 200 ||
81
+ this.status === 201 ||
82
+ this.status === 204
83
+ ) {
84
+ let response = this.response ? this.response : this.responseText;
85
+ if (response === "") {
86
+ resolve({ responseStatus: this.status }, () => percentComplete);
87
+ } else {
88
+ try {
89
+ resolve(JSON.parse(response));
90
+ } catch (e) {
91
+ resolve(response);
92
+ }
93
+ }
94
+ } else {
95
+ reject(this);
96
+ }
97
+ };
98
+
99
+ client.onerror = function() {
100
+ reject(this);
101
+ };
102
+ });
103
+ p.getProgress = () => p.progress;
104
+ return p;
105
+ }
106
+ };
107
+
108
+ return {
109
+ get() {
110
+ return core.ajax("GET", url);
111
+ },
112
+ patch(args, payload) {
113
+ return core.ajax("PATCH", url, args, payload);
114
+ },
115
+ post(args, payload) {
116
+ return core.ajax("POST", url, args, payload);
117
+ },
118
+ put(args, payload, files) {
119
+ return core.ajax("PUT", url, args, payload, files);
120
+ },
121
+ del() {
122
+ return core.ajax("DELETE", url);
123
+ },
124
+ attach(files, onProcess) {
125
+ return core.ajax("POST", url, {}, undefined, files, onProcess);
126
+ },
127
+ setContentType(type) {
128
+ contentType = type;
129
+ return this;
130
+ }
131
+ };
132
+ }