Releases: asadarafat/topoViewer-frontend
0.0.5
0.0.4
CleanShot.2025-02-22.at.17.05.51.mp4
improve group management deletion
0.0.3
Mark-01
CleanShot.2025-02-19.at.13.45.51.mp4
New Features & Improvements
- Modifier Key Combinations for Node Interactions:
- Ctrl + Click: Connect to the node via SSH.
- Shift + Click (non-group): Create a new group and reassign the clicked node to it.
- Shift + Click (group): Open the editor panel to modify an existing group.
- Alt + Click: Release the node from its group and remove an empty group if applicable.
- Regular Click: Toggle the display of node properties in the UI.
- Drag & Drop: Assign a node to a group by dragging it into the desired group.
Mark-02
CleanShot.2025-02-21.at.19.47.34.mp4
Group Management UX Improvements
- New viewport button to add groups for easier group creation.
- Enhanced node actions to release a node from its group directly.
- Modified group editor access:
- Click (group) instead of Shift + Click (group) now opens the editor panel to modify an existing group.
These updates enhance user interaction efficiency and streamline group management within TopoViewer. 🚀
0.0.2
TopoViewer Enhancement Release Notes
We are excited to announce a series of enhancements to TopoViewer that improve topology visualization, configuration management, and operational feedback. Below is an overview of the new features, improvements, and fixes implemented across multiple milestones.
Mark-01 Enhancements
-
Link MAC-Address Detection
Enhanced detection capabilities for MAC addresses.
[View Demo](https://github.com/user-attachments/assets/a5902f35-bf7d-4386-aeb6-9534bb24eba1) -
Link Capture Updates
- Updated link naming convention.
- Added sub-interface detection.
-
Topology Management
- Reload Topology: Quickly refresh your topology view.
[View Demo](https://github.com/user-attachments/assets/fc3be0aa-3994-4122-b729-ae14ae0c8dad) - Save Topology: Persist your topology changes with improved saving functionality.
[View Demo](https://github.com/user-attachments/assets/dc9da341-5be9-469d-9c65-ddb90449a3bd)
- Reload Topology: Quickly refresh your topology view.
-
Preset Layout Integration
Nodes can now be rendered based on a preset layout using thepreset-layout-X/Y
label. -
UI Alignment Enhancements
Aligns CLab topology node labels with CLab-IO-Draw for a more consistent display.
[View Demo](https://github.com/user-attachments/assets/5a9b32d9-8ff7-4a2b-acdd-a9f2e800cfbb) -
onChange Framework
Introduced a new framework for detecting operational link status changes.
[View Demo](https://github.com/user-attachments/assets/c7a48d22-91b1-44b0-b7d2-57ab1194f36d)
Mark-02 Enhancements
-
Remote Linux Server Test Run
Validated functionality in a remote Linux server environment. -
Improved YAML Handling
YAML files are now saved with flow-style formatting.
[View Demo](https://github.com/user-attachments/assets/1ab8281c-40d3-413c-8e81-77e8eb16551d) -
Graph Positioning Improvements
Enhanced control with propertiesgraphPosX/graphPosY
.
[View Demo](https://github.com/user-attachments/assets/ea882cd1-c7e4-4eb3-aaf2-2b448ed2ae2a) -
Node Actions Fix
Resolved issues related to node action handling.
[View Demo](https://github.com/user-attachments/assets/3bdf378e-9f01-4913-bb24-f73a2994b5da) -
UI Cleanup
Removed the yellow popup notifications. -
Operational State Detection Fix
Improved reliability in detecting the operational state of links.
Mark-03 Enhancements
-
Remote OrbStack Test Run
Ensured full functionality in the remote OrbStack environment. -
Enhanced YAML Saving
YAML files are now saved with flow-style formatting while preserving comments. -
Graph Position Naming Update
Updated naming fromgraphPosX/graphPosY
tograph-posX/graph-posY
for consistency. -
Additional Fixes
- Node actions handling improvements.
- Continued removal of yellow popups.
- Further refinements in link operational state detection.
-
Live Demo
Experience the latest enhancements in action.
[View Demo](https://github.com/user-attachments/assets/36dbaed3-e210-4ed2-b152-ab873b072dd6)
Mark-04 Enhancements
- Real-Time Data Enrichment
- Link Properties: Enhanced using socket communication.
- Data Properties: Enhanced using socket communication.
We hope these improvements make TopoViewer even more powerful and user-friendly. Thank you for your continued support and feedback!