redux-connected-devtools 0.0.13 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (314) hide show
  1. package/.env +2 -0
  2. package/.prettierrc.js +10 -0
  3. package/.vscode/settings.json +12 -0
  4. package/.vscode/tasks.json +33 -0
  5. package/LICENSE +21 -0
  6. package/README.md +5 -0
  7. package/index.html +58 -0
  8. package/jest.config.js +8 -0
  9. package/package.json +47 -62
  10. package/public/devtools.html +8 -0
  11. package/public/icon.png +0 -0
  12. package/public/manifest.json +29 -0
  13. package/public/options.html +12 -0
  14. package/public/panel.html +39 -0
  15. package/public/popup.html +12 -0
  16. package/src/__tests__/sum.ts +9 -0
  17. package/src/background.ts +49 -0
  18. package/src/components/DevInspector/DevInspector.scss +2 -0
  19. package/src/components/DevInspector/DevInspector.style.tsx +8 -0
  20. package/src/components/DevInspector/DevInspector.tsx +34 -0
  21. package/src/components/DevList/DevList.scss +2 -0
  22. package/src/components/DevList/DevList.style.tsx +34 -0
  23. package/src/components/DevList/DevList.tsx +62 -0
  24. package/src/components/DevMenu/DevMenu.scss +2 -0
  25. package/src/components/DevMenu/DevMenu.style.tsx +53 -0
  26. package/src/components/DevMenu/DevMenu.tsx +76 -0
  27. package/src/components/DevPanel/DevPanel.scss +2 -0
  28. package/src/components/DevPanel/DevPanel.style.tsx +16 -0
  29. package/src/components/DevPanel/DevPanel.tsx +51 -0
  30. package/src/components/JourneyRow/JourneyRow.scss +2 -0
  31. package/src/components/JourneyRow/JourneyRow.style.tsx +46 -0
  32. package/src/components/JourneyRow/JourneyRow.tsx +58 -0
  33. package/src/components/JsonViewer/JsonViewer.scss +2 -0
  34. package/src/components/JsonViewer/JsonViewer.style.tsx +31 -0
  35. package/src/components/JsonViewer/JsonViewer.tsx +24 -0
  36. package/src/components/Lifecycle/Lifecycle.scss +2 -0
  37. package/src/components/Lifecycle/Lifecycle.style.tsx +6 -0
  38. package/src/components/Lifecycle/Lifecycle.tsx +31 -0
  39. package/src/components/LogsViewer/LogsViewer.scss +2 -0
  40. package/src/components/LogsViewer/LogsViewer.style.tsx +5 -0
  41. package/src/components/LogsViewer/LogsViewer.tsx +14 -0
  42. package/src/components/RequestDetails/RequestDetails.scss +2 -0
  43. package/src/components/RequestDetails/RequestDetails.style.tsx +20 -0
  44. package/src/components/RequestDetails/RequestDetails.tsx +60 -0
  45. package/src/components/RequestJourney/RequestJourney.scss +2 -0
  46. package/src/components/RequestJourney/RequestJourney.style.tsx +6 -0
  47. package/src/components/RequestJourney/RequestJourney.tsx +33 -0
  48. package/src/components/RequestRow/RequestRow.scss +2 -0
  49. package/src/components/RequestRow/RequestRow.style.tsx +31 -0
  50. package/src/components/RequestRow/RequestRow.tsx +37 -0
  51. package/src/components/Time/Time.scss +2 -0
  52. package/src/components/Time/Time.style.tsx +17 -0
  53. package/src/components/Time/Time.tsx +25 -0
  54. package/src/containers/DevMenuContainer.tsx +28 -0
  55. package/src/containers/DevPanelContainer.tsx +10 -0
  56. package/src/containers/EndpointConfigsContainer.tsx +12 -0
  57. package/src/containers/EndpointStatusContainer.tsx +12 -0
  58. package/src/containers/GlobalSettingsContainer.tsx +12 -0
  59. package/src/containers/GlobalStatsContainer.tsx +12 -0
  60. package/src/containers/LifecycleApiErrorContainer.tsx +11 -0
  61. package/src/containers/LifecycleGeneralErrorContainer.tsx +11 -0
  62. package/src/containers/LifecycleInQueueContainer.tsx +11 -0
  63. package/src/containers/LifecyclePendingApiContainer.tsx +11 -0
  64. package/src/containers/LifecyclePostActionContainer.tsx +11 -0
  65. package/src/containers/LifecycleReceivedContainer.tsx +11 -0
  66. package/src/content_script.ts +19 -0
  67. package/src/data/devComponents.tsx +25 -0
  68. package/src/data/devRoutes.ts +83 -0
  69. package/src/devtools.tsx +29 -0
  70. package/src/index.ts +1 -0
  71. package/src/injected_script.ts +9 -0
  72. package/src/options.tsx +77 -0
  73. package/src/panel.tsx +30 -0
  74. package/src/popup.tsx +63 -0
  75. package/src/store/initialState.ts +42 -0
  76. package/src/store/selectors.ts +205 -0
  77. package/src/sum.ts +3 -0
  78. package/src/types.ts +1 -0
  79. package/src/utils/date.ts +3 -0
  80. package/tsconfig.json +24 -0
  81. package/vite.config.ts +45 -0
  82. package/webpack/webpack.common.js +46 -0
  83. package/webpack/webpack.dev.js +7 -0
  84. package/webpack/webpack.prod.js +6 -0
  85. package/esm/components/Config/Config.d.ts +0 -6
  86. package/esm/components/Config/Config.js +0 -15
  87. package/esm/components/DevTools/DevTools.d.ts +0 -4
  88. package/esm/components/DevTools/DevTools.js +0 -19
  89. package/esm/components/Dispatcher/Dispatcher.d.ts +0 -8
  90. package/esm/components/Dispatcher/Dispatcher.js +0 -62
  91. package/esm/components/GlobalSettings/GlobalSettings.d.ts +0 -6
  92. package/esm/components/GlobalSettings/GlobalSettings.js +0 -16
  93. package/esm/components/Group/Group.d.ts +0 -9
  94. package/esm/components/Group/Group.js +0 -14
  95. package/esm/components/Json/Json.d.ts +0 -7
  96. package/esm/components/Json/Json.js +0 -9
  97. package/esm/components/Logs/Logs.d.ts +0 -6
  98. package/esm/components/Logs/Logs.js +0 -49
  99. package/esm/components/Monitor/Monitor.d.ts +0 -6
  100. package/esm/components/Monitor/Monitor.js +0 -52
  101. package/esm/components/OverlayManager/OverlayManager.d.ts +0 -6
  102. package/esm/components/OverlayManager/OverlayManager.js +0 -17
  103. package/esm/components/Panel/Panel.d.ts +0 -14
  104. package/esm/components/Panel/Panel.js +0 -46
  105. package/esm/components/Preview/Preview.d.ts +0 -19
  106. package/esm/components/Preview/Preview.js +0 -58
  107. package/esm/components/Redux/Redux.d.ts +0 -6
  108. package/esm/components/Redux/Redux.js +0 -72
  109. package/esm/components/ReduxSettings/ReduxSettings.d.ts +0 -9
  110. package/esm/components/ReduxSettings/ReduxSettings.js +0 -60
  111. package/esm/components/Requests/Requests.d.ts +0 -6
  112. package/esm/components/Requests/Requests.js +0 -61
  113. package/esm/components/Status/Status.d.ts +0 -6
  114. package/esm/components/Status/Status.js +0 -16
  115. package/esm/components/TaskManager/TaskManager.d.ts +0 -9
  116. package/esm/components/TaskManager/TaskManager.js +0 -22
  117. package/esm/components/Toggle/Toggle.d.ts +0 -9
  118. package/esm/components/Toggle/Toggle.js +0 -8
  119. package/esm/components/VirtualList/VirtualList.d.ts +0 -19
  120. package/esm/components/VirtualList/VirtualList.js +0 -30
  121. package/esm/components/Visual/Visual.d.ts +0 -6
  122. package/esm/components/Visual/Visual.js +0 -38
  123. package/esm/components/prefix.d.ts +0 -2
  124. package/esm/components/prefix.js +0 -2
  125. package/esm/data/boxSizes.d.ts +0 -2
  126. package/esm/data/boxSizes.js +0 -10
  127. package/esm/data/dispatcherActions.d.ts +0 -5
  128. package/esm/data/dispatcherActions.js +0 -35
  129. package/esm/data/panels.d.ts +0 -2
  130. package/esm/data/panels.js +0 -74
  131. package/esm/data/panelsArrangements.d.ts +0 -19
  132. package/esm/data/panelsArrangements.js +0 -19
  133. package/esm/data/reduxFilterOptions.d.ts +0 -20
  134. package/esm/data/reduxFilterOptions.js +0 -223
  135. package/esm/data/widgets.d.ts +0 -2
  136. package/esm/data/widgets.js +0 -85
  137. package/esm/hooks/index.d.ts +0 -7
  138. package/esm/hooks/index.js +0 -7
  139. package/esm/hooks/misc/hookState.d.ts +0 -8
  140. package/esm/hooks/misc/hookState.js +0 -6
  141. package/esm/hooks/misc/util.d.ts +0 -5
  142. package/esm/hooks/misc/util.js +0 -21
  143. package/esm/hooks/useBoolean.d.ts +0 -3
  144. package/esm/hooks/useBoolean.js +0 -3
  145. package/esm/hooks/useClickAway.d.ts +0 -3
  146. package/esm/hooks/useClickAway.js +0 -27
  147. package/esm/hooks/useEvent.d.ts +0 -13
  148. package/esm/hooks/useEvent.js +0 -35
  149. package/esm/hooks/useKey.d.ts +0 -12
  150. package/esm/hooks/useKey.js +0 -29
  151. package/esm/hooks/useList.d.ts +0 -57
  152. package/esm/hooks/useList.js +0 -74
  153. package/esm/hooks/useLocalstorage.d.ts +0 -10
  154. package/esm/hooks/useLocalstorage.js +0 -75
  155. package/esm/hooks/usePanels.d.ts +0 -10
  156. package/esm/hooks/usePanels.js +0 -43
  157. package/esm/hooks/useSetState.d.ts +0 -2
  158. package/esm/hooks/useSetState.js +0 -10
  159. package/esm/hooks/useToggle.d.ts +0 -2
  160. package/esm/hooks/useToggle.js +0 -6
  161. package/esm/hooks/useUpdate.d.ts +0 -1
  162. package/esm/hooks/useUpdate.js +0 -6
  163. package/esm/index.d.ts +0 -3
  164. package/esm/index.js +0 -3
  165. package/esm/selectors/selectors.d.ts +0 -21
  166. package/esm/selectors/selectors.js +0 -20
  167. package/esm/theme/devtoolsTheme.d.ts +0 -2
  168. package/esm/theme/devtoolsTheme.js +0 -95
  169. package/esm/utils/filter.d.ts +0 -3
  170. package/esm/utils/filter.js +0 -25
  171. package/esm/utils/localStorage.d.ts +0 -2
  172. package/esm/utils/localStorage.js +0 -21
  173. package/lib/components/Colors copy.css +0 -3
  174. package/lib/components/Colors copy.css.map +0 -1
  175. package/lib/components/Colors.css +0 -3
  176. package/lib/components/Colors.css.map +0 -1
  177. package/lib/components/ColorsDark.css +0 -3
  178. package/lib/components/ColorsDark.css.map +0 -1
  179. package/lib/components/Config/Config.css +0 -15
  180. package/lib/components/Config/Config.css.map +0 -1
  181. package/lib/components/Config/Config.d.ts +0 -6
  182. package/lib/components/Config/Config.js +0 -20
  183. package/lib/components/DevTools/DevTools.css +0 -3
  184. package/lib/components/DevTools/DevTools.css.map +0 -1
  185. package/lib/components/DevTools/DevTools.d.ts +0 -4
  186. package/lib/components/DevTools/DevTools.js +0 -24
  187. package/lib/components/Dispatcher/Dispatcher.css +0 -15
  188. package/lib/components/Dispatcher/Dispatcher.css.map +0 -1
  189. package/lib/components/Dispatcher/Dispatcher.d.ts +0 -8
  190. package/lib/components/Dispatcher/Dispatcher.js +0 -66
  191. package/lib/components/GlobalSettings/GlobalSettings.css +0 -3
  192. package/lib/components/GlobalSettings/GlobalSettings.css.map +0 -1
  193. package/lib/components/GlobalSettings/GlobalSettings.d.ts +0 -6
  194. package/lib/components/GlobalSettings/GlobalSettings.js +0 -21
  195. package/lib/components/Group/Group.css +0 -41
  196. package/lib/components/Group/Group.css.map +0 -1
  197. package/lib/components/Group/Group.d.ts +0 -9
  198. package/lib/components/Group/Group.js +0 -19
  199. package/lib/components/Json/Json.css +0 -3
  200. package/lib/components/Json/Json.css.map +0 -1
  201. package/lib/components/Json/Json.d.ts +0 -7
  202. package/lib/components/Json/Json.js +0 -14
  203. package/lib/components/Logs/Logs.css +0 -3
  204. package/lib/components/Logs/Logs.css.map +0 -1
  205. package/lib/components/Logs/Logs.d.ts +0 -6
  206. package/lib/components/Logs/Logs.js +0 -54
  207. package/lib/components/Monitor/Monitor.css +0 -3
  208. package/lib/components/Monitor/Monitor.css.map +0 -1
  209. package/lib/components/Monitor/Monitor.d.ts +0 -6
  210. package/lib/components/Monitor/Monitor.js +0 -57
  211. package/lib/components/OverlayManager/OverlayManager.css +0 -72
  212. package/lib/components/OverlayManager/OverlayManager.css.map +0 -1
  213. package/lib/components/OverlayManager/OverlayManager.d.ts +0 -6
  214. package/lib/components/OverlayManager/OverlayManager.js +0 -22
  215. package/lib/components/Panel/Panel.css +0 -35
  216. package/lib/components/Panel/Panel.css.map +0 -1
  217. package/lib/components/Panel/Panel.d.ts +0 -14
  218. package/lib/components/Panel/Panel.js +0 -51
  219. package/lib/components/Prefix copy.css +0 -3
  220. package/lib/components/Prefix copy.css.map +0 -1
  221. package/lib/components/Prefix.css +0 -3
  222. package/lib/components/Prefix.css.map +0 -1
  223. package/lib/components/Preview/Preview.css +0 -29
  224. package/lib/components/Preview/Preview.css.map +0 -1
  225. package/lib/components/Preview/Preview.d.ts +0 -19
  226. package/lib/components/Preview/Preview.js +0 -64
  227. package/lib/components/Reading.css +0 -107
  228. package/lib/components/Reading.css.map +0 -1
  229. package/lib/components/Redux/Redux.css +0 -86
  230. package/lib/components/Redux/Redux.css.map +0 -1
  231. package/lib/components/Redux/Redux.d.ts +0 -6
  232. package/lib/components/Redux/Redux.js +0 -77
  233. package/lib/components/ReduxSettings/ReduxSettings.css +0 -10
  234. package/lib/components/ReduxSettings/ReduxSettings.css.map +0 -1
  235. package/lib/components/ReduxSettings/ReduxSettings.d.ts +0 -9
  236. package/lib/components/ReduxSettings/ReduxSettings.js +0 -64
  237. package/lib/components/Requests/Requests.css +0 -8
  238. package/lib/components/Requests/Requests.css.map +0 -1
  239. package/lib/components/Requests/Requests.d.ts +0 -6
  240. package/lib/components/Requests/Requests.js +0 -66
  241. package/lib/components/Status/Status.css +0 -15
  242. package/lib/components/Status/Status.css.map +0 -1
  243. package/lib/components/Status/Status.d.ts +0 -6
  244. package/lib/components/Status/Status.js +0 -21
  245. package/lib/components/TaskManager/TaskManager.css +0 -9
  246. package/lib/components/TaskManager/TaskManager.css.map +0 -1
  247. package/lib/components/TaskManager/TaskManager.d.ts +0 -9
  248. package/lib/components/TaskManager/TaskManager.js +0 -28
  249. package/lib/components/Toggle/Toggle.css +0 -3
  250. package/lib/components/Toggle/Toggle.css.map +0 -1
  251. package/lib/components/Toggle/Toggle.d.ts +0 -9
  252. package/lib/components/Toggle/Toggle.js +0 -13
  253. package/lib/components/Variables.css +0 -3
  254. package/lib/components/Variables.css.map +0 -1
  255. package/lib/components/VirtualList/VirtualList.css +0 -13
  256. package/lib/components/VirtualList/VirtualList.css.map +0 -1
  257. package/lib/components/VirtualList/VirtualList.d.ts +0 -19
  258. package/lib/components/VirtualList/VirtualList.js +0 -35
  259. package/lib/components/Visual/Visual.css +0 -56
  260. package/lib/components/Visual/Visual.css.map +0 -1
  261. package/lib/components/Visual/Visual.d.ts +0 -6
  262. package/lib/components/Visual/Visual.js +0 -43
  263. package/lib/components/prefix.d.ts +0 -2
  264. package/lib/components/prefix.js +0 -5
  265. package/lib/data/boxSizes.d.ts +0 -2
  266. package/lib/data/boxSizes.js +0 -13
  267. package/lib/data/dispatcherActions.d.ts +0 -5
  268. package/lib/data/dispatcherActions.js +0 -38
  269. package/lib/data/panels.d.ts +0 -2
  270. package/lib/data/panels.js +0 -77
  271. package/lib/data/panelsArrangements.d.ts +0 -19
  272. package/lib/data/panelsArrangements.js +0 -22
  273. package/lib/data/reduxFilterOptions.d.ts +0 -20
  274. package/lib/data/reduxFilterOptions.js +0 -227
  275. package/lib/data/widgets.d.ts +0 -2
  276. package/lib/data/widgets.js +0 -89
  277. package/lib/hooks/index.d.ts +0 -7
  278. package/lib/hooks/index.js +0 -17
  279. package/lib/hooks/misc/hookState.d.ts +0 -8
  280. package/lib/hooks/misc/hookState.js +0 -10
  281. package/lib/hooks/misc/util.d.ts +0 -5
  282. package/lib/hooks/misc/util.js +0 -27
  283. package/lib/hooks/useBoolean.d.ts +0 -3
  284. package/lib/hooks/useBoolean.js +0 -7
  285. package/lib/hooks/useClickAway.d.ts +0 -3
  286. package/lib/hooks/useClickAway.js +0 -31
  287. package/lib/hooks/useEvent.d.ts +0 -13
  288. package/lib/hooks/useEvent.js +0 -37
  289. package/lib/hooks/useKey.d.ts +0 -12
  290. package/lib/hooks/useKey.js +0 -34
  291. package/lib/hooks/useList.d.ts +0 -57
  292. package/lib/hooks/useList.js +0 -79
  293. package/lib/hooks/useLocalstorage.d.ts +0 -10
  294. package/lib/hooks/useLocalstorage.js +0 -79
  295. package/lib/hooks/usePanels.d.ts +0 -10
  296. package/lib/hooks/usePanels.js +0 -47
  297. package/lib/hooks/useSetState.d.ts +0 -2
  298. package/lib/hooks/useSetState.js +0 -14
  299. package/lib/hooks/useToggle.d.ts +0 -2
  300. package/lib/hooks/useToggle.js +0 -10
  301. package/lib/hooks/useUpdate.d.ts +0 -1
  302. package/lib/hooks/useUpdate.js +0 -9
  303. package/lib/index.css +0 -488
  304. package/lib/index.css.map +0 -1
  305. package/lib/index.d.ts +0 -3
  306. package/lib/index.js +0 -9
  307. package/lib/selectors/selectors.d.ts +0 -21
  308. package/lib/selectors/selectors.js +0 -24
  309. package/lib/theme/devtoolsTheme.d.ts +0 -2
  310. package/lib/theme/devtoolsTheme.js +0 -97
  311. package/lib/utils/filter.d.ts +0 -3
  312. package/lib/utils/filter.js +0 -29
  313. package/lib/utils/localStorage.d.ts +0 -2
  314. package/lib/utils/localStorage.js +0 -26
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type OverlayManagerProps = {
3
- onClose: () => void;
4
- };
5
- export declare function OverlayManager(props: OverlayManagerProps): JSX.Element;
6
- export default OverlayManager;
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
- import { useClickAway, useKey } from 'react-use';
3
- import cssPrefix from '../prefix';
4
- import { TaskManager } from '../TaskManager/TaskManager';
5
- export function OverlayManager(props) {
6
- var ref = React.useRef(null);
7
- useClickAway(ref, props.onClose);
8
- useKey('Escape', props.onClose);
9
- return (React.createElement("div", { className: cssPrefix + "OverlayManager-container" },
10
- React.createElement("div", { className: "content", ref: ref },
11
- React.createElement(TaskManager, { defaultPanelId: "preview", isWide: false, id: "1", className: "area area-1" }),
12
- React.createElement(TaskManager, { defaultPanelId: "redux", isWide: true, id: "center", className: "area area-center" }),
13
- React.createElement(TaskManager, { defaultPanelId: "visual", isWide: false, id: "2", className: "area area-2" }),
14
- React.createElement(TaskManager, { defaultPanelId: "apiStatus", isWide: false, id: "3", className: "area area-3" }),
15
- React.createElement(TaskManager, { defaultPanelId: "requests", isWide: false, id: "4", className: "area area-4" }))));
16
- }
17
- export default OverlayManager;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- interface PanelProps {
3
- id: string;
4
- children: JSX.Element;
5
- onClose?: () => void;
6
- onNew?: () => void;
7
- onToggleSize?: (isWide: boolean) => void;
8
- isWide?: boolean;
9
- showDuplicate?: boolean;
10
- showLock?: boolean;
11
- zIndex?: number;
12
- }
13
- export declare function Panel(props: PanelProps): JSX.Element;
14
- export default Panel;
@@ -1,46 +0,0 @@
1
- import * as React from 'react';
2
- import Draggable from 'react-draggable';
3
- import classnames from 'classnames';
4
- import { useLocalStorage } from 'react-use';
5
- import cssPrefix from '../prefix';
6
- export function Panel(props) {
7
- var id = props.id, isWide = props.isWide, zIndex = props.zIndex;
8
- var draggableRef = React.useRef(null); // https://stackoverflow.com/a/63603903
9
- var _a = useLocalStorage("PANEL_OFFSET_" + id, { x: 0, y: 0 }), offset = _a[0], setOffset = _a[1], clearLocalStoragePosition = _a[2];
10
- var className = classnames(cssPrefix + "Panel-container", {
11
- wide: isWide,
12
- });
13
- var right = 100;
14
- var bottom = 20;
15
- var docWidth = document.documentElement.clientWidth;
16
- var docHeight = document.documentElement.clientHeight;
17
- var boxWidth = isWide ? 750 : 350;
18
- var boxHeight = isWide ? 800 : 390;
19
- var corners = {
20
- left: docWidth - boxWidth - right,
21
- top: docHeight - boxHeight - bottom,
22
- };
23
- var bounds = {
24
- top: -corners.top,
25
- left: -corners.left,
26
- right: right,
27
- bottom: bottom,
28
- };
29
- var handler = isWide ? undefined : '.handler';
30
- function onStop(_ev, data) {
31
- var x = data.x, y = data.y;
32
- setOffset({ x: x, y: y });
33
- }
34
- function onClose() {
35
- clearLocalStoragePosition();
36
- if (props.onClose) {
37
- props.onClose();
38
- }
39
- }
40
- return (React.createElement(Draggable, { nodeRef: draggableRef, handle: handler, bounds: bounds, onStop: onStop, defaultPosition: offset },
41
- React.createElement("div", { ref: draggableRef, className: className, style: { zIndex: zIndex } },
42
- React.createElement("div", { className: "handler" },
43
- React.createElement("div", { className: "close", onClick: onClose }, "X")),
44
- props.children)));
45
- }
46
- export default Panel;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import { Action } from 'redux-store-generator';
3
- import { Log } from 'redux-connected';
4
- import { ApiRequest, SagaState } from 'redux-connected';
5
- export declare type PreviewType = 'request' | 'log' | 'process';
6
- declare type PreviewItem = ApiRequest | Log | SagaState;
7
- export declare type PreviewAction = Action & {
8
- type: 'PREVIEW';
9
- payload: {
10
- item: PreviewItem;
11
- previewType: PreviewType;
12
- };
13
- };
14
- export declare const preview: (item: PreviewItem, previewType: PreviewType) => PreviewAction;
15
- declare type PreviewProps = {
16
- isWide: boolean;
17
- };
18
- export declare function Preview(props: PreviewProps): JSX.Element;
19
- export default Preview;
@@ -1,58 +0,0 @@
1
- import * as React from 'react';
2
- import classnames from 'classnames';
3
- import Json from '../Json/Json';
4
- import { clearMeta, clearActionP, useMonitor } from 'redux-connected';
5
- import cssPrefix from '../prefix';
6
- export var preview = function (item, previewType) { return ({
7
- type: 'PREVIEW',
8
- payload: {
9
- item: item,
10
- previewType: previewType,
11
- },
12
- }); };
13
- export function Preview(props) {
14
- var isWide = props.isWide;
15
- var previews = useMonitor({ onlyLast: true }, function (action) { return action.type === 'PREVIEW'; })[0];
16
- function renderInner(reading) {
17
- if (!reading) {
18
- return React.createElement(NoPreview, null);
19
- }
20
- var payload = reading.action.payload;
21
- var _a = payload || {}, item = _a.item, previewType = _a.previewType;
22
- switch (previewType) {
23
- case 'request':
24
- return React.createElement(PreviewRequest, { item: item });
25
- case 'log':
26
- return React.createElement(PreviewLog, { item: item });
27
- case 'process':
28
- return React.createElement(PreviewProcess, { item: item });
29
- }
30
- }
31
- var className = classnames(cssPrefix + "Preview-container", {
32
- wide: isWide,
33
- });
34
- return React.createElement("div", { className: className }, renderInner(previews[0]));
35
- }
36
- function NoPreview() {
37
- return React.createElement("div", { className: cssPrefix + "NoPreview-container" }, "No preview");
38
- }
39
- function PreviewRequest(props) {
40
- var item = props.item;
41
- var data = clearMeta(item);
42
- data = clearActionP(data);
43
- return (React.createElement("div", { className: cssPrefix + "PreviewRequest-container" },
44
- React.createElement(Json, { value: data })));
45
- }
46
- function PreviewLog(props) {
47
- var item = props.item;
48
- var data = clearMeta(item);
49
- return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
50
- React.createElement(Json, { value: data })));
51
- }
52
- function PreviewProcess(props) {
53
- var item = props.item;
54
- var data = clearMeta(item);
55
- return (React.createElement("div", { className: cssPrefix + "PreviewLog-container" },
56
- React.createElement(Json, { value: data })));
57
- }
58
- export default Preview;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type ReduxProps = {
3
- isWide: boolean;
4
- };
5
- export declare function Redux(props: ReduxProps): JSX.Element;
6
- export default Redux;
@@ -1,72 +0,0 @@
1
- import * as React from 'react';
2
- import * as selectors from '../../selectors/selectors';
3
- import classnames from 'classnames';
4
- import Json from '../Json/Json';
5
- import { filterReadings } from '../../utils/filter';
6
- import { useMonitor } from 'redux-connected';
7
- import { useBoolean, useLocalStorage } from 'react-use';
8
- import { useSelector } from 'react-redux';
9
- import { useState } from 'react';
10
- import VirtualList from '../VirtualList/VirtualList';
11
- import cssPrefix from '../prefix';
12
- var now = new Date().getTime();
13
- export function Redux(props) {
14
- var actionTypes = useSelector(selectors.$actionTypes);
15
- var readings = useMonitor({ monitorState: true })[0];
16
- var _a = useBoolean(false), _showFiltersDialog = _a[0], _toggleFilterDialog = _a[1];
17
- var _b = useState(), currentReading = _b[0], setCurrentReading = _b[1];
18
- var _c = useLocalStorage('REDUX_FILTERS', {}), filters = _c[0], _setFilters = _c[1];
19
- var isWide = props.isWide;
20
- var filteredReading = filterReadings(readings, filters || {}, actionTypes);
21
- function renderList() {
22
- var height = isWide ? 700 : 288;
23
- var className = classnames(cssPrefix + "Redux-list-container", cssPrefix + "Rows-container", {
24
- wide: isWide,
25
- });
26
- return (React.createElement(VirtualList, { className: className, items: filteredReading, height: height, onClick: setCurrentReading }, ReduxRow));
27
- }
28
- function renderDetails() {
29
- var _a = (currentReading || {}), action = _a.action, state = _a.state;
30
- return (React.createElement(React.Fragment, null,
31
- React.createElement("div", { className: "action" },
32
- React.createElement("label", null, "action"),
33
- React.createElement(Json, { value: action })),
34
- React.createElement("div", { className: "state" },
35
- React.createElement("label", null, "state"),
36
- React.createElement(Json, { collapsed: true, value: state }))));
37
- }
38
- function renderFilters() {
39
- return (React.createElement("div", { className: "filters" },
40
- React.createElement("input", { className: "search", placeholder: "search..." })));
41
- }
42
- var className = classnames(cssPrefix + "Redux-container", {
43
- wide: isWide,
44
- });
45
- return (React.createElement("div", { className: className },
46
- React.createElement("div", { className: "list" },
47
- renderFilters(),
48
- renderList()),
49
- React.createElement("div", { className: "details" }, renderDetails())));
50
- }
51
- var ReduxRow = function (props) {
52
- var index = props.index;
53
- var listItem = props.data[index];
54
- var reading = listItem.item;
55
- var action = reading.action, meta = reading.meta;
56
- var _a = action || {}, type = _a.type, payload = _a.payload;
57
- var createdTS = meta.createdTS, shortId = meta.shortId;
58
- var className = classnames(cssPrefix + "Reading-container", {});
59
- var delta = ((createdTS - now) / 1000).toFixed(2);
60
- return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick },
61
- React.createElement("div", { className: "col" },
62
- React.createElement("div", { className: "row" },
63
- React.createElement("div", { className: "type" }, type)),
64
- React.createElement("div", { className: "description short" }, JSON.stringify(payload))),
65
- React.createElement("div", { className: "col" },
66
- React.createElement("div", { className: "timestamp" },
67
- "+",
68
- delta,
69
- "s"),
70
- React.createElement("div", { className: "id" }, shortId))));
71
- };
72
- export default Redux;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type SavedFilters = Record<string, boolean>;
3
- declare type ReduxSettingsProps = {
4
- filters?: SavedFilters;
5
- setFilters(filters: SavedFilters): void;
6
- onDismiss(): void;
7
- };
8
- export declare function ReduxSettings(props: ReduxSettingsProps): JSX.Element;
9
- export default ReduxSettings;
@@ -1,60 +0,0 @@
1
- import { __assign } from "tslib";
2
- import * as React from 'react';
3
- import { useEffect, useState } from 'react';
4
- import { Dialog, DialogType, DialogFooter, DefaultButton, Checkbox, Stack, Dropdown, } from '@fluentui/react';
5
- import { findPreset, readingsFilters, presets } from '../../data/reduxFilterOptions';
6
- import cssPrefix from '../prefix';
7
- export function ReduxSettings(props) {
8
- var filters = props.filters, setFilters = props.setFilters;
9
- var _a = useState(), selectedPreset = _a[0], setSelectedPreset = _a[1];
10
- useEffect(function () {
11
- refreshPreset(filters || {});
12
- }, [filters]);
13
- function refreshPreset(newFilters) {
14
- var preset = findPreset(newFilters);
15
- setSelectedPreset(preset.key);
16
- }
17
- function onToggle(id, isChecked) {
18
- var _a;
19
- if (typeof isChecked !== 'undefined') {
20
- var newFilters = __assign(__assign({}, filters), (_a = {}, _a[id] = isChecked, _a));
21
- setFilters(newFilters);
22
- }
23
- }
24
- var onPresetChange = function (_event, item) {
25
- var preset = item;
26
- var _a = preset || {}, isCustom = _a.isCustom, _b = _a.selectedItems, selectedItems = _b === void 0 ? [] : _b;
27
- if (item) {
28
- setSelectedPreset(item.key);
29
- }
30
- if (isCustom)
31
- return;
32
- var newFilters = selectedItems.reduce(function (output, key) {
33
- var _a;
34
- return (__assign(__assign({}, output), (_a = {}, _a[key] = true, _a)));
35
- }, {});
36
- setFilters(newFilters);
37
- };
38
- function renderCheckbox(option) {
39
- var id = option.id, label = option.label;
40
- var isChecked = (filters || {})[id];
41
- return (React.createElement(Checkbox, { key: id + isChecked, label: label, checked: isChecked, onChange: function (_ev, isChecked) { return onToggle(id, isChecked); } }));
42
- }
43
- return (React.createElement("div", { className: cssPrefix + "ReduxSettings-container" },
44
- React.createElement(Dialog, { minWidth: 400, onDismiss: props.onDismiss, hidden: false, dialogContentProps: {
45
- type: DialogType.largeHeader,
46
- showCloseButton: true,
47
- title: 'Filter Actions',
48
- className: cssPrefix + "ReduxSettings-container",
49
- }, modalProps: {
50
- isBlocking: false,
51
- } },
52
- React.createElement("div", null,
53
- React.createElement(Dropdown, { selectedKey: selectedPreset, onChange: onPresetChange, placeholder: "Load a preset", options: presets })),
54
- React.createElement("div", { className: "row" },
55
- React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return option.isShow; }).map(function (option) { return renderCheckbox(option); })),
56
- React.createElement(Stack, { tokens: { childrenGap: 10 } }, readingsFilters.filter(function (option) { return !option.isShow; }).map(function (option) { return renderCheckbox(option); }))),
57
- React.createElement(DialogFooter, null,
58
- React.createElement(DefaultButton, { onClick: props.onDismiss, text: "Close" })))));
59
- }
60
- export default ReduxSettings;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type RequestsProps = {
3
- isWide: boolean;
4
- };
5
- export declare function Requests(props: RequestsProps): JSX.Element;
6
- export default Requests;
@@ -1,61 +0,0 @@
1
- import * as React from 'react';
2
- import VirtualList from '../VirtualList/VirtualList';
3
- import classnames from 'classnames';
4
- import * as selectors from '../../selectors/selectors';
5
- import { isEmpty } from 'lodash';
6
- import { useDispatch, useSelector } from 'react-redux';
7
- import { preview } from '../Preview/Preview';
8
- import { ApiRequestStatus } from 'redux-connected/lib/types/types';
9
- import cssPrefix from '../prefix';
10
- var now = new Date().getTime();
11
- export function Requests(props) {
12
- var dispatch = useDispatch();
13
- var requests = useSelector(selectors.$requestsRaw);
14
- var isWide = props.isWide;
15
- function onClick(request) {
16
- dispatch(preview(request, 'request'));
17
- }
18
- var className = classnames(cssPrefix + "Logs-container", cssPrefix + "Rows-container", {
19
- wide: isWide,
20
- });
21
- var height = isWide ? 735 : 325;
22
- return (React.createElement("div", { className: cssPrefix + "Requests-container" },
23
- React.createElement(VirtualList, { className: className, items: requests, height: height, onClick: onClick }, RequestRow)));
24
- }
25
- var RequestRow = function (props) {
26
- var index = props.index;
27
- var listItem = props.data[index];
28
- var apiRequest = listItem.item;
29
- var meta = apiRequest.meta, method = apiRequest.method, path = apiRequest.path, params = apiRequest.params, status = apiRequest.status, errorType = apiRequest.errorType, errorStatus = apiRequest.errorStatus;
30
- var createdTS = meta.createdTS, id = meta.id, shortId = meta.shortId, sequence = meta.sequence;
31
- var className = classnames(cssPrefix + "Reading-container", {});
32
- var delta = ((createdTS - now) / 1000).toFixed(2);
33
- function renderStatus() {
34
- var text;
35
- var isError = status === ApiRequestStatus.ERROR;
36
- if (isError) {
37
- text = status + " (" + errorType + " " + errorStatus + ")";
38
- }
39
- else {
40
- text = status;
41
- }
42
- var className = classnames('status', { error: isError });
43
- return React.createElement("span", { className: className }, text);
44
- }
45
- return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick, key: id },
46
- React.createElement("div", { className: "col" },
47
- React.createElement("div", { className: "row" },
48
- React.createElement("div", { className: "sequence" }, sequence),
49
- React.createElement("div", { className: "badge" }, method),
50
- React.createElement("div", { className: "path", title: path }, path)),
51
- React.createElement("div", { className: "description" },
52
- renderStatus(),
53
- isEmpty(params) ? '' : JSON.stringify(params))),
54
- React.createElement("div", { className: "col" },
55
- React.createElement("div", { className: "timestamp" },
56
- "+",
57
- delta,
58
- "s"),
59
- React.createElement("div", { className: "id" }, shortId))));
60
- };
61
- export default Requests;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type StateProps = {
3
- isWide: boolean;
4
- };
5
- export declare function Status(props: StateProps): JSX.Element;
6
- export default Status;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import classnames from 'classnames';
3
- import Json from '../Json/Json';
4
- import * as selectors from '../../selectors/selectors';
5
- import { useSelector } from 'react-redux';
6
- import cssPrefix from '../prefix';
7
- export function Status(props) {
8
- var isWide = props.isWide;
9
- var status = useSelector(selectors.$status);
10
- var className = classnames(cssPrefix + "Status-container", {
11
- wide: isWide,
12
- });
13
- return (React.createElement("div", { className: className },
14
- React.createElement(Json, { value: status })));
15
- }
16
- export default Status;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { PanelChildProps } from '../../hooks/usePanels';
3
- declare type TaskManagerProps = {
4
- defaultPanelId?: string;
5
- className?: string;
6
- };
7
- export declare function TaskManager(props: PanelChildProps & TaskManagerProps): JSX.Element;
8
- export declare function TaskManagers(): JSX.Element;
9
- export default TaskManagers;
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- // import Monitor from '../Monitor/Monitor';
3
- // import Requests from '../Requests/Requests';
4
- // import Redux from '../Redux/Redux';
5
- // import Config from '../Config/Config';
6
- // import Status from '../Status/Status';
7
- // import Preview from '../Preview/Preview';
8
- // import Logs from '../Logs/Logs';
9
- // import Visual from '../Visual/Visual';
10
- // import GlobalSettings from '../GlobalSettings/GlobalSettings';
11
- import { usePanels } from '../../hooks/usePanels';
12
- import classnames from 'classnames';
13
- import cssPrefix from '../prefix';
14
- export function TaskManager(props) {
15
- var className = classnames(cssPrefix + "TaskManager-container", props.className);
16
- return React.createElement("div", { className: className }, "grid");
17
- }
18
- export function TaskManagers() {
19
- var jsx = usePanels(TaskManager);
20
- return React.createElement(React.Fragment, null, jsx);
21
- }
22
- export default TaskManagers;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import 'react-toggle/style.css';
3
- import Toggle from 'react-toggle';
4
- declare type ToggleProps = {
5
- defaultChecked: boolean;
6
- onChange: () => {};
7
- };
8
- export declare function Toggle(props: ToggleProps): JSX.Element;
9
- export default Toggle;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import 'react-toggle/style.css';
3
- import Toggle from 'react-toggle';
4
- export function Toggle(props) {
5
- return (React.createElement("div", { className: "Toggle-container" },
6
- React.createElement(Toggle, { defaultChecked: props.defaultChecked, onChange: props.onChange })));
7
- }
8
- export default Toggle;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- declare type VirtualListProps = {
3
- children: any;
4
- items: any[];
5
- className?: string;
6
- height: number;
7
- onClick?(item: any): void;
8
- };
9
- export declare type VirtualListRowProps = {
10
- index: number;
11
- style: any;
12
- data: any;
13
- };
14
- export interface VirtualListItemWithEvent<T> {
15
- onClick(): void;
16
- item: T;
17
- }
18
- export declare function VirtualList<T>(props: VirtualListProps): JSX.Element;
19
- export default VirtualList;
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { FixedSizeList } from 'react-window';
3
- import classnames from 'classnames';
4
- import cssPrefix from '../prefix';
5
- function EmptyList() {
6
- return React.createElement("div", { className: cssPrefix + "EmptyList-container" }, "Empty List");
7
- }
8
- export function VirtualList(props) {
9
- var items = props.items, height = props.height;
10
- var selectable = typeof props.onClick === 'function';
11
- var className = classnames(cssPrefix + "VirtualList-container", props.className, {
12
- selectable: selectable,
13
- });
14
- if (items.length === 0) {
15
- return React.createElement(EmptyList, null);
16
- }
17
- var itemsWithClick = items.map(function (item) {
18
- return {
19
- onClick: function () {
20
- if (props.onClick) {
21
- props.onClick(item);
22
- }
23
- },
24
- item: item,
25
- };
26
- });
27
- return (React.createElement("div", { className: className },
28
- React.createElement(FixedSizeList, { height: height, itemCount: items.length, itemSize: 45, itemData: itemsWithClick, width: '100%' }, props.children)));
29
- }
30
- export default VirtualList;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare type VisualProps = {
3
- isWide: boolean;
4
- };
5
- export declare function Visual(props: VisualProps): JSX.Element;
6
- export default Visual;
@@ -1,38 +0,0 @@
1
- import * as React from 'react';
2
- import classnames from 'classnames';
3
- import Group from '../Group/Group';
4
- import * as selectors from '../../selectors/selectors';
5
- import { useDispatch, useSelector } from 'react-redux';
6
- import { preview } from '../Preview/Preview';
7
- import { ConnectionType } from 'redux-connected/lib/types/types';
8
- import cssPrefix from '../prefix';
9
- export function Visual(props) {
10
- var dispatch = useDispatch();
11
- var requests = useSelector(selectors.$requestsRaw);
12
- var configs = useSelector(selectors.$endpointsConfig);
13
- var nodeTypes = useSelector(selectors.$nodeTypes);
14
- var isWide = props.isWide;
15
- function onClick(request) {
16
- dispatch(preview(request, 'request'));
17
- }
18
- function renderRequests(nodeName) {
19
- var requestsForNode = requests.filter(function (request) { return request.nodeName === nodeName; });
20
- return requestsForNode.map(function (request) {
21
- var className = classnames('request', request.status);
22
- return (React.createElement("div", { key: request.meta.id, className: className, onClick: function () { return onClick(request); } }, request.meta.sequence));
23
- });
24
- }
25
- function renderGroup(nodeName) {
26
- var config = configs[nodeName];
27
- if (config.connectionType !== ConnectionType.REST) {
28
- return null;
29
- }
30
- return (React.createElement(Group, { key: nodeName, title: nodeName, isWide: isWide },
31
- React.createElement(React.Fragment, null, renderRequests(nodeName))));
32
- }
33
- var className = classnames(cssPrefix + "Visual-container", {
34
- wide: isWide,
35
- });
36
- return React.createElement("div", { className: className }, Object.keys(nodeTypes).map(renderGroup));
37
- }
38
- export default Visual;
@@ -1,2 +0,0 @@
1
- export declare const cssPrefix = "__devtools__";
2
- export default cssPrefix;
@@ -1,2 +0,0 @@
1
- export var cssPrefix = '__devtools__';
2
- export default cssPrefix;
@@ -1,2 +0,0 @@
1
- import { IDimension } from 'igrid';
2
- export declare const boxSizes: IDimension[];
@@ -1,10 +0,0 @@
1
- export var boxSizes = [
2
- {
3
- x: 12,
4
- y: 16,
5
- },
6
- {
7
- x: 24,
8
- y: 33,
9
- },
10
- ];
@@ -1,5 +0,0 @@
1
- export declare type ActionParams = Record<string, any[]>;
2
- export declare const SINGLE_NODE: ActionParams;
3
- export declare const COLLECTION_NODE: ActionParams;
4
- export declare const QUEUE_NODE: ActionParams;
5
- export declare const GROUPED_LIST_NODE: ActionParams;
@@ -1,35 +0,0 @@
1
- export var SINGLE_NODE = {
2
- get: [{}],
3
- setAll: [{ title: 'TITLE' }],
4
- patch: [{ rnd: Math.random() }],
5
- };
6
- export var COLLECTION_NODE = {
7
- get: [{}],
8
- setAll: [{ p1: { id: 'p1', title: 'TITLE' } }],
9
- set: ['p2', { id: 'p2', title: 'TITLE' }],
10
- add: [{ title: 'TITLE' }],
11
- patch: ['p1', { title: 'SECOND_TITLE' }],
12
- delete: ['p1'],
13
- };
14
- export var QUEUE_NODE = {
15
- get: [],
16
- setAll: [{ '1': { id: '1', title: 'LOG' } }],
17
- push: [{ id: '2', title: 'LOG' }],
18
- pop: [],
19
- clear: [],
20
- pushMany: [{ '2': { id: '2', title: 'LOG' } }],
21
- };
22
- export var GROUPED_LIST_NODE = {
23
- get: [{}],
24
- setAll: [{ p1: { id: 'p1', title: 'TITLE' } }],
25
- set: ['p2', { id: 'p2', title: 'TITLE' }],
26
- add: [{ title: 'TITLE' }],
27
- patch: ['p1', { title: 'SECOND_TITLE' }],
28
- delete: ['p1'],
29
- getItems: ['p1'],
30
- setItems: ['p1', { '1': { id: '1', title: 'LOG' } }],
31
- pushItem: ['p1', { id: '2', title: 'LOG' }],
32
- popItem: ['p1'],
33
- clearItems: ['p1'],
34
- pushManyItems: ['p1', { '2': { id: '2', title: 'LOG' } }],
35
- };
@@ -1,2 +0,0 @@
1
- import { IPanel } from 'igrid';
2
- export declare const panels: Record<string, IPanel>;