redux-connected-devtools 0.0.13 → 1.0.2

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 (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>;