Skip to content

Commit 3665d44

Browse files
VEZYVEZY
committed
Fix inspector button in viewer mode (didn't opened the inspector)
1 parent b19ee54 commit 3665d44

7 files changed

Lines changed: 35 additions & 23 deletions

File tree

‎frontend/dist/.vite/manifest.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
{
22
"index.html": {
3-
"file": "assets/index-B5fGgdwY.js",
3+
"file": "assets/index--wMugJW5.js",
44
"name": "index",
55
"src": "index.html",
66
"isEntry": true,
77
"css": [
8-
"assets/index-B-ZuF7PS.css"
8+
"assets/index-Wf_4MG8d.css"
99
]
1010
}
1111
}

frontend/dist/assets/index-B5fGgdwY.js renamed to frontend/dist/assets/index--wMugJW5.js

Lines changed: 16 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frontend/dist/assets/index-B-ZuF7PS.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎frontend/dist/assets/index-Wf_4MG8d.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frontend/dist/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>PlantSimEngine Dependency Graph</title>
7-
<script type="module" crossorigin src="/assets/index-B5fGgdwY.js"></script>
8-
<link rel="stylesheet" crossorigin href="/assets/index-B-ZuF7PS.css">
7+
<script type="module" crossorigin src="/assets/index--wMugJW5.js"></script>
8+
<link rel="stylesheet" crossorigin href="/assets/index-Wf_4MG8d.css">
99
</head>
1010
<body>
1111
<div id="root"></div>

‎frontend/src/App.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ export default function App() {
137137
const [editorConnected, setEditorConnected] = useState(false);
138138
const [canUndo, setCanUndo] = useState(false);
139139
const [canRedo, setCanRedo] = useState(false);
140-
const [activePanel, setActivePanel] = useState<SidePanel>("inspector");
140+
const [activePanel, setActivePanel] = useState<SidePanel>(() => loadEditorConfig()?.websocketUrl ? "inspector" : null);
141141
const [mappingCode, setMappingCode] = useState("");
142142
const [initializations, setInitializations] = useState<InitializationDescriptor[]>([]);
143143
const [lastSavedPath, setLastSavedPath] = useState<string | null>(null);
@@ -429,6 +429,7 @@ export default function App() {
429429
setSelectedEdge(null);
430430
setSelected(node);
431431
setActivePort(port ?? null);
432+
setActivePanel("inspector");
432433
setCollapsedScales((current) => {
433434
if (!current.has(node.scale)) return current;
434435
const next = new Set(current);
@@ -763,12 +764,14 @@ export default function App() {
763764
setSelected(null);
764765
setActivePort(null);
765766
setPinnedFocus(null);
767+
setActivePanel("inspector");
766768
}
767769
}}
768770
onNodeClick={(_, node) => {
769771
setCandidatePopover(null);
770772
setSelectedEdge(null);
771773
setSelected(node.data);
774+
setActivePanel("inspector");
772775
}}
773776
fitView
774777
fitViewOptions={{ padding: viewMode === "overview" ? 0.14 : 0.08, minZoom: 0.03, maxZoom: viewMode === "overview" ? 1.25 : 1 }}

‎frontend/src/styles.css‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ body {
3434
display: grid;
3535
grid-template-columns: minmax(0, 1fr) 340px;
3636
height: 100vh;
37+
position: relative;
3738
}
3839

3940
.graph-panel {
@@ -2022,7 +2023,15 @@ h1 {
20222023
}
20232024

20242025
.inspector {
2025-
display: none;
2026+
position: absolute;
2027+
z-index: 28;
2028+
top: 150px;
2029+
right: 16px;
2030+
bottom: 16px;
2031+
width: min(360px, calc(100% - 32px));
2032+
border: 1px solid var(--line);
2033+
border-radius: 14px;
2034+
box-shadow: 0 18px 45px var(--shadow);
20262035
}
20272036

20282037
.relationship-legend,

0 commit comments

Comments
 (0)