Merge pull request #112 from asadarafat/main

TopoViewer/Editor enhancement

Author: FloSch62

CHANGELOG.md

@@ -1,13 +1,17 @@
 # Change Log
 
+## [0.12.1] - 2025-05-01
+* TopoEditor: Now supports link editing
+* TopoViewer: Can now be used with undeployed labs
+
 ## [0.12.0] - 2025-04-26
 * TopoViewer Editor - A full GUI for authoring ContainerLab topology files webview:
   * Viewport “+” button for adding nodes.
   * Shift+Click on the canvas to place a new node at the click position.
-    * Node context-menu (right-click) on each node: 
+    * Node context-menu (right-click) on each node:
     * Edit Node — open its properties panel.
     * Delete Node — remove the node.
-    * Add Link — begin link creation      
+    * Add Link — begin link creation
   * Shortcuts
 
     | Shortcut                   | Action                   |
@@ -74,12 +78,12 @@
     * Implemented MAC address detection and subinterface discovery system
     * Enhanced link operational state detection and WebSocket-based property updates
     * Improved UI responsiveness with streamlined node/link panels and action handling
-* fixes 
+* fixes
 
 ## [0.7.0] - 2025-02-09
 * Save command for labs and nodes
 * Packetcapture with Edgeshark supports now multi-interface selection (ctrl/cmd + click)
-* Packtflix port is now configurable 
+* Packtflix port is now configurable
 * Fixes
 
 ## [0.6.2] - 2025-02-04

package-lock.json

@@ -5,10 +5,10 @@
   "icon": "resources/containerlab.png",
   "description": "Manages containerlab topologies in VS Code",
   "author": "SRL Labs",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "homepage": "https://containerlab.dev/manual/vsc-extension/",
   "engines": {
-    "vscode": "^1.70.0"
+    "vscode": "^1.99.1"
   },
   "repository": {
     "type": "git",
@@ -64,6 +64,10 @@
         "title": "Edit topology",
         "icon": "$(pencil)"
       },
+      {
+        "command": "containerlab.editor.topoViewerEditor.open",
+        "title": "Edit topology (TopoEditor)"
+      },
       {
         "command": "containerlab.lab.copyPath",
         "title": "Copy file path",
@@ -430,20 +434,26 @@
           "when": "viewItem =~ /containerlabLab/",
           "group": "labFile@0"
         },
+        {
+          "command": "containerlab.editor.topoViewerEditor.open",
+          "when": "viewItem == containerlabLabUndeployed",
+          "group": "labFile@1",
+          "title": "Edit Topology (TopoEditor)"
+        },
         {
           "command": "containerlab.lab.copyPath",
           "when": "viewItem =~ /containerlabLab/",
-          "group": "labFile@1"
+          "group": "labFile@2"
         },
         {
           "command": "containerlab.lab.addToWorkspace",
           "when": "viewItem == containerlabLabDeployed",
-          "group": "labFile@2"
+          "group": "labFile@3"
         },
         {
           "command": "containerlab.lab.openFolderInNewWindow",
           "when": "viewItem =~ /containerlabLab/",
-          "group": "labFile@3"
+          "group": "labFile@4"
         },
         {
           "command": "containerlab.lab.deploy",
@@ -512,7 +522,7 @@
         },
         {
           "command": "containerlab.lab.graph.topoViewer",
-          "when": "viewItem == containerlabLabDeployed",
+          "when": "viewItem =~ /containerlabLab/",
           "group": "graph@3"
         },
         {
@@ -802,20 +812,20 @@
       }
     }
   },
-"scripts": {
-  "compile": "tsc -p .",
-  "watch": "tsc -w -p .",
-  "build:webview": "webpack --config webpack.config.js",
-  "package": "npm run compile && npm run build:webview && vsce package",
-  "package:dev": "npm run watch & webpack --config webpack.config.js --watch"
+  "scripts": {
+    "compile": "tsc -p .",
+    "watch": "tsc -w -p .",
+    "build:webview": "webpack --config webpack.config.js",
+    "package": "npm run compile && npm run build:webview && vsce package",
+    "package:dev": "npm run watch & webpack --config webpack.config.js --watch"
   },
   "devDependencies": {
     "@types/cytoscape-cxtmenu": "^3.4.4",
     "@types/cytoscape-edgehandles": "^4.0.4",
     "@types/js-yaml": "^4.0.9",
-    "@types/node": "^18.0.0",
-    "@types/vscode": "^1.70.0",
-    "typescript": "^5.7.3",
+    "@types/node": "^22.15.3",
+    "@types/vscode": "^1.99.1",
+    "typescript": "^5.8.3",
     "webpack-cli": "^6.0.1"
   },
   "dependencies": {
@@ -834,6 +844,6 @@
     "cytoscape-grid-guide": "^2.3.3",
     "socket.io": "^4.8.1",
     "ts-loader": "^9.5.2",
-    "yaml": "^2.7.0"
+    "yaml": "^2.7.1"
   }
-}
+}