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
118
119
120
121
122
123
124
125
126
127
128
|
/* 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/>. */
/* eslint complexity: ["error", 35]*/
/**
* UI reducer
* @module reducers/ui
*/
import { prefs, features } from "../utils/prefs";
export const initialUIState = () => ({
selectedPrimaryPaneTab: "sources",
activeSearch: null,
startPanelCollapsed: prefs.startPanelCollapsed,
endPanelCollapsed: prefs.endPanelCollapsed,
frameworkGroupingOn: prefs.frameworkGroupingOn,
highlightedLineRange: undefined,
conditionalPanelLocation: null,
isLogPoint: false,
orientation: "horizontal",
viewport: null,
cursorPosition: null,
inlinePreviewEnabled: features.inlinePreview,
editorWrappingEnabled: prefs.editorWrapping,
javascriptEnabled: true,
});
function update(state = initialUIState(), action) {
switch (action.type) {
case "TOGGLE_ACTIVE_SEARCH": {
return { ...state, activeSearch: action.value };
}
case "TOGGLE_FRAMEWORK_GROUPING": {
prefs.frameworkGroupingOn = action.value;
return { ...state, frameworkGroupingOn: action.value };
}
case "TOGGLE_INLINE_PREVIEW": {
features.inlinePreview = action.value;
return { ...state, inlinePreviewEnabled: action.value };
}
case "TOGGLE_EDITOR_WRAPPING": {
prefs.editorWrapping = action.value;
return { ...state, editorWrappingEnabled: action.value };
}
case "TOGGLE_JAVASCRIPT_ENABLED": {
return { ...state, javascriptEnabled: action.value };
}
case "TOGGLE_SOURCE_MAPS_ENABLED": {
prefs.clientSourceMapsEnabled = action.value;
return { ...state };
}
case "SET_ORIENTATION": {
return { ...state, orientation: action.orientation };
}
case "TOGGLE_PANE": {
if (action.position == "start") {
prefs.startPanelCollapsed = action.paneCollapsed;
return { ...state, startPanelCollapsed: action.paneCollapsed };
}
prefs.endPanelCollapsed = action.paneCollapsed;
return { ...state, endPanelCollapsed: action.paneCollapsed };
}
case "HIGHLIGHT_LINES":
const { start, end, sourceId } = action.location;
let lineRange;
// Lines are one-based so the check below is fine.
if (start && end && sourceId) {
lineRange = { start, end, sourceId };
}
return { ...state, highlightedLineRange: lineRange };
case "CLOSE_QUICK_OPEN":
case "CLEAR_HIGHLIGHT_LINES":
return { ...state, highlightedLineRange: undefined };
case "OPEN_CONDITIONAL_PANEL":
return {
...state,
conditionalPanelLocation: action.location,
isLogPoint: action.log,
};
case "CLOSE_CONDITIONAL_PANEL":
return { ...state, conditionalPanelLocation: null };
case "SET_PRIMARY_PANE_TAB":
return { ...state, selectedPrimaryPaneTab: action.tabName };
case "CLOSE_PROJECT_SEARCH": {
if (state.activeSearch === "project") {
return { ...state, activeSearch: null };
}
return state;
}
case "SET_VIEWPORT": {
return { ...state, viewport: action.viewport };
}
case "SET_CURSOR_POSITION": {
return { ...state, cursorPosition: action.cursorPosition };
}
case "NAVIGATE": {
return { ...state, activeSearch: null, highlightedLineRange: {} };
}
default: {
return state;
}
}
}
export default update;
|
