add designer to title and file context menu

jogibear9988 · jogibear9988 · commit 96486bc79462 · 2025-04-27T23:27:10.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
 	"name": "vscode-designer-addon",
 	"displayName": "HTML Wysiwyg (What you see is what you get) Designer Addon",
 	"description": "A Graphical HTML Designer",
-	"version": "1.1.20",
+	"version": "1.2.0",
 	"publisher": "node-projects",
 	"license": "MIT",
 	"repository": {
@@ -22,6 +22,32 @@
 	"main": "./out/vscode/extension.js",
 	"browser": "./out/vscodeWeb/extension.js",
 	"contributes": {
+		"menus": {
+			"editor/title": [
+				{
+					"command": "designer.openInDesignerTextEditor",
+					"when": "true",
+					"group": "navigation"
+				}
+			],
+			"explorer/context": [
+				{
+					"command": "designer.openInDesignerTextEditor",
+					"when": "true",
+					"group": "navigation"
+				}
+			]
+		},
+		"commands": [
+			{
+				"command": "designer.openInDesignerTextEditor",
+				"title": "🎨 Open in Designer",
+				"icon": {
+					"light": "resources/light/editor.svg",
+					"dark": "resources/dark/editor.svg"
+				}
+			}
+		],
 		"customEditors": [
 			{
 				"viewType": "designer.designerTextEditor",
@@ -90,4 +116,4 @@
 		"es-module-shims": "^2.4.0",
 		"typescript": "^5.8.3"
 	}
-}
+}
diff --git a/resources/dark/editor.svg b/resources/dark/editor.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="4" width="18" height="16" rx="2" ry="2"></rect>
+  <path d="M3 10h18"></path>
+  <path d="M7 14h2v2H7z"></path>
+  <path d="M11 14h2v2h-2z"></path>
+</svg>
diff --git a/resources/light/editor.svg b/resources/light/editor.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="4" width="18" height="16" rx="2" ry="2"></rect>
+  <path d="M3 10h18"></path>
+  <path d="M7 14h2v2H7z"></path>
+  <path d="M11 14h2v2h-2z"></path>
+</svg>
diff --git a/src/vscode/extension.ts b/src/vscode/extension.ts
@@ -5,4 +5,8 @@ export function activate(context: vscode.ExtensionContext) {
 	//context.subscriptions.push(
 	//	vscode.window.registerWebviewViewProvider(ColorsViewProvider.viewType, provider));
 	context.subscriptions.push(DesignerTextEditor.register(context));
+
+	vscode.commands.registerCommand('designer.openInDesignerTextEditor', (uri: vscode.Uri) => {
+		vscode.commands.executeCommand('vscode.openWith', uri, 'designer.designerTextEditor');
+	});
 }

Original file line number	Diff line number	Diff line change
`@@ -5,4 +5,8 @@ export function activate(context: vscode.ExtensionContext) {`
`5`	`5`	`//context.subscriptions.push(`
`6`	`6`	`// vscode.window.registerWebviewViewProvider(ColorsViewProvider.viewType, provider));`
`7`	`7`	`context.subscriptions.push(DesignerTextEditor.register(context));`
	`8`	`+`
	`9`	`+ vscode.commands.registerCommand('designer.openInDesignerTextEditor', (uri: vscode.Uri) => {`
	`10`	`+ vscode.commands.executeCommand('vscode.openWith', uri, 'designer.designerTextEditor');`
	`11`	`+ });`
`8`	`12`	`}`