jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add wireframe mode control

Browse Source 
Summary:
This allows you to control how the wire frames are drawn, useful when there are lots of overalpping wireframes

Changelog: UIDebugger - Added wireframe mode control, useful when lots of overlapping wireframes

Reviewed By: aigoncharov

Differential Revision: D47949841

fbshipit-source-id: 72de7d085ca433557107ab0cc6e4399220836d9f
This commit is contained in:
Luke De Feo
2023-08-01 10:32:29 -07:00
committed by Facebook GitHub Bot
parent fb469faa1d
commit fb503a0a2f
6 changed files with 105 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
desktop/plugins/public/ui-debugger/plugin/ClientDataUtils.tsx
View File

@@ -30,7 +30,7 @@ export function checkFocusedNodeStillActive(
nodes: Map<Id, ClientNode>,
) {
const focusedNodeId = uiState.focusedNode.get();
const focusedNode = focusedNodeId && nodes.get(focusedNodeId);
const focusedNode = focusedNodeId != null && nodes.get(focusedNodeId);
if (!focusedNode || !isFocusedNodeAncestryAllActive(focusedNode, nodes)) {
uiState.focusedNode.set(undefined);
}

6
desktop/plugins/public/ui-debugger/plugin/uiActions.tsx
View File

@@ -16,6 +16,7 @@ import {
UIActions,
UIState,
ViewMode,
WireFrameMode,
} from '../DesktopTypes';
import {tracker} from '../utils/tracker';
import {
@@ -108,6 +109,10 @@ export function uiActions(
uiState.viewMode.set(viewMode);
};
const onSetWireFrameMode = (wireFrameMode: WireFrameMode) => {
uiState.wireFrameMode.set(wireFrameMode);
};
const onSetFrameworkEventMonitored = (
eventType: FrameworkEventType,
monitored: boolean,
@@ -158,5 +163,6 @@ export function uiActions(
onSetFrameworkEventMonitored,
onPlayPauseToggled,
onSearchTermUpdated,
onSetWireFrameMode,
};
}