@zohodesk/react-cli 0.0.1-exp.176.1 → 0.0.1-exp.176.11

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 (111) hide show
  1. package/.eslintignore +7 -7
  2. package/.eslintrc.js +180 -180
  3. package/.prettierrc +6 -6
  4. package/README.md +1023 -1025
  5. package/bin/cli.js +482 -482
  6. package/cert/Tsicsezwild-22-23.crt +37 -37
  7. package/cert/Tsicsezwild-22-23.key +27 -27
  8. package/docs/CustomChunks.md +26 -26
  9. package/docs/DevStart.md +18 -18
  10. package/docs/HoverActive.md +12 -12
  11. package/docs/InstallNode.md +28 -28
  12. package/docs/SelectorWeight.md +6 -6
  13. package/docs/TODOS.md +10 -10
  14. package/docs/ValueReplacer.md +60 -60
  15. package/docs/VariableConversion.md +710 -719
  16. package/docs/warnings_while_install.txt +35 -35
  17. package/files/eslintrc.js +62 -62
  18. package/files/prettierrc.js +3 -3
  19. package/lib/configs/webpack.css.umd.config.js +4 -4
  20. package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
  21. package/lib/loaders/workerLoader.js +9 -9
  22. package/lib/pluginUtils/getDevPlugins.js +5 -5
  23. package/lib/pluginUtils/getProdPlugins.js +5 -5
  24. package/lib/plugins/EFCPlugin.md +6 -6
  25. package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
  26. package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
  27. package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
  28. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
  29. package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
  30. package/lib/plugins/I18nSplitPlugin/README.md +25 -25
  31. package/lib/plugins/I18nSplitPlugin/index.js +57 -57
  32. package/lib/plugins/ResourceHintsPlugin.js +17 -17
  33. package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
  34. package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
  35. package/lib/plugins/ServiceWorkerPlugin.js +9 -9
  36. package/lib/plugins/TPHashMappingPlugin.js +4 -4
  37. package/lib/plugins/VariableConversionCollector.js +92 -162
  38. package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
  39. package/lib/postcss-plugins/__test__/test1Input.css +38 -38
  40. package/lib/postcss-plugins/__test__/test1Output.css +38 -38
  41. package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
  42. package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js +2 -4
  43. package/lib/postcss-plugins/variableModificationPlugin/index.js +1 -2
  44. package/lib/sh/pre-commit.sh +34 -34
  45. package/lib/sh/reportPublish.sh +45 -45
  46. package/lib/utils/buildstats.html +148 -148
  47. package/lib/utils/cssURLReplacer.js +30 -43
  48. package/lib/utils/getFileType.js +49 -0
  49. package/lib/utils/resultSchema.json +73 -73
  50. package/npm8.md +9 -9
  51. package/package.json +147 -146
  52. package/postpublish.js +6 -6
  53. package/templates/app/.eslintrc.js +140 -140
  54. package/templates/app/README.md +12 -12
  55. package/templates/app/app/index.html +24 -24
  56. package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
  57. package/templates/app/app/properties/i18nkeys.json +3 -3
  58. package/templates/app/docs/all.html +69 -69
  59. package/templates/app/mockapi/index.js +18 -18
  60. package/templates/app/package.json +37 -37
  61. package/templates/app/src/actions/SampleActions/index.js +37 -37
  62. package/templates/app/src/actions/index.js +65 -65
  63. package/templates/app/src/appUrls.js +19 -19
  64. package/templates/app/src/components/Alert/Alert.js +134 -134
  65. package/templates/app/src/components/Alert/Alert.module.css +79 -79
  66. package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
  67. package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
  68. package/templates/app/src/components/Sample/Sample.module.css +11 -11
  69. package/templates/app/src/components/Sample/SampleList.js +61 -61
  70. package/templates/app/src/components/Slider/Slider.css +41 -41
  71. package/templates/app/src/components/Slider/Slider.js +55 -55
  72. package/templates/app/src/containers/AlertContainer/index.js +15 -15
  73. package/templates/app/src/containers/AppContainer/index.js +96 -96
  74. package/templates/app/src/containers/AppContainer/index.module.css +27 -27
  75. package/templates/app/src/containers/CustomMatch/index.js +65 -65
  76. package/templates/app/src/containers/DevTools/index.js +10 -10
  77. package/templates/app/src/containers/Header/index.js +67 -67
  78. package/templates/app/src/containers/Header/index.module.css +43 -43
  79. package/templates/app/src/containers/Redirect/index.js +63 -63
  80. package/templates/app/src/containers/Redirector/index.js +47 -47
  81. package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
  82. package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
  83. package/templates/app/src/historyChange.js +5 -5
  84. package/templates/app/src/index.html +10 -10
  85. package/templates/app/src/index.js +24 -24
  86. package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
  87. package/templates/app/src/reducers/alertData.js +11 -11
  88. package/templates/app/src/reducers/index.js +6 -6
  89. package/templates/app/src/reducers/samples.js +19 -19
  90. package/templates/app/src/store/configureStore.dev.js +51 -51
  91. package/templates/app/src/store/configureStore.js +5 -5
  92. package/templates/app/src/store/configureStore.prod.js +26 -26
  93. package/templates/app/src/util/Common.js +5 -5
  94. package/templates/app/src/util/RequestAPI.js +132 -132
  95. package/templates/docs/all.html +249 -249
  96. package/templates/docs/component.html +178 -178
  97. package/templates/docs/components.html +221 -221
  98. package/templates/docs/css/b.min.css +6 -6
  99. package/templates/docs/css/component.css +42 -42
  100. package/templates/docs/css/componentTest.css +6 -6
  101. package/templates/docs/css/hopscotch.css +585 -585
  102. package/templates/docs/css/style.css +1022 -1022
  103. package/templates/docs/impactReportTemplate.html +154 -154
  104. package/templates/docs/index.html +1501 -1501
  105. package/templates/docs/js/active-line.js +72 -72
  106. package/templates/docs/js/b.min.js +7 -7
  107. package/templates/docs/js/codemirror.js +9680 -9680
  108. package/templates/docs/js/designTokens.js +334 -334
  109. package/templates/docs/js/j.min.js +4 -4
  110. package/templates/docs/js/javascript.js +874 -874
  111. package/templates/docs/js/matchbrackets.js +145 -145
@@ -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
+ }