redux-connected-devtools 1.0.3 → 1.0.5

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 (157) hide show
  1. package/dist/components/DevInspector/DevInspector.js +12 -0
  2. package/{src/components/DevInspector/DevInspector.style.tsx → dist/components/DevInspector/DevInspector.style.js} +1 -2
  3. package/dist/components/DevList/DevList.js +24 -0
  4. package/{src/components/DevList/DevList.style.tsx → dist/components/DevList/DevList.style.js} +2 -4
  5. package/dist/components/DevMenu/DevMenu.js +25 -0
  6. package/{src/components/DevMenu/DevMenu.style.tsx → dist/components/DevMenu/DevMenu.style.js} +7 -14
  7. package/{src/components/DevPanel/DevPanel.tsx → dist/components/DevPanel/DevPanel.js} +7 -27
  8. package/{src/components/DevPanel/DevPanel.style.tsx → dist/components/DevPanel/DevPanel.style.js} +3 -6
  9. package/dist/components/DevtoolsApp/DevtoolsApp.js +17 -0
  10. package/{src/components/DevtoolsApp/DevtoolsApp.style.tsx → dist/components/DevtoolsApp/DevtoolsApp.style.js} +1 -2
  11. package/dist/components/Icon/AllIcons.js +18 -0
  12. package/dist/components/Icon/Icon.js +9 -0
  13. package/{src/components/Icon/Icon.style.tsx → dist/components/Icon/Icon.style.js} +1 -2
  14. package/{src/components/JourneyRow/JourneyRow.tsx → dist/components/JourneyRow/JourneyRow.js} +7 -32
  15. package/{src/components/JourneyRow/JourneyRow.style.tsx → dist/components/JourneyRow/JourneyRow.style.js} +5 -10
  16. package/dist/components/JsonViewer/JsonViewer.js +7 -0
  17. package/{src/components/JsonViewer/JsonViewer.style.tsx → dist/components/JsonViewer/JsonViewer.style.js} +1 -2
  18. package/dist/components/Lifecycle/Lifecycle.js +15 -0
  19. package/{src/components/Lifecycle/Lifecycle.style.tsx → dist/components/Lifecycle/Lifecycle.style.js} +1 -2
  20. package/dist/components/RequestDetails/RequestDetails.js +10 -0
  21. package/{src/components/RequestDetails/RequestDetails.style.tsx → dist/components/RequestDetails/RequestDetails.style.js} +4 -8
  22. package/dist/components/RequestJourney/RequestJourney.js +14 -0
  23. package/{src/components/RequestJourney/RequestJourney.style.tsx → dist/components/RequestJourney/RequestJourney.style.js} +1 -2
  24. package/dist/components/RequestRow/RequestRow.js +9 -0
  25. package/{src/components/RequestRow/RequestRow.style.tsx → dist/components/RequestRow/RequestRow.style.js} +5 -10
  26. package/dist/components/Size/Size.js +10 -0
  27. package/{src/components/Size/Size.style.tsx → dist/components/Size/Size.style.js} +1 -2
  28. package/{src/components/Time/Time.tsx → dist/components/Time/Time.js} +3 -17
  29. package/{src/components/Time/Time.style.tsx → dist/components/Time/Time.style.js} +3 -6
  30. package/dist/containers/DevMenuContainer.js +11 -0
  31. package/dist/containers/DevPanelContainer.js +6 -0
  32. package/{src/containers/DevtoolsAppContainer.tsx → dist/containers/DevtoolsAppContainer.js} +3 -21
  33. package/{src/containers/EndpointConfigsContainer.tsx → dist/containers/EndpointConfigsContainer.js} +2 -5
  34. package/{src/containers/EndpointStatusContainer.tsx → dist/containers/EndpointStatusContainer.js} +2 -5
  35. package/{src/containers/GlobalSettingsContainer.tsx → dist/containers/GlobalSettingsContainer.js} +2 -5
  36. package/{src/containers/GlobalStatsContainer.tsx → dist/containers/GlobalStatsContainer.js} +2 -5
  37. package/{src/containers/LifecycleApiErrorContainer.tsx → dist/containers/LifecycleApiErrorContainer.js} +2 -4
  38. package/{src/containers/LifecycleFailedContainer.tsx → dist/containers/LifecycleFailedContainer.js} +2 -4
  39. package/{src/containers/LifecycleGeneralErrorContainer.tsx → dist/containers/LifecycleGeneralErrorContainer.js} +2 -4
  40. package/{src/containers/LifecycleInQueueContainer.tsx → dist/containers/LifecycleInQueueContainer.js} +2 -4
  41. package/{src/containers/LifecyclePendingApiContainer.tsx → dist/containers/LifecyclePendingApiContainer.js} +2 -4
  42. package/{src/containers/LifecyclePostActionContainer.tsx → dist/containers/LifecyclePostActionContainer.js} +2 -4
  43. package/{src/containers/LifecycleReceivedContainer.tsx → dist/containers/LifecycleReceivedContainer.js} +2 -4
  44. package/{src/data/devComponents.tsx → dist/data/devComponents.js} +1 -4
  45. package/{src/data/devRoutes.ts → dist/data/devRoutes.js} +4 -16
  46. package/dist/dts/components/DevInspector/DevInspector.d.ts +6 -0
  47. package/dist/dts/components/DevInspector/DevInspector.style.d.ts +1 -0
  48. package/dist/dts/components/DevList/DevList.d.ts +9 -0
  49. package/dist/dts/components/DevList/DevList.style.d.ts +2 -0
  50. package/dist/dts/components/DevMenu/DevMenu.d.ts +11 -0
  51. package/dist/dts/components/DevMenu/DevMenu.style.d.ts +7 -0
  52. package/dist/dts/components/DevPanel/DevPanel.d.ts +5 -0
  53. package/dist/dts/components/DevPanel/DevPanel.style.d.ts +3 -0
  54. package/dist/dts/components/DevtoolsApp/DevtoolsApp.d.ts +9 -0
  55. package/dist/dts/components/DevtoolsApp/DevtoolsApp.style.d.ts +1 -0
  56. package/dist/dts/components/Icon/AllIcons.d.ts +8 -0
  57. package/dist/dts/components/Icon/Icon.d.ts +9 -0
  58. package/dist/dts/components/Icon/Icon.style.d.ts +3 -0
  59. package/dist/dts/components/JourneyRow/JourneyRow.d.ts +6 -0
  60. package/dist/dts/components/JourneyRow/JourneyRow.style.d.ts +5 -0
  61. package/dist/dts/components/JsonViewer/JsonViewer.d.ts +6 -0
  62. package/dist/dts/components/JsonViewer/JsonViewer.style.d.ts +3 -0
  63. package/dist/dts/components/Lifecycle/Lifecycle.d.ts +6 -0
  64. package/dist/dts/components/Lifecycle/Lifecycle.style.d.ts +1 -0
  65. package/dist/dts/components/RequestDetails/RequestDetails.d.ts +6 -0
  66. package/dist/dts/components/RequestDetails/RequestDetails.style.d.ts +4 -0
  67. package/dist/dts/components/RequestJourney/RequestJourney.d.ts +6 -0
  68. package/dist/dts/components/RequestJourney/RequestJourney.style.d.ts +1 -0
  69. package/dist/dts/components/RequestRow/RequestRow.d.ts +10 -0
  70. package/dist/dts/components/RequestRow/RequestRow.style.d.ts +6 -0
  71. package/dist/dts/components/Size/Size.d.ts +5 -0
  72. package/dist/dts/components/Size/Size.style.d.ts +1 -0
  73. package/dist/dts/components/Time/Time.d.ts +5 -0
  74. package/dist/dts/components/Time/Time.style.d.ts +3 -0
  75. package/dist/dts/containers/DevMenuContainer.d.ts +7 -0
  76. package/dist/dts/containers/DevPanelContainer.d.ts +5 -0
  77. package/dist/dts/containers/DevtoolsAppContainer.d.ts +6 -0
  78. package/dist/dts/containers/EndpointConfigsContainer.d.ts +2 -0
  79. package/dist/dts/containers/EndpointStatusContainer.d.ts +2 -0
  80. package/dist/dts/containers/GlobalSettingsContainer.d.ts +2 -0
  81. package/dist/dts/containers/GlobalStatsContainer.d.ts +2 -0
  82. package/dist/dts/containers/LifecycleApiErrorContainer.d.ts +2 -0
  83. package/dist/dts/containers/LifecycleFailedContainer.d.ts +2 -0
  84. package/dist/dts/containers/LifecycleGeneralErrorContainer.d.ts +2 -0
  85. package/dist/dts/containers/LifecycleInQueueContainer.d.ts +2 -0
  86. package/dist/dts/containers/LifecyclePendingApiContainer.d.ts +2 -0
  87. package/dist/dts/containers/LifecyclePostActionContainer.d.ts +2 -0
  88. package/dist/dts/containers/LifecycleReceivedContainer.d.ts +2 -0
  89. package/dist/dts/data/devComponents.d.ts +4 -0
  90. package/dist/dts/data/devRoutes.d.ts +8 -0
  91. package/dist/dts/hooks/useStoreSize.d.ts +7 -0
  92. package/{src/index.ts → dist/dts/index.d.ts} +0 -0
  93. package/dist/dts/store/selectors.d.ts +2235 -0
  94. package/dist/dts/types.d.ts +0 -0
  95. package/dist/dts/utils/date.d.ts +4 -0
  96. package/dist/dts/utils/download.d.ts +1 -0
  97. package/{src/hooks/useStoreSize.ts → dist/hooks/useStoreSize.js} +2 -13
  98. package/dist/index.d.ts +1 -0
  99. package/dist/index.js +1 -0
  100. package/dist/redux-connected-devtools.es.js +992 -0
  101. package/dist/redux-connected-devtools.es.js.map +1 -0
  102. package/dist/redux-connected-devtools.umd.js +247 -0
  103. package/dist/redux-connected-devtools.umd.js.map +1 -0
  104. package/dist/store/selectors.js +143 -0
  105. package/dist/types.js +1 -0
  106. package/{src/utils/date.ts → dist/utils/date.js} +0 -3
  107. package/{src/utils/download.ts → dist/utils/download.js} +3 -3
  108. package/package.json +7 -5
  109. package/.env +0 -2
  110. package/.prettierrc.js +0 -10
  111. package/index.html +0 -58
  112. package/jest.config.js +0 -8
  113. package/src/__tests__/sum.ts +0 -9
  114. package/src/components/DevInspector/DevInspector.scss +0 -2
  115. package/src/components/DevInspector/DevInspector.tsx +0 -34
  116. package/src/components/DevList/DevList.scss +0 -2
  117. package/src/components/DevList/DevList.tsx +0 -65
  118. package/src/components/DevMenu/DevMenu.scss +0 -2
  119. package/src/components/DevMenu/DevMenu.tsx +0 -77
  120. package/src/components/DevPanel/DevPanel.scss +0 -2
  121. package/src/components/DevtoolsApp/DevtoolsApp.scss +0 -2
  122. package/src/components/DevtoolsApp/DevtoolsApp.tsx +0 -45
  123. package/src/components/Icon/AllIcons.tsx +0 -66
  124. package/src/components/Icon/Icon.scss +0 -2
  125. package/src/components/Icon/Icon.tsx +0 -28
  126. package/src/components/JourneyRow/JourneyRow.scss +0 -2
  127. package/src/components/JsonViewer/JsonViewer.scss +0 -2
  128. package/src/components/JsonViewer/JsonViewer.tsx +0 -23
  129. package/src/components/Lifecycle/Lifecycle.scss +0 -2
  130. package/src/components/Lifecycle/Lifecycle.tsx +0 -36
  131. package/src/components/LogsViewer/LogsViewer.scss +0 -2
  132. package/src/components/LogsViewer/LogsViewer.style.tsx +0 -5
  133. package/src/components/LogsViewer/LogsViewer.tsx +0 -14
  134. package/src/components/RequestDetails/RequestDetails.scss +0 -2
  135. package/src/components/RequestDetails/RequestDetails.tsx +0 -60
  136. package/src/components/RequestJourney/RequestJourney.scss +0 -2
  137. package/src/components/RequestJourney/RequestJourney.tsx +0 -33
  138. package/src/components/RequestRow/RequestRow.scss +0 -2
  139. package/src/components/RequestRow/RequestRow.tsx +0 -37
  140. package/src/components/Size/Size.scss +0 -2
  141. package/src/components/Size/Size.tsx +0 -21
  142. package/src/components/StateViewer/StateViewer.scss +0 -2
  143. package/src/components/StateViewer/StateViewer.style.tsx +0 -5
  144. package/src/components/StateViewer/StateViewer.tsx +0 -17
  145. package/src/components/Time/Time.scss +0 -2
  146. package/src/containers/DevMenuContainer.tsx +0 -28
  147. package/src/containers/DevPanelContainer.tsx +0 -12
  148. package/src/containers/JsonViewerContainer.tsx +0 -8
  149. package/src/containers/LifecycleContainer.tsx +0 -12
  150. package/src/containers/LogsViewerContainer.tsx +0 -8
  151. package/src/containers/StateViewerContainer.tsx +0 -8
  152. package/src/data/devRouter.ts +0 -107
  153. package/src/store/initialState.ts +0 -42
  154. package/src/store/selectors.ts +0 -220
  155. package/src/types.ts +0 -1
  156. package/tsconfig.json +0 -18
  157. package/vite.config.ts +0 -27
@@ -1,220 +0,0 @@
1
- import { createSelector } from 'reselect';
2
- import { connectedSelectors, LifecycleStatus } from 'redux-connected';
3
-
4
- export const $requests = createSelector(
5
- connectedSelectors.$requests,
6
- (requests) => {
7
- return requests
8
- .map((request) => {
9
- const { items } = request;
10
-
11
- const lastPoint = items[items.length - 1] ?? {};
12
-
13
- const journeyWithDelta = items.map((point, index) => {
14
- const nextPoint = items[index + 1] ?? point;
15
- const delta = nextPoint.timestamp - point.timestamp;
16
-
17
- return {
18
- ...point,
19
- delta,
20
- };
21
- });
22
-
23
- return {
24
- ...request,
25
- items: journeyWithDelta,
26
- lastPointTimestamp: lastPoint.timestamp,
27
- lastPointStatus: lastPoint.status,
28
- };
29
- })
30
- .sort((a: any, b: any) => {
31
- if (a.lastPointTimestamp === b.lastPointTimestamp) {
32
- return 0;
33
- }
34
-
35
- return a.lastPointTimestamp > b.lastPointTimestamp ? -1 : 1;
36
- });
37
- }
38
- );
39
-
40
- // 1
41
- export const $requestsReceived = createSelector($requests, (requests) => {
42
- return requests.filter((request) => {
43
- const { items } = request;
44
- const lastPoint = items[items.length - 1];
45
- return lastPoint && lastPoint.status === LifecycleStatus.RECEIVED;
46
- });
47
- });
48
-
49
- export const $requestsReceivedPast = createSelector($requests, (requests) => {
50
- return requests.filter((request) => {
51
- const { items } = request;
52
-
53
- return items.find((point) => point.status === LifecycleStatus.RECEIVED);
54
- });
55
- });
56
-
57
- // 2
58
- export const $requestsInQueue = createSelector($requests, (requests) => {
59
- return requests.filter((request) => {
60
- const { items } = request;
61
- const lastPoint = items[items.length - 1];
62
- return lastPoint && lastPoint.status === LifecycleStatus.IN_QUEUE;
63
- });
64
- });
65
-
66
- export const $requestsInQueuePast = createSelector($requests, (requests) => {
67
- return requests.filter((request) => {
68
- const { items } = request;
69
- return items.find((point) => point.status === LifecycleStatus.IN_QUEUE);
70
- });
71
- });
72
-
73
- // 3
74
- export const $requestsPendingApi = createSelector($requests, (requests) => {
75
- return requests.filter((request) => {
76
- const { items } = request;
77
- const lastPoint = items[items.length - 1];
78
- return (
79
- lastPoint &&
80
- lastPoint.status === LifecycleStatus.PENDING_API_RESPONSE
81
- );
82
- });
83
- });
84
-
85
- export const $requestsPendingApiPast = createSelector($requests, (requests) => {
86
- return requests.filter((request) => {
87
- const { items } = request;
88
-
89
- return items.find(
90
- (point) => point.status === LifecycleStatus.PENDING_API_RESPONSE
91
- );
92
- });
93
- });
94
-
95
- // 4
96
- export const $requestsPostAction = createSelector($requests, (requests) => {
97
- return requests.filter((request) => {
98
- const { items } = request;
99
- const lastPoint = items[items.length - 1];
100
- return lastPoint && lastPoint.status === LifecycleStatus.POST_ACTION;
101
- });
102
- });
103
-
104
- export const $requestsPostActionPast = createSelector($requests, (requests) => {
105
- return requests.filter((request) => {
106
- const { items } = request;
107
-
108
- return items.find(
109
- (point) => point.status === LifecycleStatus.POST_ACTION
110
- );
111
- });
112
- });
113
-
114
- // e1
115
- export const $requestsGeneralError = createSelector($requests, (requests) => {
116
- return requests.filter((request) => {
117
- const { items } = request;
118
- const lastPoint = items[items.length - 1];
119
- return lastPoint && lastPoint.status === LifecycleStatus.GENERAL_ERROR;
120
- });
121
- });
122
-
123
- export const $requestsGeneralErrorPast = createSelector(
124
- $requests,
125
- (requests) => {
126
- return requests.filter((request) => {
127
- const { items } = request;
128
-
129
- return items.find(
130
- (point) => point.status === LifecycleStatus.GENERAL_ERROR
131
- );
132
- });
133
- }
134
- );
135
-
136
- // e2
137
- export const $requestsApiError = createSelector($requests, (requests) => {
138
- return requests.filter((request) => {
139
- const { items } = request;
140
- const lastPoint = items[items.length - 1];
141
- return lastPoint && lastPoint.status === LifecycleStatus.API_ERROR;
142
- });
143
- });
144
-
145
- // e3
146
- export const $requestsFailed = createSelector($requests, (requests) => {
147
- return requests.filter((request) => {
148
- const { items } = request;
149
-
150
- return items.find((point) => point.status === LifecycleStatus.FAILED);
151
- });
152
- });
153
-
154
- export const $requestsApiErrorPast = createSelector($requests, (requests) => {
155
- return requests.filter((request) => {
156
- const { items } = request;
157
-
158
- return items.find(
159
- (point) => point.status === LifecycleStatus.API_ERROR
160
- );
161
- });
162
- });
163
-
164
- export const $menuBadges = createSelector(
165
- $requestsReceived,
166
- $requestsInQueue,
167
- $requestsGeneralError,
168
- $requestsPendingApi,
169
- $requestsApiError,
170
- $requestsFailed,
171
- $requestsPostAction,
172
- (
173
- requestsReceived,
174
- requestsInQueue,
175
- requestsGeneralError,
176
- requestsPendingApi,
177
- requestsApiError,
178
- requestsFailed,
179
- requestsPostAction
180
- ) => {
181
- return {
182
- lifecycleReceived: requestsReceived.length,
183
- lifecycleInQueue: requestsInQueue.length,
184
- lifecycleGeneralError: requestsGeneralError.length,
185
- lifecyclePendingApi: requestsPendingApi.length,
186
- lifecycleApiError: requestsApiError.length,
187
- lifecycleFailed: requestsFailed.length,
188
- lifecyclePostAction: requestsPostAction.length,
189
- };
190
- }
191
- );
192
-
193
- export const $menuBadgesTotal = createSelector(
194
- $requestsReceivedPast,
195
- $requestsInQueuePast,
196
- $requestsGeneralErrorPast,
197
- $requestsPendingApiPast,
198
- $requestsApiErrorPast,
199
- $requestsFailed,
200
- $requestsPostActionPast,
201
- (
202
- requestsReceived,
203
- requestsInQueue,
204
- requestsGeneralError,
205
- requestsPendingApi,
206
- requestsApiError,
207
- requestsFailed,
208
- requestsPostAction
209
- ) => {
210
- return {
211
- lifecycleReceived: requestsReceived.length,
212
- lifecycleInQueue: requestsInQueue.length,
213
- lifecycleGeneralError: requestsGeneralError.length,
214
- lifecyclePendingApi: requestsPendingApi.length,
215
- lifecycleApiError: requestsApiError.length,
216
- lifecycleFailed: requestsFailed.length,
217
- lifecyclePostAction: requestsPostAction.length,
218
- };
219
- }
220
- );
package/src/types.ts DELETED
@@ -1 +0,0 @@
1
-
package/tsconfig.json DELETED
@@ -1,18 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "outDir": "dist",
4
- "target": "ES2020",
5
- "module": "ES2022",
6
- "lib": ["ES2020", "dom"],
7
- "moduleResolution": "node",
8
- "esModuleInterop": true,
9
- "declaration": true,
10
- "declarationDir": "dist/dts",
11
- "jsx": "react-jsx",
12
- "forceConsistentCasingInFileNames": true,
13
- "strict": true,
14
- "skipLibCheck": true,
15
- "types": ["types-base", "@types/jest"]
16
- },
17
- "include": ["src/*.ts", "test/*.ts", "src/context.tsx"]
18
- }
package/vite.config.ts DELETED
@@ -1,27 +0,0 @@
1
- import path from 'path';
2
- import { defineConfig } from 'vite';
3
- import dts from 'vite-plugin-dts';
4
- import { externals } from 'shared-base';
5
- import analyze from 'rollup-plugin-analyzer';
6
- import p from './package.json';
7
-
8
- export default defineConfig({
9
- plugins: [dts({})],
10
- build: {
11
- sourcemap: true,
12
- lib: {
13
- entry: path.resolve(__dirname, 'src/index.ts'),
14
- name: 'ReduxConnectedDevtools',
15
- formats: ['es', 'umd'],
16
- fileName: (format) => `redux-connected-devtools.${format}.js`,
17
- },
18
- rollupOptions: {
19
- plugins: [analyze()],
20
- ...externals({
21
- react: '',
22
- 'react/jsx-runtime': '',
23
- ...p.dependencies,
24
- }),
25
- },
26
- },
27
- });