From eb40076e2b8f5906b9f80e62a9f33124ca11fd11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lo=C3=AFc=20Correnson?= <loic.correnson@cea.fr>
Date: Fri, 17 May 2024 13:40:51 +0200
Subject: [PATCH] [ivette] renamed sandboxed diagrams
---
ivette/src/dome/renderer/graph/diagram.tsx | 10 +++++++---
ivette/src/sandbox/{diagram.tsx => dotdiagram.tsx} | 0
2 files changed, 7 insertions(+), 3 deletions(-)
rename ivette/src/sandbox/{diagram.tsx => dotdiagram.tsx} (100%)
diff --git a/ivette/src/dome/renderer/graph/diagram.tsx b/ivette/src/dome/renderer/graph/diagram.tsx
index e9b55ac29de..1a57c89f38a 100644
--- a/ivette/src/dome/renderer/graph/diagram.tsx
+++ b/ivette/src/dome/renderer/graph/diagram.tsx
@@ -137,7 +137,7 @@ const byNode = (a: Node, b: Node): number => byStr(a.id, b.id);
const byEdge = (a: Edge, b: Edge): number => byStr(edgeKey(a), edgeKey(b));
/* -------------------------------------------------------------------------- */
-/* --- d3-Graphviz Component --- */
+/* --- d3-Graphviz view --- */
/* -------------------------------------------------------------------------- */
let divId = 0;
@@ -146,6 +146,7 @@ const newDivId = (): string => `dome_d3gv_${++divId}`;
interface GraphvizProps extends DiagramProps { size: Size }
function GraphvizView(props: GraphvizProps): JSX.Element {
+
// --- Model Generation
const { direction = 'LR', nodes, edges } = props;
const model = React.useMemo(() => {
@@ -155,19 +156,22 @@ function GraphvizView(props: GraphvizProps): JSX.Element {
edges.concat().sort(byEdge).forEach(e => dot.edge(e));
return dot.flush();
}, [direction, nodes, edges]);
+
// --- Model Update Callback
const { onModelChanged } = props;
React.useEffect(() => {
if (onModelChanged) onModelChanged(model);
}, [model, onModelChanged]);
- // --- Rendering
+
+ // --- Rendering & Remote
const id = React.useMemo(newDivId, []);
const { width, height } = props.size;
React.useEffect(() => {
d3.graphviz(`#${id}`, {
- fit: false, zoom: false, width, height,
+ fit: false, zoom: true, width, height,
}).renderDot(model);
}, [id, model, width, height]);
+
return (
<Catch label='Graphviz Error'>
<div id={id} className={props.className} />
diff --git a/ivette/src/sandbox/diagram.tsx b/ivette/src/sandbox/dotdiagram.tsx
similarity index 100%
rename from ivette/src/sandbox/diagram.tsx
rename to ivette/src/sandbox/dotdiagram.tsx
--
GitLab