redux-connected-devtools 0.0.15 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/.env +2 -0
- package/.prettierrc.js +10 -0
- package/.vscode/settings.json +12 -0
- package/.vscode/tasks.json +33 -0
- package/LICENSE +21 -0
- package/README.md +5 -0
- package/index.html +58 -0
- package/jest.config.js +8 -0
- package/package.json +47 -66
- package/public/devtools.html +8 -0
- package/public/icon.png +0 -0
- package/public/manifest.json +29 -0
- package/public/options.html +12 -0
- package/public/panel.html +39 -0
- package/public/popup.html +12 -0
- package/src/__tests__/sum.ts +9 -0
- package/src/background.ts +49 -0
- package/src/components/DevInspector/DevInspector.scss +2 -0
- package/src/components/DevInspector/DevInspector.style.tsx +8 -0
- package/src/components/DevInspector/DevInspector.tsx +34 -0
- package/src/components/DevList/DevList.scss +2 -0
- package/src/components/DevList/DevList.style.tsx +34 -0
- package/src/components/DevList/DevList.tsx +62 -0
- package/src/components/DevMenu/DevMenu.scss +2 -0
- package/src/components/DevMenu/DevMenu.style.tsx +53 -0
- package/src/components/DevMenu/DevMenu.tsx +76 -0
- package/src/components/DevPanel/DevPanel.scss +2 -0
- package/src/components/DevPanel/DevPanel.style.tsx +16 -0
- package/src/components/DevPanel/DevPanel.tsx +51 -0
- package/src/components/JourneyRow/JourneyRow.scss +2 -0
- package/src/components/JourneyRow/JourneyRow.style.tsx +46 -0
- package/src/components/JourneyRow/JourneyRow.tsx +58 -0
- package/src/components/JsonViewer/JsonViewer.scss +2 -0
- package/src/components/JsonViewer/JsonViewer.style.tsx +31 -0
- package/src/components/JsonViewer/JsonViewer.tsx +24 -0
- package/src/components/Lifecycle/Lifecycle.scss +2 -0
- package/src/components/Lifecycle/Lifecycle.style.tsx +6 -0
- package/src/components/Lifecycle/Lifecycle.tsx +31 -0
- package/src/components/LogsViewer/LogsViewer.scss +2 -0
- package/src/components/LogsViewer/LogsViewer.style.tsx +5 -0
- package/src/components/LogsViewer/LogsViewer.tsx +14 -0
- package/src/components/RequestDetails/RequestDetails.scss +2 -0
- package/src/components/RequestDetails/RequestDetails.style.tsx +20 -0
- package/src/components/RequestDetails/RequestDetails.tsx +60 -0
- package/src/components/RequestJourney/RequestJourney.scss +2 -0
- package/src/components/RequestJourney/RequestJourney.style.tsx +6 -0
- package/src/components/RequestJourney/RequestJourney.tsx +33 -0
- package/src/components/RequestRow/RequestRow.scss +2 -0
- package/src/components/RequestRow/RequestRow.style.tsx +31 -0
- package/src/components/RequestRow/RequestRow.tsx +37 -0
- package/src/components/Time/Time.scss +2 -0
- package/src/components/Time/Time.style.tsx +17 -0
- package/src/components/Time/Time.tsx +25 -0
- package/src/containers/DevMenuContainer.tsx +28 -0
- package/src/containers/DevPanelContainer.tsx +10 -0
- package/src/containers/EndpointConfigsContainer.tsx +12 -0
- package/src/containers/EndpointStatusContainer.tsx +12 -0
- package/src/containers/GlobalSettingsContainer.tsx +12 -0
- package/src/containers/GlobalStatsContainer.tsx +12 -0
- package/src/containers/LifecycleApiErrorContainer.tsx +11 -0
- package/src/containers/LifecycleGeneralErrorContainer.tsx +11 -0
- package/src/containers/LifecycleInQueueContainer.tsx +11 -0
- package/src/containers/LifecyclePendingApiContainer.tsx +11 -0
- package/src/containers/LifecyclePostActionContainer.tsx +11 -0
- package/src/containers/LifecycleReceivedContainer.tsx +11 -0
- package/src/content_script.ts +19 -0
- package/src/data/devComponents.tsx +25 -0
- package/src/data/devRoutes.ts +83 -0
- package/src/devtools.tsx +29 -0
- package/src/index.ts +1 -0
- package/src/injected_script.ts +9 -0
- package/src/options.tsx +77 -0
- package/src/panel.tsx +30 -0
- package/src/popup.tsx +63 -0
- package/src/store/initialState.ts +42 -0
- package/src/store/selectors.ts +205 -0
- package/src/sum.ts +3 -0
- package/src/types.ts +1 -0
- package/src/utils/date.ts +3 -0
- package/tsconfig.json +24 -0
- package/vite.config.ts +45 -0
- package/webpack/webpack.common.js +46 -0
- package/webpack/webpack.dev.js +7 -0
- package/webpack/webpack.prod.js +6 -0
- package/esm/components/Config/Config.d.ts +0 -6
- package/esm/components/Config/Config.js +0 -15
- package/esm/components/DevTools/DevTools.d.ts +0 -4
- package/esm/components/DevTools/DevTools.js +0 -19
- package/esm/components/DevToolsLocal/DevToolsLocal.d.ts +0 -4
- package/esm/components/DevToolsLocal/DevToolsLocal.js +0 -12
- package/esm/components/Dispatcher/Dispatcher.d.ts +0 -8
- package/esm/components/Dispatcher/Dispatcher.js +0 -61
- package/esm/components/GlobalSettings/GlobalSettings.d.ts +0 -6
- package/esm/components/GlobalSettings/GlobalSettings.js +0 -16
- package/esm/components/Group/Group.d.ts +0 -9
- package/esm/components/Group/Group.js +0 -14
- package/esm/components/Json/Json.d.ts +0 -7
- package/esm/components/Json/Json.js +0 -9
- package/esm/components/Logs/Logs.d.ts +0 -6
- package/esm/components/Logs/Logs.js +0 -49
- package/esm/components/Monitor/Monitor.d.ts +0 -6
- package/esm/components/Monitor/Monitor.js +0 -54
- package/esm/components/OverlayManager/OverlayManager.d.ts +0 -6
- package/esm/components/OverlayManager/OverlayManager.js +0 -17
- package/esm/components/Panel/Panel.d.ts +0 -14
- package/esm/components/Panel/Panel.js +0 -46
- package/esm/components/Preview/Preview.d.ts +0 -18
- package/esm/components/Preview/Preview.js +0 -58
- package/esm/components/Redux/Redux.d.ts +0 -6
- package/esm/components/Redux/Redux.js +0 -72
- package/esm/components/ReduxSettings/ReduxSettings.d.ts +0 -9
- package/esm/components/ReduxSettings/ReduxSettings.js +0 -60
- package/esm/components/Requests/Requests.d.ts +0 -6
- package/esm/components/Requests/Requests.js +0 -61
- package/esm/components/Status/Status.d.ts +0 -6
- package/esm/components/Status/Status.js +0 -16
- package/esm/components/TaskManager/TaskManager.d.ts +0 -9
- package/esm/components/TaskManager/TaskManager.js +0 -22
- package/esm/components/Timeline/Timeline.d.ts +0 -6
- package/esm/components/Timeline/Timeline.js +0 -13
- package/esm/components/TimelineEvent/TimelineEvent.d.ts +0 -7
- package/esm/components/TimelineEvent/TimelineEvent.js +0 -13
- package/esm/components/TimelineHeader/TimelineHeader.d.ts +0 -4
- package/esm/components/TimelineHeader/TimelineHeader.js +0 -5
- package/esm/components/TimelineRow/TimelineRow.d.ts +0 -7
- package/esm/components/TimelineRow/TimelineRow.js +0 -13
- package/esm/components/TimelineRowHeader/TimelineRowHeader.d.ts +0 -7
- package/esm/components/TimelineRowHeader/TimelineRowHeader.js +0 -10
- package/esm/components/Toggle/Toggle.d.ts +0 -8
- package/esm/components/Toggle/Toggle.js +0 -8
- package/esm/components/VirtualList/VirtualList.d.ts +0 -19
- package/esm/components/VirtualList/VirtualList.js +0 -30
- package/esm/components/Visual/Visual.d.ts +0 -6
- package/esm/components/Visual/Visual.js +0 -38
- package/esm/components/prefix.d.ts +0 -2
- package/esm/components/prefix.js +0 -2
- package/esm/data/boxSizes.d.ts +0 -2
- package/esm/data/boxSizes.js +0 -10
- package/esm/data/dispatcherActions.d.ts +0 -5
- package/esm/data/dispatcherActions.js +0 -35
- package/esm/data/layoutDefault.d.ts +0 -2
- package/esm/data/layoutDefault.js +0 -46
- package/esm/data/panels.d.ts +0 -2
- package/esm/data/panels.js +0 -14
- package/esm/data/panelsArrangements.d.ts +0 -19
- package/esm/data/panelsArrangements.js +0 -19
- package/esm/data/panelsLocal.d.ts +0 -2
- package/esm/data/panelsLocal.js +0 -7
- package/esm/data/reduxFilterOptions.d.ts +0 -20
- package/esm/data/reduxFilterOptions.js +0 -223
- package/esm/data/widgets.d.ts +0 -2
- package/esm/data/widgets.js +0 -154
- package/esm/data/widgetsLocal.d.ts +0 -2
- package/esm/data/widgetsLocal.js +0 -19
- package/esm/hooks/index.d.ts +0 -7
- package/esm/hooks/index.js +0 -7
- package/esm/hooks/misc/hookState.d.ts +0 -8
- package/esm/hooks/misc/hookState.js +0 -6
- package/esm/hooks/misc/util.d.ts +0 -5
- package/esm/hooks/misc/util.js +0 -21
- package/esm/hooks/useBoolean.d.ts +0 -3
- package/esm/hooks/useBoolean.js +0 -3
- package/esm/hooks/useClickAway.d.ts +0 -3
- package/esm/hooks/useClickAway.js +0 -27
- package/esm/hooks/useEvent.d.ts +0 -13
- package/esm/hooks/useEvent.js +0 -35
- package/esm/hooks/useKey.d.ts +0 -12
- package/esm/hooks/useKey.js +0 -29
- package/esm/hooks/useList.d.ts +0 -57
- package/esm/hooks/useList.js +0 -74
- package/esm/hooks/useLocalstorage.d.ts +0 -10
- package/esm/hooks/useLocalstorage.js +0 -75
- package/esm/hooks/usePanels.d.ts +0 -10
- package/esm/hooks/usePanels.js +0 -45
- package/esm/hooks/useSetState.d.ts +0 -2
- package/esm/hooks/useSetState.js +0 -10
- package/esm/hooks/useToggle.d.ts +0 -2
- package/esm/hooks/useToggle.js +0 -6
- package/esm/hooks/useUpdate.d.ts +0 -1
- package/esm/hooks/useUpdate.js +0 -6
- package/esm/index.d.ts +0 -4
- package/esm/index.js +0 -4
- package/esm/selectors/selectors.d.ts +0 -21
- package/esm/selectors/selectors.js +0 -20
- package/esm/theme/devtoolsTheme.d.ts +0 -2
- package/esm/theme/devtoolsTheme.js +0 -95
- package/esm/types.d.ts +0 -21
- package/esm/types.js +0 -1
- package/esm/utils/filter.d.ts +0 -3
- package/esm/utils/filter.js +0 -25
- package/esm/utils/localStorage.d.ts +0 -2
- package/esm/utils/localStorage.js +0 -21
- package/esm/utils/sockets.d.ts +0 -7
- package/esm/utils/sockets.js +0 -27
- package/lib/components/Colors copy.css +0 -3
- package/lib/components/Colors copy.css.map +0 -1
- package/lib/components/Colors.css +0 -3
- package/lib/components/Colors.css.map +0 -1
- package/lib/components/ColorsDark.css +0 -3
- package/lib/components/ColorsDark.css.map +0 -1
- package/lib/components/Config/Config.css +0 -15
- package/lib/components/Config/Config.css.map +0 -1
- package/lib/components/Config/Config.d.ts +0 -6
- package/lib/components/Config/Config.js +0 -20
- package/lib/components/DevTools/DevTools.css +0 -11
- package/lib/components/DevTools/DevTools.css.map +0 -1
- package/lib/components/DevTools/DevTools.d.ts +0 -4
- package/lib/components/DevTools/DevTools.js +0 -24
- package/lib/components/DevToolsLocal/DevToolsLocal.css +0 -11
- package/lib/components/DevToolsLocal/DevToolsLocal.css.map +0 -1
- package/lib/components/DevToolsLocal/DevToolsLocal.d.ts +0 -4
- package/lib/components/DevToolsLocal/DevToolsLocal.js +0 -17
- package/lib/components/Dispatcher/Dispatcher.css +0 -15
- package/lib/components/Dispatcher/Dispatcher.css.map +0 -1
- package/lib/components/Dispatcher/Dispatcher.d.ts +0 -8
- package/lib/components/Dispatcher/Dispatcher.js +0 -65
- package/lib/components/GlobalSettings/GlobalSettings.css +0 -3
- package/lib/components/GlobalSettings/GlobalSettings.css.map +0 -1
- package/lib/components/GlobalSettings/GlobalSettings.d.ts +0 -6
- package/lib/components/GlobalSettings/GlobalSettings.js +0 -21
- package/lib/components/Group/Group.css +0 -41
- package/lib/components/Group/Group.css.map +0 -1
- package/lib/components/Group/Group.d.ts +0 -9
- package/lib/components/Group/Group.js +0 -19
- package/lib/components/Json/Json.css +0 -5
- package/lib/components/Json/Json.css.map +0 -1
- package/lib/components/Json/Json.d.ts +0 -7
- package/lib/components/Json/Json.js +0 -14
- package/lib/components/Logs/Logs.css +0 -5
- package/lib/components/Logs/Logs.css.map +0 -1
- package/lib/components/Logs/Logs.d.ts +0 -6
- package/lib/components/Logs/Logs.js +0 -54
- package/lib/components/Monitor/Monitor.css +0 -5
- package/lib/components/Monitor/Monitor.css.map +0 -1
- package/lib/components/Monitor/Monitor.d.ts +0 -6
- package/lib/components/Monitor/Monitor.js +0 -59
- package/lib/components/OverlayManager/OverlayManager.css +0 -72
- package/lib/components/OverlayManager/OverlayManager.css.map +0 -1
- package/lib/components/OverlayManager/OverlayManager.d.ts +0 -6
- package/lib/components/OverlayManager/OverlayManager.js +0 -22
- package/lib/components/Panel/Panel.css +0 -35
- package/lib/components/Panel/Panel.css.map +0 -1
- package/lib/components/Panel/Panel.d.ts +0 -14
- package/lib/components/Panel/Panel.js +0 -51
- package/lib/components/Prefix copy.css +0 -3
- package/lib/components/Prefix copy.css.map +0 -1
- package/lib/components/Prefix.css +0 -3
- package/lib/components/Prefix.css.map +0 -1
- package/lib/components/Preview/Preview.css +0 -29
- package/lib/components/Preview/Preview.css.map +0 -1
- package/lib/components/Preview/Preview.d.ts +0 -18
- package/lib/components/Preview/Preview.js +0 -64
- package/lib/components/Reading.css +0 -107
- package/lib/components/Reading.css.map +0 -1
- package/lib/components/Redux/Redux.css +0 -86
- package/lib/components/Redux/Redux.css.map +0 -1
- package/lib/components/Redux/Redux.d.ts +0 -6
- package/lib/components/Redux/Redux.js +0 -77
- package/lib/components/ReduxSettings/ReduxSettings.css +0 -10
- package/lib/components/ReduxSettings/ReduxSettings.css.map +0 -1
- package/lib/components/ReduxSettings/ReduxSettings.d.ts +0 -9
- package/lib/components/ReduxSettings/ReduxSettings.js +0 -64
- package/lib/components/Requests/Requests.css +0 -8
- package/lib/components/Requests/Requests.css.map +0 -1
- package/lib/components/Requests/Requests.d.ts +0 -6
- package/lib/components/Requests/Requests.js +0 -66
- package/lib/components/Status/Status.css +0 -15
- package/lib/components/Status/Status.css.map +0 -1
- package/lib/components/Status/Status.d.ts +0 -6
- package/lib/components/Status/Status.js +0 -21
- package/lib/components/TaskManager/TaskManager.css +0 -9
- package/lib/components/TaskManager/TaskManager.css.map +0 -1
- package/lib/components/TaskManager/TaskManager.d.ts +0 -9
- package/lib/components/TaskManager/TaskManager.js +0 -28
- package/lib/components/Timeline/Timeline.css +0 -5
- package/lib/components/Timeline/Timeline.css.map +0 -1
- package/lib/components/Timeline/Timeline.d.ts +0 -6
- package/lib/components/Timeline/Timeline.js +0 -18
- package/lib/components/TimelineEvent/TimelineEvent.css +0 -20
- package/lib/components/TimelineEvent/TimelineEvent.css.map +0 -1
- package/lib/components/TimelineEvent/TimelineEvent.d.ts +0 -7
- package/lib/components/TimelineEvent/TimelineEvent.js +0 -18
- package/lib/components/TimelineHeader/TimelineHeader.css +0 -6
- package/lib/components/TimelineHeader/TimelineHeader.css.map +0 -1
- package/lib/components/TimelineHeader/TimelineHeader.d.ts +0 -4
- package/lib/components/TimelineHeader/TimelineHeader.js +0 -10
- package/lib/components/TimelineRow/TimelineRow.css +0 -14
- package/lib/components/TimelineRow/TimelineRow.css.map +0 -1
- package/lib/components/TimelineRow/TimelineRow.d.ts +0 -7
- package/lib/components/TimelineRow/TimelineRow.js +0 -18
- package/lib/components/TimelineRowHeader/TimelineRowHeader.css +0 -45
- package/lib/components/TimelineRowHeader/TimelineRowHeader.css.map +0 -1
- package/lib/components/TimelineRowHeader/TimelineRowHeader.d.ts +0 -7
- package/lib/components/TimelineRowHeader/TimelineRowHeader.js +0 -15
- package/lib/components/Toggle/Toggle.css +0 -3
- package/lib/components/Toggle/Toggle.css.map +0 -1
- package/lib/components/Toggle/Toggle.d.ts +0 -8
- package/lib/components/Toggle/Toggle.js +0 -13
- package/lib/components/Variables.css +0 -3
- package/lib/components/Variables.css.map +0 -1
- package/lib/components/VirtualList/VirtualList.css +0 -13
- package/lib/components/VirtualList/VirtualList.css.map +0 -1
- package/lib/components/VirtualList/VirtualList.d.ts +0 -19
- package/lib/components/VirtualList/VirtualList.js +0 -35
- package/lib/components/Visual/Visual.css +0 -57
- package/lib/components/Visual/Visual.css.map +0 -1
- package/lib/components/Visual/Visual.d.ts +0 -6
- package/lib/components/Visual/Visual.js +0 -43
- package/lib/components/prefix.d.ts +0 -2
- package/lib/components/prefix.js +0 -5
- package/lib/data/boxSizes.d.ts +0 -2
- package/lib/data/boxSizes.js +0 -13
- package/lib/data/dispatcherActions.d.ts +0 -5
- package/lib/data/dispatcherActions.js +0 -38
- package/lib/data/layoutDefault.d.ts +0 -2
- package/lib/data/layoutDefault.js +0 -49
- package/lib/data/panels.d.ts +0 -2
- package/lib/data/panels.js +0 -17
- package/lib/data/panelsArrangements.d.ts +0 -19
- package/lib/data/panelsArrangements.js +0 -22
- package/lib/data/panelsLocal.d.ts +0 -2
- package/lib/data/panelsLocal.js +0 -10
- package/lib/data/reduxFilterOptions.d.ts +0 -20
- package/lib/data/reduxFilterOptions.js +0 -227
- package/lib/data/widgets.d.ts +0 -2
- package/lib/data/widgets.js +0 -157
- package/lib/data/widgetsLocal.d.ts +0 -2
- package/lib/data/widgetsLocal.js +0 -22
- package/lib/hooks/index.d.ts +0 -7
- package/lib/hooks/index.js +0 -17
- package/lib/hooks/misc/hookState.d.ts +0 -8
- package/lib/hooks/misc/hookState.js +0 -10
- package/lib/hooks/misc/util.d.ts +0 -5
- package/lib/hooks/misc/util.js +0 -27
- package/lib/hooks/useBoolean.d.ts +0 -3
- package/lib/hooks/useBoolean.js +0 -7
- package/lib/hooks/useClickAway.d.ts +0 -3
- package/lib/hooks/useClickAway.js +0 -31
- package/lib/hooks/useEvent.d.ts +0 -13
- package/lib/hooks/useEvent.js +0 -37
- package/lib/hooks/useKey.d.ts +0 -12
- package/lib/hooks/useKey.js +0 -34
- package/lib/hooks/useList.d.ts +0 -57
- package/lib/hooks/useList.js +0 -79
- package/lib/hooks/useLocalstorage.d.ts +0 -10
- package/lib/hooks/useLocalstorage.js +0 -79
- package/lib/hooks/usePanels.d.ts +0 -10
- package/lib/hooks/usePanels.js +0 -49
- package/lib/hooks/useSetState.d.ts +0 -2
- package/lib/hooks/useSetState.js +0 -14
- package/lib/hooks/useToggle.d.ts +0 -2
- package/lib/hooks/useToggle.js +0 -10
- package/lib/hooks/useUpdate.d.ts +0 -1
- package/lib/hooks/useUpdate.js +0 -9
- package/lib/index.css +0 -605
- package/lib/index.css.map +0 -1
- package/lib/index.d.ts +0 -4
- package/lib/index.js +0 -11
- package/lib/selectors/selectors.d.ts +0 -21
- package/lib/selectors/selectors.js +0 -24
- package/lib/theme/devtoolsTheme.d.ts +0 -2
- package/lib/theme/devtoolsTheme.js +0 -97
- package/lib/types.d.ts +0 -21
- package/lib/types.js +0 -2
- package/lib/utils/filter.d.ts +0 -3
- package/lib/utils/filter.js +0 -29
- package/lib/utils/localStorage.d.ts +0 -2
- package/lib/utils/localStorage.js +0 -26
- package/lib/utils/sockets.d.ts +0 -7
- package/lib/utils/sockets.js +0 -34
@@ -1,54 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.Logs = void 0;
|
4
|
-
var tslib_1 = require("tslib");
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
6
|
-
var redux_connected_1 = require("redux-connected");
|
7
|
-
var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
|
8
|
-
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
9
|
-
var react_redux_1 = require("react-redux");
|
10
|
-
var Preview_1 = require("../Preview/Preview");
|
11
|
-
var prefix_1 = tslib_1.__importDefault(require("../prefix"));
|
12
|
-
var now = new Date().getTime();
|
13
|
-
function Logs(props) {
|
14
|
-
var dispatch = react_redux_1.useDispatch();
|
15
|
-
var readings = redux_connected_1.useMonitor({}, function (action) { return action.type === 'LOG'; })[0];
|
16
|
-
function onClick(reading) {
|
17
|
-
var action = reading.action;
|
18
|
-
var log = action.payload;
|
19
|
-
dispatch(Preview_1.preview(log, 'log'));
|
20
|
-
}
|
21
|
-
var isWide = props.isWide;
|
22
|
-
var className = classnames_1.default(prefix_1.default + "Logs-container", prefix_1.default + "Rows-container", {
|
23
|
-
wide: isWide,
|
24
|
-
});
|
25
|
-
var height = isWide ? 735 : 395;
|
26
|
-
return (React.createElement("div", { className: className },
|
27
|
-
React.createElement(VirtualList_1.default, { className: className, items: readings, height: height, onClick: onClick }, LowRow)));
|
28
|
-
}
|
29
|
-
exports.Logs = Logs;
|
30
|
-
var LowRow = function (props) {
|
31
|
-
var index = props.index;
|
32
|
-
var listItem = props.data[index];
|
33
|
-
var reading = listItem.item;
|
34
|
-
var action = reading.action;
|
35
|
-
var payload = action.payload;
|
36
|
-
var _a = payload || {}, meta = _a.meta, message = _a.message;
|
37
|
-
var shortId = meta.shortId, createdTS = meta.createdTS, sequence = meta.sequence;
|
38
|
-
var className = classnames_1.default(prefix_1.default + "Reading-container", {});
|
39
|
-
var delta = ((createdTS - now) / 1000).toFixed(2);
|
40
|
-
var data = redux_connected_1.clearMeta(payload || {});
|
41
|
-
delete data['message'];
|
42
|
-
return (React.createElement("div", { className: className, style: props.style, onClick: listItem.onClick },
|
43
|
-
React.createElement("div", { className: "col" },
|
44
|
-
React.createElement("div", { className: "row" },
|
45
|
-
React.createElement("div", { className: "sequence" }, sequence),
|
46
|
-
React.createElement("div", { className: "message" }, message)),
|
47
|
-
React.createElement("div", { className: "description" }, JSON.stringify(data))),
|
48
|
-
React.createElement("div", { className: "col" },
|
49
|
-
React.createElement("div", { className: "timestamp" },
|
50
|
-
"+",
|
51
|
-
delta),
|
52
|
-
React.createElement("div", { className: "id" }, shortId))));
|
53
|
-
};
|
54
|
-
exports.default = Logs;
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Monitor/Monitor.scss"],"names":[],"mappings":"AAEA;EACI","file":"Monitor.css"}
|
@@ -1,59 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.Monitor = void 0;
|
4
|
-
var tslib_1 = require("tslib");
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
6
|
-
var react_redux_1 = require("react-redux");
|
7
|
-
var redux_connected_1 = require("redux-connected");
|
8
|
-
var date_fns_1 = require("date-fns");
|
9
|
-
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
10
|
-
var VirtualList_1 = tslib_1.__importDefault(require("../VirtualList/VirtualList"));
|
11
|
-
var selectors = tslib_1.__importStar(require("../../selectors/selectors"));
|
12
|
-
var Preview_1 = require("../Preview/Preview");
|
13
|
-
var prefix_1 = tslib_1.__importDefault(require("../prefix"));
|
14
|
-
var Toggle_1 = tslib_1.__importDefault(require("../Toggle/Toggle"));
|
15
|
-
function Monitor(props) {
|
16
|
-
var dispatch = react_redux_1.useDispatch();
|
17
|
-
var isWide = props.isWide;
|
18
|
-
var sagas = react_redux_1.useSelector(selectors.$sagas);
|
19
|
-
function onClick(item) {
|
20
|
-
dispatch(Preview_1.preview(item, 'process'));
|
21
|
-
}
|
22
|
-
var className = classnames_1.default(prefix_1.default + "Monitor-container", prefix_1.default + "Rows-container", {
|
23
|
-
wide: isWide,
|
24
|
-
});
|
25
|
-
var height = isWide ? 735 : 395;
|
26
|
-
return (React.createElement(VirtualList_1.default, { className: className, items: sagas, height: height, onClick: onClick }, SagaRow));
|
27
|
-
}
|
28
|
-
exports.Monitor = Monitor;
|
29
|
-
var SagaRow = function (props) {
|
30
|
-
var dispatch = react_redux_1.useDispatch();
|
31
|
-
var index = props.index;
|
32
|
-
var listItem = props.data[index];
|
33
|
-
var saga = listItem.item;
|
34
|
-
var distanceStart = date_fns_1.formatDistance(new Date(), new Date(saga.startedTS || 0));
|
35
|
-
var distanceStopped = date_fns_1.formatDistance(new Date(), new Date(saga.stoppedTS || 0));
|
36
|
-
var distance = saga.isRunning ? distanceStart : distanceStopped;
|
37
|
-
function onChange(ev) {
|
38
|
-
var sagaId = saga.id;
|
39
|
-
var action = ev.target.checked
|
40
|
-
? redux_connected_1.startSaga({ sagaId: sagaId })
|
41
|
-
: redux_connected_1.stopSaga({ sagaId: sagaId });
|
42
|
-
dispatch(action);
|
43
|
-
}
|
44
|
-
var className = classnames_1.default(prefix_1.default + "Reading-container", {
|
45
|
-
disabled: !saga.isRunning,
|
46
|
-
});
|
47
|
-
return (React.createElement("div", { className: className, key: saga.id, style: props.style, onClick: listItem.onClick },
|
48
|
-
React.createElement("div", { className: "col" },
|
49
|
-
React.createElement("div", { className: "title" },
|
50
|
-
saga.id,
|
51
|
-
" ",
|
52
|
-
React.createElement("span", { className: "timeAgo" },
|
53
|
-
distance,
|
54
|
-
" ago")),
|
55
|
-
React.createElement("div", { className: "description", title: saga.description }, saga.description)),
|
56
|
-
React.createElement("div", { className: "col" },
|
57
|
-
React.createElement(Toggle_1.default, { defaultChecked: !!saga.isRunning, onChange: onChange }))));
|
58
|
-
};
|
59
|
-
exports.default = Monitor;
|
@@ -1,72 +0,0 @@
|
|
1
|
-
.__devtools__OverlayManager-container {
|
2
|
-
position: fixed;
|
3
|
-
top: 0;
|
4
|
-
left: 0;
|
5
|
-
right: 0;
|
6
|
-
bottom: 0;
|
7
|
-
background-color: transparent;
|
8
|
-
animation-name: bk;
|
9
|
-
animation-duration: 50ms;
|
10
|
-
animation-fill-mode: forwards;
|
11
|
-
display: flex;
|
12
|
-
flex-direction: row;
|
13
|
-
align-items: center;
|
14
|
-
z-index: 99999;
|
15
|
-
color: #eee;
|
16
|
-
}
|
17
|
-
.__devtools__OverlayManager-container > .content {
|
18
|
-
margin: auto;
|
19
|
-
width: calc(350px + 750px + 350px + 5px * 4 + 2px);
|
20
|
-
height: calc(800px + 18px);
|
21
|
-
display: grid;
|
22
|
-
grid-template-columns: 350px 750px 350px;
|
23
|
-
grid-template-rows: 400px 400px;
|
24
|
-
border-radius: 3px;
|
25
|
-
overflow: hidden;
|
26
|
-
gap: 5px;
|
27
|
-
padding: 5px;
|
28
|
-
animation-name: reveal;
|
29
|
-
animation-duration: 50ms;
|
30
|
-
animation-fill-mode: forwards;
|
31
|
-
background-color: #272822;
|
32
|
-
background-image: linear-gradient(rgba(255, 255, 255, 0.01) 0.1em, transparent 0.1em), linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0.1em, transparent 0.1em);
|
33
|
-
background-size: 25px 25px;
|
34
|
-
}
|
35
|
-
.__devtools__OverlayManager-container > .content .area.area-1 {
|
36
|
-
grid-area: 1/1/2/2;
|
37
|
-
}
|
38
|
-
.__devtools__OverlayManager-container > .content .area.area-center {
|
39
|
-
grid-area: 1/2/3/3;
|
40
|
-
}
|
41
|
-
.__devtools__OverlayManager-container > .content .area.area-2 {
|
42
|
-
grid-area: 1/3/2/4;
|
43
|
-
}
|
44
|
-
.__devtools__OverlayManager-container > .content .area.area-3 {
|
45
|
-
grid-area: 2/1/3/2;
|
46
|
-
}
|
47
|
-
.__devtools__OverlayManager-container > .content .area.area-4 {
|
48
|
-
grid-area: 2/3/3/4;
|
49
|
-
}
|
50
|
-
|
51
|
-
@keyframes bk {
|
52
|
-
0% {
|
53
|
-
background-color: rgba(0, 0, 0, 0);
|
54
|
-
}
|
55
|
-
100% {
|
56
|
-
background-color: rgba(0, 0, 0, 0.5);
|
57
|
-
}
|
58
|
-
}
|
59
|
-
@keyframes reveal {
|
60
|
-
0% {
|
61
|
-
opacity: 0;
|
62
|
-
position: relative;
|
63
|
-
top: 20px;
|
64
|
-
}
|
65
|
-
100% {
|
66
|
-
opacity: 1;
|
67
|
-
position: relative;
|
68
|
-
top: 0;
|
69
|
-
}
|
70
|
-
}
|
71
|
-
|
72
|
-
/*# sourceMappingURL=OverlayManager.css.map */
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/OverlayManager/OverlayManager.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;;AAMhB;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA","file":"OverlayManager.css"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.OverlayManager = void 0;
|
4
|
-
var tslib_1 = require("tslib");
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
6
|
-
var react_use_1 = require("react-use");
|
7
|
-
var prefix_1 = tslib_1.__importDefault(require("../prefix"));
|
8
|
-
var TaskManager_1 = require("../TaskManager/TaskManager");
|
9
|
-
function OverlayManager(props) {
|
10
|
-
var ref = React.useRef(null);
|
11
|
-
react_use_1.useClickAway(ref, props.onClose);
|
12
|
-
react_use_1.useKey('Escape', props.onClose);
|
13
|
-
return (React.createElement("div", { className: prefix_1.default + "OverlayManager-container" },
|
14
|
-
React.createElement("div", { className: "content", ref: ref },
|
15
|
-
React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "preview", isWide: false, id: "1", className: "area area-1" }),
|
16
|
-
React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "redux", isWide: true, id: "center", className: "area area-center" }),
|
17
|
-
React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "visual", isWide: false, id: "2", className: "area area-2" }),
|
18
|
-
React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "apiStatus", isWide: false, id: "3", className: "area area-3" }),
|
19
|
-
React.createElement(TaskManager_1.TaskManager, { defaultPanelId: "requests", isWide: false, id: "4", className: "area area-4" }))));
|
20
|
-
}
|
21
|
-
exports.OverlayManager = OverlayManager;
|
22
|
-
exports.default = OverlayManager;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
.__devtools__Panel-container {
|
2
|
-
position: fixed;
|
3
|
-
bottom: 20px;
|
4
|
-
right: 100px;
|
5
|
-
width: 350px;
|
6
|
-
height: 390px;
|
7
|
-
background-color: rgba(0, 0, 0, 0.1);
|
8
|
-
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
|
9
|
-
border: 1px solid #666;
|
10
|
-
}
|
11
|
-
.__devtools__Panel-container.wide {
|
12
|
-
width: 750px;
|
13
|
-
height: 800px;
|
14
|
-
}
|
15
|
-
.__devtools__Panel-container .handler {
|
16
|
-
background-color: #0078d4;
|
17
|
-
height: 22px;
|
18
|
-
padding: 0 3px;
|
19
|
-
cursor: move;
|
20
|
-
display: flex;
|
21
|
-
flex-direction: row;
|
22
|
-
align-items: center;
|
23
|
-
justify-content: flex-end;
|
24
|
-
color: white;
|
25
|
-
}
|
26
|
-
.__devtools__Panel-container .handler .icon {
|
27
|
-
margin: 3px;
|
28
|
-
font-size: 15px;
|
29
|
-
cursor: pointer;
|
30
|
-
}
|
31
|
-
.__devtools__Panel-container .handler .icon:hover {
|
32
|
-
color: gold;
|
33
|
-
}
|
34
|
-
|
35
|
-
/*# sourceMappingURL=Panel.css.map */
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Panel/Panel.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI","file":"Panel.css"}
|
@@ -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,51 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.Panel = void 0;
|
4
|
-
var tslib_1 = require("tslib");
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
6
|
-
var react_draggable_1 = tslib_1.__importDefault(require("react-draggable"));
|
7
|
-
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
8
|
-
var react_use_1 = require("react-use");
|
9
|
-
var prefix_1 = tslib_1.__importDefault(require("../prefix"));
|
10
|
-
function Panel(props) {
|
11
|
-
var id = props.id, isWide = props.isWide, zIndex = props.zIndex;
|
12
|
-
var draggableRef = React.useRef(null); // https://stackoverflow.com/a/63603903
|
13
|
-
var _a = react_use_1.useLocalStorage("PANEL_OFFSET_" + id, { x: 0, y: 0 }), offset = _a[0], setOffset = _a[1], clearLocalStoragePosition = _a[2];
|
14
|
-
var className = classnames_1.default(prefix_1.default + "Panel-container", {
|
15
|
-
wide: isWide,
|
16
|
-
});
|
17
|
-
var right = 100;
|
18
|
-
var bottom = 20;
|
19
|
-
var docWidth = document.documentElement.clientWidth;
|
20
|
-
var docHeight = document.documentElement.clientHeight;
|
21
|
-
var boxWidth = isWide ? 750 : 350;
|
22
|
-
var boxHeight = isWide ? 800 : 390;
|
23
|
-
var corners = {
|
24
|
-
left: docWidth - boxWidth - right,
|
25
|
-
top: docHeight - boxHeight - bottom,
|
26
|
-
};
|
27
|
-
var bounds = {
|
28
|
-
top: -corners.top,
|
29
|
-
left: -corners.left,
|
30
|
-
right: right,
|
31
|
-
bottom: bottom,
|
32
|
-
};
|
33
|
-
var handler = isWide ? undefined : '.handler';
|
34
|
-
function onStop(_ev, data) {
|
35
|
-
var x = data.x, y = data.y;
|
36
|
-
setOffset({ x: x, y: y });
|
37
|
-
}
|
38
|
-
function onClose() {
|
39
|
-
clearLocalStoragePosition();
|
40
|
-
if (props.onClose) {
|
41
|
-
props.onClose();
|
42
|
-
}
|
43
|
-
}
|
44
|
-
return (React.createElement(react_draggable_1.default, { nodeRef: draggableRef, handle: handler, bounds: bounds, onStop: onStop, defaultPosition: offset },
|
45
|
-
React.createElement("div", { ref: draggableRef, className: className, style: { zIndex: zIndex } },
|
46
|
-
React.createElement("div", { className: "handler" },
|
47
|
-
React.createElement("div", { className: "close", onClick: onClose }, "X")),
|
48
|
-
props.children)));
|
49
|
-
}
|
50
|
-
exports.Panel = Panel;
|
51
|
-
exports.default = Panel;
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Prefix%20copy.css"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"Prefix.css"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
.__devtools__Preview-container {
|
2
|
-
padding: 10px 20px;
|
3
|
-
display: flex;
|
4
|
-
flex-direction: row;
|
5
|
-
align-items: stretch;
|
6
|
-
flex: 1;
|
7
|
-
width: 350px;
|
8
|
-
height: 350px;
|
9
|
-
overflow: auto;
|
10
|
-
}
|
11
|
-
.__devtools__Preview-container.wide {
|
12
|
-
width: 750px;
|
13
|
-
height: 733px;
|
14
|
-
}
|
15
|
-
|
16
|
-
.__devtools__NoPreview-container {
|
17
|
-
flex: 1;
|
18
|
-
min-height: 280px;
|
19
|
-
padding: 20px;
|
20
|
-
display: flex;
|
21
|
-
flex-direction: row;
|
22
|
-
align-items: center;
|
23
|
-
justify-content: center;
|
24
|
-
font-size: 13px;
|
25
|
-
color: rgba(255, 255, 255, 0.5);
|
26
|
-
font-weight: 100;
|
27
|
-
}
|
28
|
-
|
29
|
-
/*# sourceMappingURL=Preview.css.map */
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Preview/Preview.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"Preview.css"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { Action } from 'redux-store-generator';
|
3
|
-
import { Log, ApiRequest, SagaState } from 'redux-connected';
|
4
|
-
export declare type PreviewType = 'request' | 'log' | 'process';
|
5
|
-
declare type PreviewItem = ApiRequest | Log | SagaState;
|
6
|
-
export declare type PreviewAction = Action & {
|
7
|
-
type: 'PREVIEW';
|
8
|
-
payload: {
|
9
|
-
item: PreviewItem;
|
10
|
-
previewType: PreviewType;
|
11
|
-
};
|
12
|
-
};
|
13
|
-
export declare const preview: (item: PreviewItem, previewType: PreviewType) => PreviewAction;
|
14
|
-
declare type PreviewProps = {
|
15
|
-
isWide: boolean;
|
16
|
-
};
|
17
|
-
export declare function Preview(props: PreviewProps): JSX.Element;
|
18
|
-
export default Preview;
|
@@ -1,64 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.Preview = exports.preview = void 0;
|
4
|
-
var tslib_1 = require("tslib");
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
6
|
-
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
7
|
-
var Json_1 = tslib_1.__importDefault(require("../Json/Json"));
|
8
|
-
var redux_connected_1 = require("redux-connected");
|
9
|
-
var prefix_1 = tslib_1.__importDefault(require("../prefix"));
|
10
|
-
var preview = function (item, previewType) { return ({
|
11
|
-
type: 'PREVIEW',
|
12
|
-
payload: {
|
13
|
-
item: item,
|
14
|
-
previewType: previewType,
|
15
|
-
},
|
16
|
-
}); };
|
17
|
-
exports.preview = preview;
|
18
|
-
function Preview(props) {
|
19
|
-
var isWide = props.isWide;
|
20
|
-
var previews = redux_connected_1.useMonitor({ onlyLast: true }, function (action) { return action.type === 'PREVIEW'; })[0];
|
21
|
-
function renderInner(reading) {
|
22
|
-
if (!reading) {
|
23
|
-
return React.createElement(NoPreview, null);
|
24
|
-
}
|
25
|
-
var payload = reading.action.payload;
|
26
|
-
var _a = payload || {}, item = _a.item, previewType = _a.previewType;
|
27
|
-
switch (previewType) {
|
28
|
-
case 'request':
|
29
|
-
return React.createElement(PreviewRequest, { item: item });
|
30
|
-
case 'log':
|
31
|
-
return React.createElement(PreviewLog, { item: item });
|
32
|
-
case 'process':
|
33
|
-
return React.createElement(PreviewProcess, { item: item });
|
34
|
-
}
|
35
|
-
}
|
36
|
-
var className = classnames_1.default(prefix_1.default + "Preview-container", {
|
37
|
-
wide: isWide,
|
38
|
-
});
|
39
|
-
return React.createElement("div", { className: className }, renderInner(previews[0]));
|
40
|
-
}
|
41
|
-
exports.Preview = Preview;
|
42
|
-
function NoPreview() {
|
43
|
-
return React.createElement("div", { className: prefix_1.default + "NoPreview-container" }, "No preview");
|
44
|
-
}
|
45
|
-
function PreviewRequest(props) {
|
46
|
-
var item = props.item;
|
47
|
-
var data = redux_connected_1.clearMeta(item);
|
48
|
-
data = redux_connected_1.clearActionP(data);
|
49
|
-
return (React.createElement("div", { className: prefix_1.default + "PreviewRequest-container" },
|
50
|
-
React.createElement(Json_1.default, { value: data })));
|
51
|
-
}
|
52
|
-
function PreviewLog(props) {
|
53
|
-
var item = props.item;
|
54
|
-
var data = redux_connected_1.clearMeta(item);
|
55
|
-
return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
|
56
|
-
React.createElement(Json_1.default, { value: data })));
|
57
|
-
}
|
58
|
-
function PreviewProcess(props) {
|
59
|
-
var item = props.item;
|
60
|
-
var data = redux_connected_1.clearMeta(item);
|
61
|
-
return (React.createElement("div", { className: prefix_1.default + "PreviewLog-container" },
|
62
|
-
React.createElement(Json_1.default, { value: data })));
|
63
|
-
}
|
64
|
-
exports.default = Preview;
|
@@ -1,107 +0,0 @@
|
|
1
|
-
.__devtools__Rows-container .__devtools__Reading-container {
|
2
|
-
display: flex;
|
3
|
-
flex-direction: row;
|
4
|
-
align-items: center;
|
5
|
-
padding: 5px 10px;
|
6
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
7
|
-
}
|
8
|
-
.__devtools__Rows-container .__devtools__Reading-container .col:first-child {
|
9
|
-
flex: 1;
|
10
|
-
}
|
11
|
-
.__devtools__Rows-container .__devtools__Reading-container .col .row {
|
12
|
-
display: flex;
|
13
|
-
flex-direction: row;
|
14
|
-
align-items: center;
|
15
|
-
}
|
16
|
-
.__devtools__Rows-container .__devtools__Reading-container .path {
|
17
|
-
font-size: 17px;
|
18
|
-
color: #eee;
|
19
|
-
max-width: 180px;
|
20
|
-
text-overflow: ellipsis;
|
21
|
-
white-space: nowrap;
|
22
|
-
overflow: hidden;
|
23
|
-
}
|
24
|
-
.__devtools__Rows-container .__devtools__Reading-container .sequence {
|
25
|
-
border: 1px solid #666;
|
26
|
-
color: #eee;
|
27
|
-
border-radius: 4px;
|
28
|
-
width: 20px;
|
29
|
-
text-align: center;
|
30
|
-
font-size: 11px;
|
31
|
-
margin-right: 5px;
|
32
|
-
}
|
33
|
-
.__devtools__Rows-container .__devtools__Reading-container .badge {
|
34
|
-
padding: 0 3px;
|
35
|
-
background-color: #445;
|
36
|
-
border-radius: 4px;
|
37
|
-
text-align: center;
|
38
|
-
font-size: 11px;
|
39
|
-
margin-right: 5px;
|
40
|
-
}
|
41
|
-
.__devtools__Rows-container .__devtools__Reading-container .message {
|
42
|
-
color: #777;
|
43
|
-
border-radius: 4px;
|
44
|
-
text-align: center;
|
45
|
-
font-size: 14px;
|
46
|
-
margin-right: 5px;
|
47
|
-
}
|
48
|
-
.__devtools__Rows-container .__devtools__Reading-container .description {
|
49
|
-
font-size: 12px;
|
50
|
-
color: rgba(255, 255, 255, 0.6);
|
51
|
-
max-width: 260px;
|
52
|
-
text-overflow: ellipsis;
|
53
|
-
white-space: nowrap;
|
54
|
-
overflow: hidden;
|
55
|
-
}
|
56
|
-
.__devtools__Rows-container .__devtools__Reading-container .description.short {
|
57
|
-
font-size: 11px;
|
58
|
-
max-width: 190px;
|
59
|
-
}
|
60
|
-
.__devtools__Rows-container .__devtools__Reading-container .type {
|
61
|
-
font-size: 13px;
|
62
|
-
}
|
63
|
-
.__devtools__Rows-container .__devtools__Reading-container .path {
|
64
|
-
color: #eee;
|
65
|
-
}
|
66
|
-
.__devtools__Rows-container .__devtools__Reading-container .timeAgo {
|
67
|
-
font-size: 12px;
|
68
|
-
color: rgba(255, 255, 255, 0.8);
|
69
|
-
color: gold;
|
70
|
-
}
|
71
|
-
.__devtools__Rows-container .__devtools__Reading-container .timestamp {
|
72
|
-
font-size: 13px;
|
73
|
-
color: #eee;
|
74
|
-
font-weight: 500;
|
75
|
-
font-family: monospace;
|
76
|
-
text-align: right;
|
77
|
-
}
|
78
|
-
.__devtools__Rows-container .__devtools__Reading-container .id {
|
79
|
-
font-size: 13px;
|
80
|
-
color: #eee;
|
81
|
-
font-family: monospace;
|
82
|
-
text-align: right;
|
83
|
-
}
|
84
|
-
.__devtools__Rows-container .__devtools__Reading-container.disabled .title {
|
85
|
-
color: rgba(255, 255, 255, 0.5);
|
86
|
-
}
|
87
|
-
.__devtools__Rows-container .__devtools__Reading-container.disabled .timestamp {
|
88
|
-
color: rgba(255, 255, 255, 0.3);
|
89
|
-
}
|
90
|
-
.__devtools__Rows-container .__devtools__Reading-container.disabled .description {
|
91
|
-
color: rgba(255, 255, 255, 0.3);
|
92
|
-
}
|
93
|
-
.__devtools__Rows-container.wide .__devtools__Reading-container .description {
|
94
|
-
max-width: 660px;
|
95
|
-
}
|
96
|
-
.__devtools__Rows-container.wide .__devtools__Reading-container .description.short {
|
97
|
-
font-size: 11px;
|
98
|
-
max-width: 190px;
|
99
|
-
}
|
100
|
-
.__devtools__Rows-container.selectable .__devtools__Reading-container {
|
101
|
-
cursor: pointer;
|
102
|
-
}
|
103
|
-
.__devtools__Rows-container.selectable .__devtools__Reading-container:hover {
|
104
|
-
background-color: rgba(255, 255, 255, 0.05);
|
105
|
-
}
|
106
|
-
|
107
|
-
/*# sourceMappingURL=Reading.css.map */
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///Users/dht/projects/redux-connected/packages/redux-connected-devtools/src/components/Reading.scss"],"names":[],"mappings":"AAGI;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAOJ;EACI;;AAEA;EACI;EACA;;AAOZ;EACI;;AAEA;EACI","file":"Reading.css"}
|