add outline menu

Author: jogibear9988

package.json

@@ -39,6 +39,22 @@
 					"when": "true",
 					"group": "navigation"
 				}
+			],
+			"CustomEditorOutlineActionMenu": [
+				{
+					"command": "myExtension.deleteElement",
+					"group": "inline",
+					"when": "customEditorOutlineItem == element"
+				},
+				{
+					"command": "myExtension.duplicateElement",
+					"group": "inline",
+					"when": "customEditorOutlineItem == element"
+				},
+				{
+					"command": "myExtension.renameElement",
+					"when": "customEditorOutlineItem == element"
+				}
 			]
 		},
 		"commands": [
@@ -49,6 +65,20 @@
 					"light": "resources/light/editor.svg",
 					"dark": "resources/dark/editor.svg"
 				}
+			},
+			{
+				"command": "myExtension.deleteElement",
+				"title": "Delete Element",
+				"icon": "$(trash)"
+			},
+			{
+				"command": "myExtension.duplicateElement",
+				"title": "Duplicate Element",
+				"icon": "$(copy)"
+			},
+			{
+				"command": "myExtension.renameElement",
+				"title": "Rename Element"
 			}
 		],
 		"customEditors": [
@@ -119,4 +149,4 @@
 		"es-module-shims": "^2.8.0",
 		"typescript": "^5.8.3"
 	}
-}
+}

src/vscode/DesignerTextEditor.ts

@@ -20,7 +20,7 @@ export class DesignerTextEditor implements vscode.CustomTextEditorProvider {
 				retainContextWhenHidden: true
 			}
 		});
-		const outlineRegistration = vscode.window.registerCustomEditorOutlineProvider('designer.visualEditor', outlineProvider)
+		const outlineRegistration = vscode.window.registerCustomEditorOutlineProvider('designer.designerTextEditor', outlineProvider)
 		return [providerRegistration, outlineRegistration];
 	}
 
@@ -152,6 +152,7 @@ export class DesignerTextEditor implements vscode.CustomTextEditorProvider {
 			{
 				id: 'root',
 				label: 'Canvas',
+				detail: 'test',
 				icon: new vscode.ThemeIcon('layout'),
 				contextValue: 'canvas',
 				children: [