fix(emmet): completions appear inside open tag

close vuejs/language-tools#1329

packages/emmet/package.json

@@ -13,7 +13,8 @@
 		"directory": "packages/emmet"
 	},
 	"dependencies": {
-		"@vscode/emmet-helper": "^2.8.6"
+		"@vscode/emmet-helper": "^2.8.6",
+		"vscode-html-languageservice": "^5.0.4"
 	},
 	"peerDependencies": {
 		"@volar/language-service": "*"

packages/emmet/src/index.ts

@@ -1,8 +1,12 @@
 import type { LanguageServicePlugin } from '@volar/language-service';
 import * as emmet from '@vscode/emmet-helper';
+import * as html from 'vscode-html-languageservice';
 
 export = (): LanguageServicePlugin => (context) => {
 
+	const htmlLs = html.getLanguageService();
+	const htmlDocuments = new WeakMap<html.TextDocument, [number, html.HTMLDocument]>();
+
 	return {
 
 		complete: {
@@ -18,6 +22,18 @@ export = (): LanguageServicePlugin => (context) => {
 				if (!syntax)
 					return;
 
+				// fix https://github.com/vuejs/language-tools/issues/1329
+				if (syntax === 'html') {
+					const htmlDocument = getHtmlDocument(textDocument);
+					const node = htmlDocument.findNodeAt(textDocument.offsetAt(position));
+					if (node.tag && node.startTagEnd !== undefined && node.endTagStart !== undefined) {
+						const insideBlock = textDocument.offsetAt(position) >= node.startTagEnd && textDocument.offsetAt(position) <= node.endTagStart;
+						if (!insideBlock) {
+							return;
+						}
+					}
+				}
+
 				// monkey fix https://github.com/johnsoncodehk/volar/issues/1105
 				if (syntax === 'jsx')
 					return;
@@ -59,4 +75,20 @@ export = (): LanguageServicePlugin => (context) => {
 			showSuggestionsAsSnippets: emmetConfig['showSuggestionsAsSnippets']
 		};
 	}
+
+	function getHtmlDocument(document: html.TextDocument) {
+
+		const cache = htmlDocuments.get(document);
+		if (cache) {
+			const [cacheVersion, cacheDoc] = cache;
+			if (cacheVersion === document.version) {
+				return cacheDoc;
+			}
+		}
+
+		const doc = htmlLs.parseHTMLDocument(document);
+		htmlDocuments.set(document, [document.version, doc]);
+
+		return doc;
+	}
 };

packages/html/src/index.ts

@@ -12,12 +12,13 @@ export = (options: {
 	updateCustomData(extraData: html.IHTMLDataProvider[]): void,
 }> => (context) => {
 
-	const htmlDocuments = new WeakMap<TextDocument, [number, html.HTMLDocument]>();
 
 	let inited = false;
 	let customData: html.IHTMLDataProvider[] = [];
 	let extraData: html.IHTMLDataProvider[] = [];
+
 	const htmlLs = html.getLanguageService({ fileSystemProvider: context.env.fileSystemProvider });
+	const htmlDocuments = new WeakMap<TextDocument, [number, html.HTMLDocument]>();
 
 	return {