@zohodesk/react-cli 0.0.1-beta.176 → 0.0.1-beta.178

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 (126) hide show
  1. package/.eslintignore +7 -7
  2. package/.eslintrc.js +180 -180
  3. package/.prettierrc +6 -6
  4. package/{CHANGELOG.md → CHANGELOG-fz.md} +0 -0
  5. package/Changelog.md +1019 -0
  6. package/README.md +1137 -1018
  7. package/bin/cli.js +482 -482
  8. package/docs/CustomChunks.md +26 -26
  9. package/docs/DevServerPort.md +39 -0
  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 +6 -6
  14. package/docs/TODOS.md +10 -10
  15. package/docs/ValueReplacer.md +60 -60
  16. package/docs/VariableConversion.md +724 -710
  17. package/docs/warnings_while_install.txt +35 -35
  18. package/files/eslintrc.js +62 -62
  19. package/files/prettierrc.js +3 -3
  20. package/lib/configs/resolvers.js +40 -0
  21. package/lib/configs/webpack.css.umd.config.js +4 -4
  22. package/lib/configs/webpack.dev.config.js +4 -11
  23. package/lib/configs/webpack.docs.config.js +4 -11
  24. package/lib/configs/webpack.impact.config.js +5 -7
  25. package/lib/configs/webpack.prod.config.js +9 -13
  26. package/lib/constants.js +31 -0
  27. package/lib/loaderUtils/configsAssetsLoaders.js +36 -36
  28. package/lib/loaders/workerLoader.js +9 -9
  29. package/lib/pluginUtils/getDevPlugins.js +5 -5
  30. package/lib/pluginUtils/getProdPlugins.js +5 -5
  31. package/lib/plugins/EFCPlugin.md +6 -6
  32. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  33. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  34. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  35. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  36. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  37. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  38. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  39. package/lib/plugins/ResourceHintsPlugin.js +17 -17
  40. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  41. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  42. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  43. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  44. package/lib/plugins/VariableConversionCollector.js +198 -98
  45. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  46. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  47. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  48. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  49. package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js +4 -2
  50. package/lib/postcss-plugins/variableModificationPlugin/index.js +2 -1
  51. package/lib/schemas/index.js +8 -0
  52. package/lib/servers/docsServerCore.js +13 -12
  53. package/lib/servers/httpsOptions.js +40 -9
  54. package/lib/servers/nowatchserver.js +12 -11
  55. package/lib/servers/server.js +23 -20
  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/cssURLReplacer.js +30 -43
  60. package/lib/utils/getFileType.js +49 -0
  61. package/lib/utils/getOptions.js +13 -13
  62. package/lib/utils/resultSchema.json +73 -73
  63. package/npm8.md +9 -9
  64. package/package.json +121 -146
  65. package/postpublish.js +8 -6
  66. package/templates/app/.eslintrc.js +140 -140
  67. package/templates/app/README.md +12 -12
  68. package/templates/app/app/index.html +24 -24
  69. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  70. package/templates/app/app/properties/i18nkeys.json +3 -3
  71. package/templates/app/docs/all.html +69 -69
  72. package/templates/app/mockapi/index.js +18 -18
  73. package/templates/app/package.json +37 -37
  74. package/templates/app/src/actions/SampleActions/index.js +37 -37
  75. package/templates/app/src/actions/index.js +65 -65
  76. package/templates/app/src/appUrls.js +19 -19
  77. package/templates/app/src/components/Alert/Alert.js +134 -134
  78. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  79. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  80. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  81. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  82. package/templates/app/src/components/Sample/SampleList.js +61 -61
  83. package/templates/app/src/components/Slider/Slider.css +41 -41
  84. package/templates/app/src/components/Slider/Slider.js +55 -55
  85. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  86. package/templates/app/src/containers/AppContainer/index.js +96 -96
  87. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  88. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  89. package/templates/app/src/containers/DevTools/index.js +10 -10
  90. package/templates/app/src/containers/Header/index.js +67 -67
  91. package/templates/app/src/containers/Header/index.module.css +43 -43
  92. package/templates/app/src/containers/Redirect/index.js +63 -63
  93. package/templates/app/src/containers/Redirector/index.js +47 -47
  94. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  95. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  96. package/templates/app/src/historyChange.js +5 -5
  97. package/templates/app/src/index.html +10 -10
  98. package/templates/app/src/index.js +24 -24
  99. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  100. package/templates/app/src/reducers/alertData.js +11 -11
  101. package/templates/app/src/reducers/index.js +6 -6
  102. package/templates/app/src/reducers/samples.js +19 -19
  103. package/templates/app/src/store/configureStore.dev.js +51 -51
  104. package/templates/app/src/store/configureStore.js +5 -5
  105. package/templates/app/src/store/configureStore.prod.js +26 -26
  106. package/templates/app/src/util/Common.js +5 -5
  107. package/templates/app/src/util/RequestAPI.js +132 -132
  108. package/templates/docs/all.html +249 -249
  109. package/templates/docs/component.html +178 -178
  110. package/templates/docs/components.html +221 -221
  111. package/templates/docs/css/b.min.css +6 -6
  112. package/templates/docs/css/component.css +42 -42
  113. package/templates/docs/css/componentTest.css +6 -6
  114. package/templates/docs/css/hopscotch.css +585 -585
  115. package/templates/docs/css/style.css +1022 -1022
  116. package/templates/docs/impactReportTemplate.html +154 -154
  117. package/templates/docs/index.html +1501 -1501
  118. package/templates/docs/js/active-line.js +72 -72
  119. package/templates/docs/js/b.min.js +7 -7
  120. package/templates/docs/js/codemirror.js +9680 -9680
  121. package/templates/docs/js/designTokens.js +334 -334
  122. package/templates/docs/js/j.min.js +4 -4
  123. package/templates/docs/js/javascript.js +874 -874
  124. package/templates/docs/js/matchbrackets.js +145 -145
  125. package/cert/Tsicsezwild-22-23.crt +0 -37
  126. package/cert/Tsicsezwild-22-23.key +0 -27
@@ -1,51 +1,51 @@
1
- import { createBrowserHistory } from "history";
2
- import { reduxRouter } from "redux-router-middleware";
3
- import { createStore, applyMiddleware, compose, combineReducers } from "redux";
4
- import thunk from "redux-thunk";
5
- import promiseMiddleware from "../middleware/PromiseMiddleware";
6
- import rootReducer from "../reducers";
7
-
8
- //import logger from "redux-logger";
9
- //import { createLogger } from "redux-logger";
10
- import { createLogger } from "redux-logger";
11
- import DevTools from "../containers/DevTools";
12
- import getUrls from "../appUrls";
13
- import { historyChange } from "../historyChange";
14
-
15
- const configureStore = preloadedState => {
16
- let history = createBrowserHistory();
17
-
18
- let { historyMiddleware, routing } = reduxRouter(
19
- history,
20
- getUrls(),
21
- historyChange
22
- );
23
-
24
- //console.log(createLogger);
25
- let middleWare = compose(
26
- applyMiddleware(
27
- thunk,
28
- promiseMiddleware,
29
- historyMiddleware,
30
- createLogger({ collapsed: true })
31
- ),
32
- DevTools.instrument()
33
- );
34
-
35
- const store = createStore(
36
- combineReducers(Object.assign(rootReducer, { routing })),
37
- preloadedState,
38
- middleWare
39
- );
40
-
41
- if (module.hot) {
42
- // Enable Webpack hot module replacement for reducers
43
- module.hot.accept("../reducers", () => {
44
- store.replaceReducer(rootReducer);
45
- });
46
- }
47
-
48
- return store;
49
- };
50
-
51
- export default configureStore;
1
+ import { createBrowserHistory } from "history";
2
+ import { reduxRouter } from "redux-router-middleware";
3
+ import { createStore, applyMiddleware, compose, combineReducers } from "redux";
4
+ import thunk from "redux-thunk";
5
+ import promiseMiddleware from "../middleware/PromiseMiddleware";
6
+ import rootReducer from "../reducers";
7
+
8
+ //import logger from "redux-logger";
9
+ //import { createLogger } from "redux-logger";
10
+ import { createLogger } from "redux-logger";
11
+ import DevTools from "../containers/DevTools";
12
+ import getUrls from "../appUrls";
13
+ import { historyChange } from "../historyChange";
14
+
15
+ const configureStore = preloadedState => {
16
+ let history = createBrowserHistory();
17
+
18
+ let { historyMiddleware, routing } = reduxRouter(
19
+ history,
20
+ getUrls(),
21
+ historyChange
22
+ );
23
+
24
+ //console.log(createLogger);
25
+ let middleWare = compose(
26
+ applyMiddleware(
27
+ thunk,
28
+ promiseMiddleware,
29
+ historyMiddleware,
30
+ createLogger({ collapsed: true })
31
+ ),
32
+ DevTools.instrument()
33
+ );
34
+
35
+ const store = createStore(
36
+ combineReducers(Object.assign(rootReducer, { routing })),
37
+ preloadedState,
38
+ middleWare
39
+ );
40
+
41
+ if (module.hot) {
42
+ // Enable Webpack hot module replacement for reducers
43
+ module.hot.accept("../reducers", () => {
44
+ store.replaceReducer(rootReducer);
45
+ });
46
+ }
47
+
48
+ return store;
49
+ };
50
+
51
+ export default configureStore;
@@ -1,5 +1,5 @@
1
- /*if (process.env.NODE_ENV === "production") {
2
- module.exports = require("./configureStore.prod");
3
- } else {*/
4
- module.exports = require("./configureStore.dev");
5
- //}
1
+ /*if (process.env.NODE_ENV === "production") {
2
+ module.exports = require("./configureStore.prod");
3
+ } else {*/
4
+ module.exports = require("./configureStore.dev");
5
+ //}
@@ -1,26 +1,26 @@
1
- import { createBrowserHistory } from "history";
2
- import { reduxRouter } from "@zohodesk/router-middleware";
3
- import { createStore, applyMiddleware, compose, combineReducers } from "redux";
4
- import { historyChange } from "../historyChange";
5
- import thunk from "redux-thunk";
6
- import rootReducer from "../reducers";
7
-
8
- const configureStore = preloadedState => {
9
- let history = createBrowserHistory();
10
-
11
- let { historyMiddleware, routing } = reduxRouter(
12
- history,
13
- getUrls(),
14
- historyChange
15
- );
16
-
17
- let middleWare = compose(applyMiddleware(thunk, historyMiddleware));
18
-
19
- return createStore(
20
- combineReducers(Object.assign(rootReducer, { routing })),
21
- preloadedState,
22
- middleWare
23
- );
24
- };
25
-
26
- export default configureStore;
1
+ import { createBrowserHistory } from "history";
2
+ import { reduxRouter } from "@zohodesk/router-middleware";
3
+ import { createStore, applyMiddleware, compose, combineReducers } from "redux";
4
+ import { historyChange } from "../historyChange";
5
+ import thunk from "redux-thunk";
6
+ import rootReducer from "../reducers";
7
+
8
+ const configureStore = preloadedState => {
9
+ let history = createBrowserHistory();
10
+
11
+ let { historyMiddleware, routing } = reduxRouter(
12
+ history,
13
+ getUrls(),
14
+ historyChange
15
+ );
16
+
17
+ let middleWare = compose(applyMiddleware(thunk, historyMiddleware));
18
+
19
+ return createStore(
20
+ combineReducers(Object.assign(rootReducer, { routing })),
21
+ preloadedState,
22
+ middleWare
23
+ );
24
+ };
25
+
26
+ export default configureStore;
@@ -1,5 +1,5 @@
1
- export const URL_PREFIX = '/app';
2
-
3
- export function generateAPITypes(prefix) {
4
- return [`${prefix}_REQUEST`, `${prefix}_SUCCESS`, `${prefix}_FAILURE`];
5
- }
1
+ export const URL_PREFIX = '/app';
2
+
3
+ export function generateAPITypes(prefix) {
4
+ return [`${prefix}_REQUEST`, `${prefix}_SUCCESS`, `${prefix}_FAILURE`];
5
+ }
@@ -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
+ }