iarv/Remote-Terminal-for-MeshCore
1
0
Fork 1
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-05-04 04:23:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

Remove visualizer shuffle; not needed in 3D (nearly always worse layout)

Browse Source
This commit is contained in:
Jack Kingsman
2026-02-16 17:36:05 -08:00
parent 7df21d03f2
commit a495f284ea
1 changed files with 1 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/components/PacketVisualizer3D.tsx
View File

@@ -123,7 +123,6 @@ interface VisualizerData3D {
links: Map<string, GraphLink>;
particles: Particle[];
stats: { processed: number; animated: number; nodes: number; links: number };
randomizePositions: () => void;
expandContract: () => void;
clearAndReset: () => void;
}
@@ -660,32 +659,6 @@ function useVisualizerData3D({
}
}, [packets, config, buildPath, addLink, syncSimulation, publishPacket]);
const randomizePositions = useCallback(() => {
const sim = simulationRef.current;
if (!sim) return;
const radius = 200;
for (const node of nodesRef.current.values()) {
if (node.id === 'self') {
node.x = 0;
node.y = 0;
node.z = 0;
} else {
const theta = Math.random() * Math.PI * 2;
const phi = Math.acos(2 * Math.random() - 1);
const r = Math.random() * radius;
node.x = r * Math.sin(phi) * Math.cos(theta);
node.y = r * Math.sin(phi) * Math.sin(theta);
node.z = r * Math.cos(phi);
}
node.vx = 0;
node.vy = 0;
node.vz = 0;
}
sim.alpha(1).restart();
}, []);
const expandContract = useCallback(() => {
const sim = simulationRef.current;
if (!sim) return;
@@ -823,11 +796,10 @@ function useVisualizerData3D({
links: linksRef.current,
particles: particlesRef.current,
stats,
randomizePositions,
expandContract,
clearAndReset,
}),
[stats, randomizePositions, expandContract, clearAndReset]
[stats, expandContract, clearAndReset]
);
}
@@ -1605,13 +1577,6 @@ export function PacketVisualizer3D({
/>
</div>
</div>
<button
onClick={data.randomizePositions}
className="mt-2 px-3 py-1.5 bg-primary/20 hover:bg-primary/30 text-primary rounded text-xs transition-colors"
title="Randomize node positions and let the simulation settle into a new layout"
>
Shuffle layout
</button>
<button
onClick={data.expandContract}
className="mt-1 px-3 py-1.5 bg-primary/20 hover:bg-primary/30 text-primary rounded text-xs transition-colors"