adam/Remote-Terminal-for-MeshCore
1
0
Fork 0
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-08-11 03:03:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Draggable nodes and periodic (hourly) announce

Browse Source
This commit is contained in:
Jack Kingsman
2026-01-22 22:39:34 -08:00
parent 775b128851
commit b3c26507f4
9 changed files with 141 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/dist/assets/index-6X8xpvpN.css → frontend/dist/assets/index-BH0I1D-N.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-DC7wagyC.js → frontend/dist/assets/index-CJZtvuFn.js
Vendored
+20 -20
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-CJZtvuFn.js.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-DC7wagyC.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
frontend/dist/index.html
Vendored
+2 -2
View File
@@ -13,8 +13,8 @@
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<script type="module" crossorigin src="/assets/index-DC7wagyC.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-6X8xpvpN.css">
<script type="module" crossorigin src="/assets/index-CJZtvuFn.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BH0I1D-N.css">
</head>
<body>
<div id="root"></div>
frontend/src/components/AGENTS.md
+22 -2
View File
@@ -274,6 +274,23 @@ ctx.setTransform(dpr * scale, 0, 0, dpr * scale, dpr * (x + panX), dpr * (y + pa
4. Draw nodes (circles with emojis)
5. Draw hover tooltip if applicable
## Mouse Interactions
| Action | Behavior |
| -------------------------- | ------------------------------------------------ |
| Click + drag on node | Move node to new position (temporarily fixes it) |
| Release dragged node | Node returns to force-directed layout |
| Click + drag on empty area | Pan the canvas |
| Scroll wheel | Zoom in/out |
| Hover over node | Shows node details, cursor changes to pointer |
**Node Dragging Implementation:**
- On mouse down over a node, sets `fx`/`fy` (D3 fixed position) to lock it
- On mouse move, updates the fixed position to follow cursor
- On mouse up, clears `fx`/`fy` so node rejoins the simulation
- Simulation is slightly reheated during drag for responsive feedback
## Configuration Options
| Option | Default | Description |
@@ -303,12 +320,15 @@ PacketVisualizer.tsx
│ ├── getPacketLabel()
│ ├── generatePacketKey()
│ ├── findContactBy*()
│ └── dedupeConsecutive()
│ ├── dedupeConsecutive()
│ ├── analyzeRepeaterTraffic()
│ └── recordTrafficObservation()
├── DATA LAYER HOOK (useVisualizerData)
│ ├── Refs (nodes, links, particles, simulation, pending, timers)
│ ├── Refs (nodes, links, particles, simulation, pending, timers, trafficPatterns)
│ ├── Simulation initialization
│ ├── Node/link management (addNode, addLink, syncSimulation)
│ ├── Path building (resolveNode, buildPath)
│ ├── Traffic pattern analysis (for repeater disambiguation)
│ └── Packet processing & publishing
├── RENDERING FUNCTIONS
│ ├── renderLinks()