feat: add Show Component Meta command

Author: johnsoncodehk

Diff for: examples/vscode-svelte/package.json

@@ -75,7 +75,7 @@
 	},
 	"dependencies": {
 		"@volar-examples/svelte-language-server": "1.0.3",
-		"typesafe-path": "^0.2.1",
+		"typesafe-path": "^0.2.2",
 		"vscode-languageclient": "^8.0.2"
 	}
 }

Diff for: extensions/vscode-vue-language-features/package.json

@@ -637,6 +637,11 @@
 				"title": "Show Virtual Files",
 				"category": "Volar (Debug)"
 			},
+			{
+				"command": "volar.action.showComponentMeta",
+				"title": "Show Component Meta",
+				"category": "Volar"
+			},
 			{
 				"command": "volar.action.splitEditors",
 				"title": "Split <script>, <template>, <style> Editors",
@@ -845,7 +850,7 @@
 		"path-browserify": "^1.0.1",
 		"punycode": "^2.1.1",
 		"semver": "^7.3.7",
-		"typesafe-path": "^0.2.1",
+		"typesafe-path": "^0.2.2",
 		"vsce": "latest",
 		"vscode-languageclient": "^8.0.2",
 		"vscode-nls": "^5.2.0"

Diff for: extensions/vscode-vue-language-features/src/common.ts

@@ -8,6 +8,7 @@ import * as autoInsertion from './features/autoInsertion';
 import * as tsVersion from './features/tsVersion';
 import * as verifyAll from './features/verifyAll';
 import * as virtualFiles from './features/virtualFiles';
+import * as componentMeta from './features/componentMeta';
 import * as tsconfig from './features/tsconfig';
 import * as doctor from './features/doctor';
 import * as fileReferences from './features/fileReferences';
@@ -108,6 +109,7 @@ async function doActivate(context: vscode.ExtensionContext, createLc: CreateLang
 		verifyAll.register(context, semanticClient);
 		autoInsertion.register(context, syntacticClient, semanticClient);
 		virtualFiles.register(context, semanticClient);
+		componentMeta.register(context, semanticClient);
 	}
 
 	async function requestReloadVscode() {

Diff for: extensions/vscode-vue-language-features/src/features/componentMeta.ts

@@ -0,0 +1,45 @@
+import * as vscode from 'vscode';
+import type { BaseLanguageClient } from 'vscode-languageclient';
+import { GetComponentMeta } from '@volar/vue-language-server';
+
+const scheme = 'vue-component-meta';
+
+export async function register(context: vscode.ExtensionContext, client: BaseLanguageClient) {
+
+	const sourceUriToMetaUri = new Map<string, string>();
+	const metaUriToSourceEditor = new Map<string, vscode.TextEditor>();
+	const docChangeEvent = new vscode.EventEmitter<vscode.Uri>();
+
+	context.subscriptions.push(vscode.workspace.onDidChangeTextDocument(e => {
+		const uri = sourceUriToMetaUri.get(e.document.uri.toString());
+		if (uri) {
+			docChangeEvent.fire(vscode.Uri.parse(uri));
+		}
+	}));
+	context.subscriptions.push(vscode.workspace.registerTextDocumentContentProvider(
+		scheme,
+		{
+			onDidChange: docChangeEvent.event,
+			async provideTextDocumentContent(uri: vscode.Uri): Promise<string | undefined> {
+
+				const sourceUri = metaUriToSourceEditor.get(uri.toString());
+
+				if (sourceUri) {
+
+					const meta = await client.sendRequest(GetComponentMeta.type, { uri: sourceUri.document.uri.toString() });
+
+					return JSON.stringify(meta, undefined, '\t');
+				}
+			}
+		},
+	));
+	context.subscriptions.push(vscode.commands.registerCommand('volar.action.showComponentMeta', async () => {
+		const sourceEditor = vscode.window.activeTextEditor;
+		if (sourceEditor) {
+			const metaUri = sourceEditor.document.uri.with({ scheme }).toString() + '.meta.json';
+			sourceUriToMetaUri.set(sourceEditor.document.uri.toString(), metaUri);
+			metaUriToSourceEditor.set(metaUri, sourceEditor);
+			vscode.window.showTextDocument(vscode.Uri.parse(metaUri), { viewColumn: vscode.ViewColumn.Two, preview: false });
+		}
+	}));
+}

Diff for: packages/language-server/package.json

@@ -21,7 +21,7 @@
 		"@volar/language-service": "1.0.3",
 		"@volar/shared": "1.0.3",
 		"request-light": "^0.5.8",
-		"typesafe-path": "^0.2.1",
+		"typesafe-path": "^0.2.2",
 		"vscode-html-languageservice": "^5.0.1",
 		"vscode-languageserver": "^8.0.2",
 		"vscode-languageserver-protocol": "^3.17.2",

Diff for: packages/shared/package.json

@@ -13,7 +13,7 @@
 		"directory": "packages/shared"
 	},
 	"dependencies": {
-		"typesafe-path": "^0.2.1",
+		"typesafe-path": "^0.2.2",
 		"vscode-languageserver-protocol": "^3.17.2",
 		"vscode-languageserver-textdocument": "^1.0.7",
 		"vscode-uri": "^3.0.3"

Diff for: pnpm-lock.yaml

@@ -30,6 +30,9 @@
 			"@volar/vue-*": [
 				"vue-language-tools/vue-*/src"
 			],
+			"vue-component-meta": [
+				"vue-language-tools/vue-component-meta/src"
+			],
 		},
 		"noEmit": true,
 	},

Diff for: tsconfig.json

@@ -15,7 +15,7 @@
 	"dependencies": {
 		"@volar/language-core": "1.0.3",
 		"@volar/vue-language-core": "1.0.3",
-		"typesafe-path": "^0.2.1"
+		"typesafe-path": "^0.2.2"
 	},
 	"peerDependencies": {
 		"typescript": "*"