1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
const {
INITIALIZE,
MESSAGES_CLEAR,
PERSIST_TOGGLE,
REVERSE_SEARCH_INPUT_TOGGLE,
SELECT_NETWORK_MESSAGE_TAB,
SHOW_CONTENT_MESSAGES_TOGGLE,
SHOW_OBJECT_IN_SIDEBAR,
SIDEBAR_CLOSE,
SPLIT_CONSOLE_CLOSE_BUTTON_TOGGLE,
TIMESTAMPS_TOGGLE,
FILTERBAR_DISPLAY_MODE_SET,
FILTERBAR_DISPLAY_MODES,
EDITOR_ONBOARDING_DISMISS,
EDITOR_TOGGLE,
EDITOR_PRETTY_PRINT,
EDITOR_SET_WIDTH,
} = require("devtools/client/webconsole/constants");
const { PANELS } = require("devtools/client/netmonitor/src/constants");
const UiState = overrides =>
Object.freeze(
Object.assign(
{
initialized: false,
networkMessageActiveTabId: PANELS.HEADERS,
persistLogs: false,
showContentMessages: false,
sidebarVisible: false,
timestampsVisible: true,
frontInSidebar: null,
closeButtonVisible: false,
reverseSearchInputVisible: false,
reverseSearchInitialValue: "",
editor: false,
editorWidth: null,
editorPrettifiedAt: null,
showEditorOnboarding: false,
filterBarDisplayMode: FILTERBAR_DISPLAY_MODES.WIDE,
},
overrides
)
);
function ui(state = UiState(), action) {
switch (action.type) {
case PERSIST_TOGGLE:
return { ...state, persistLogs: !state.persistLogs };
case SHOW_CONTENT_MESSAGES_TOGGLE:
return { ...state, showContentMessages: !state.showContentMessages };
case TIMESTAMPS_TOGGLE:
return { ...state, timestampsVisible: !state.timestampsVisible };
case SELECT_NETWORK_MESSAGE_TAB:
return { ...state, networkMessageActiveTabId: action.id };
case SIDEBAR_CLOSE:
return {
...state,
sidebarVisible: false,
frontInSidebar: null,
};
case INITIALIZE:
return { ...state, initialized: true };
case MESSAGES_CLEAR:
return { ...state, sidebarVisible: false, frontInSidebar: null };
case SHOW_OBJECT_IN_SIDEBAR:
if (action.front === state.frontInSidebar) {
return state;
}
return { ...state, sidebarVisible: true, frontInSidebar: action.front };
case SPLIT_CONSOLE_CLOSE_BUTTON_TOGGLE:
return { ...state, closeButtonVisible: action.shouldDisplayButton };
case REVERSE_SEARCH_INPUT_TOGGLE:
return {
...state,
reverseSearchInputVisible: !state.reverseSearchInputVisible,
reverseSearchInitialValue: action.initialValue || "",
};
case FILTERBAR_DISPLAY_MODE_SET:
return {
...state,
filterBarDisplayMode: action.displayMode,
};
case EDITOR_TOGGLE:
return {
...state,
editor: !state.editor,
};
case EDITOR_ONBOARDING_DISMISS:
return {
...state,
showEditorOnboarding: false,
};
case EDITOR_SET_WIDTH:
return {
...state,
editorWidth: action.width,
};
case EDITOR_PRETTY_PRINT:
return {
...state,
editorPrettifiedAt: Date.now(),
};
}
return state;
}
module.exports = {
UiState,
ui,
};
|
