astro-vscode 2.15.1 → 2.15.3

package/package.json

@@ -24,7 +24,7 @@
     "color": "#17191E",
     "theme": "dark"
   },
-  "version": "2.15.1",
+  "version": "2.15.3",
   "author": "withastro",
   "license": "MIT",
   "publisher": "astro-build",
@@ -36,12 +36,6 @@
     "workspaceContains:astro.config.*"
   ],
   "main": "./dist/node/client.js",
-  "files": [
-    "dist/",
-    "languages/",
-    "syntaxes/",
-    "assets/"
-  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/withastro/language-tools.git",
@@ -236,8 +230,8 @@
     ]
   },
   "devDependencies": {
-    "@astrojs/language-server": "^2.15.0",
-    "@astrojs/ts-plugin": "^1.10.2",
+    "@astrojs/language-server": "^2.15.3",
+    "@astrojs/ts-plugin": "^1.10.3",
     "@types/glob": "^8.1.0",
     "@types/mocha": "^10.0.1",
     "@types/node": "^18.17.8",

package/scripts/build-grammar.mjs

@@ -0,0 +1,45 @@
+// @ts-check
+import fs from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import yaml from 'js-yaml';
+import { dim, green } from 'kleur/colors';
+
+const dt = new Intl.DateTimeFormat('en-us', {
+	hour: '2-digit',
+	minute: '2-digit',
+});
+
+// Rebuild grammar when any yaml in the syntaxes directory changes
+const syntaxesDir = new URL('../syntaxes/', import.meta.url);
+const isWatch = process.argv.includes('--watch');
+
+if (isWatch) {
+	console.info('Watching for changes in the syntaxes directory...');
+}
+
+// Absolute paths to the grammars
+const grammarFiles = fs
+	.readdirSync(syntaxesDir)
+	.filter((file) => file.endsWith('.src.yaml'))
+	.map((path) => new URL(path, syntaxesDir));
+for (const grammarFile of grammarFiles) {
+	if (isWatch) {
+		fs.watch(grammarFile, () => {
+			buildGrammar(grammarFile);
+		});
+	} else {
+		buildGrammar(grammarFile);
+	}
+}
+
+/**
+ * @param {URL} grammarFile
+ */
+function buildGrammar(grammarFile) {
+	const grammar = yaml.load(fs.readFileSync(grammarFile, 'utf8'));
+	const finalPath = fileURLToPath(grammarFile).replace('.src.yaml', '.json');
+	fs.writeFileSync(finalPath, JSON.stringify(grammar, null, 2));
+
+	const date = dt.format(new Date());
+	console.info(dim(`[${date}] `) + green(`✔ updated ${finalPath}`));
+}

package/scripts/build.mjs

@@ -0,0 +1,79 @@
+// @ts-check
+import fs from 'node:fs';
+import { createRequire } from 'node:module';
+import esbuild from 'esbuild';
+import { copy } from 'esbuild-plugin-copy';
+import { rebuildPlugin } from './shared.mjs';
+
+const require = createRequire(import.meta.url);
+
+export default async function build() {
+	const isDev = process.argv.includes('--watch');
+	const metaFile = process.argv.includes('--metafile');
+
+	/**
+	 * @satisfies {import('esbuild').BuildOptions}
+	 */
+	const config = {
+		entryPoints: {
+			'dist/node/client': './src/client.ts',
+			'dist/node/server': './node_modules/@astrojs/language-server/bin/nodeServer.js',
+			// We need to generate this inside node_modules so VS Code can resolve it
+			'node_modules/astro-ts-plugin-bundle/index':
+				'./node_modules/@astrojs/ts-plugin/dist/index.js',
+		},
+		bundle: true,
+		metafile: metaFile,
+		sourcemap: isDev,
+		outdir: '.',
+		external: ['vscode', '@astrojs/compiler', 'prettier', 'prettier-plugin-astro'],
+		format: 'cjs',
+		platform: 'node',
+		tsconfig: './tsconfig.json',
+		define: { 'process.env.NODE_ENV': '"production"' },
+		minify: process.argv.includes('--minify'),
+		plugins: [
+			copy({
+				resolveFrom: 'cwd',
+				assets: {
+					from: ['../language-server/types/**/*.d.ts'],
+					to: ['./dist/types'],
+					watch: isDev,
+				},
+			}),
+			{
+				name: 'umd2esm',
+				setup(pluginBuild) {
+					pluginBuild.onResolve(
+						{ filter: /^(vscode-.*-languageservice|jsonc-parser)/ },
+						(buildArgs) => {
+							const pathUmdMay = require.resolve(buildArgs.path, { paths: [buildArgs.resolveDir] });
+							// Call twice the replace is to solve the problem of the path in Windows
+							const pathEsm = pathUmdMay.replace('/umd/', '/esm/').replace('\\umd\\', '\\esm\\');
+							return { path: pathEsm };
+						},
+					);
+				},
+			},
+		],
+	};
+
+	if (!isDev) {
+		const result = await esbuild.build(config);
+		if (metaFile) fs.writeFileSync('meta.json', JSON.stringify(result.metafile));
+		return;
+	}
+
+	const builder = await esbuild.context({
+		...config,
+		plugins: [rebuildPlugin, ...(config.plugins ?? [])],
+	});
+
+	await builder.watch();
+
+	process.on('beforeExit', () => {
+		builder.dispose && builder.dispose();
+	});
+}
+
+build();

package/scripts/shared.mjs

@@ -0,0 +1,29 @@
+// @ts-check
+import { dim, green, red, yellow } from 'kleur/colors';
+
+const dt = new Intl.DateTimeFormat('en-us', {
+	hour: '2-digit',
+	minute: '2-digit',
+});
+
+/**
+ * @type {import('esbuild').Plugin}
+ */
+export const rebuildPlugin = {
+	name: 'astro:rebuild',
+	setup(build) {
+		build.onEnd(async (result) => {
+			const date = dt.format(new Date());
+			if (result && result.errors.length) {
+				console.error(dim(`[${date}] `) + red(result.errors.map((error) => error.text).join('\n')));
+			} else {
+				if (result.warnings.length) {
+					console.info(
+						dim(`[${date}] `) + yellow('⚠ updated with warnings:\n' + result.warnings.join('\n')),
+					);
+				}
+				console.info(dim(`[${date}] `) + green('✔ updated'));
+			}
+		});
+	},
+};

package/src/client.ts

@@ -0,0 +1,151 @@
+import * as path from 'node:path';
+import * as protocol from '@volar/language-server/protocol';
+import type { LabsInfo } from '@volar/vscode';
+import {
+	activateAutoInsertion,
+	activateFindFileReferences,
+	activateReloadProjects,
+	activateTsConfigStatusItem,
+	activateTsVersionStatusItem,
+	createLabsInfo,
+	getTsdk,
+} from '@volar/vscode';
+import * as vscode from 'vscode';
+import * as lsp from 'vscode-languageclient/node';
+
+let client: lsp.BaseLanguageClient;
+
+type InitOptions = {
+	typescript: {
+		tsdk: string;
+	};
+} & Record<string, unknown>;
+
+export async function activate(context: vscode.ExtensionContext): Promise<LabsInfo> {
+	const runtimeConfig = vscode.workspace.getConfiguration('astro.language-server');
+
+	const { workspaceFolders } = vscode.workspace;
+	const rootPath = workspaceFolders?.[0].uri.fsPath;
+
+	let lsPath = await getConfiguredServerPath(context.workspaceState);
+	if (typeof lsPath === 'string' && lsPath.trim() !== '' && typeof rootPath === 'string') {
+		lsPath = path.isAbsolute(lsPath) ? lsPath : path.join(rootPath, lsPath);
+		console.info(`Using language server at ${lsPath}`);
+	} else {
+		lsPath = undefined;
+	}
+	const serverModule = lsPath
+		? require.resolve(lsPath)
+		: vscode.Uri.joinPath(context.extensionUri, 'dist/node/server.js').fsPath;
+
+	const runOptions = { execArgv: [] };
+	const debugOptions = {
+		execArgv: ['--nolazy', '--inspect=' + Math.floor(Math.random() * 20000 + 10000)],
+	};
+
+	const serverOptions: lsp.ServerOptions = {
+		run: {
+			module: serverModule,
+			transport: lsp.TransportKind.ipc,
+			options: runOptions,
+		},
+		debug: {
+			module: serverModule,
+			transport: lsp.TransportKind.ipc,
+			options: debugOptions,
+		},
+	};
+
+	const serverRuntime = runtimeConfig.get<string>('runtime');
+	if (serverRuntime) {
+		serverOptions.run.runtime = serverRuntime;
+		serverOptions.debug.runtime = serverRuntime;
+		console.info(`Using ${serverRuntime} as runtime`);
+	}
+
+	const hasContentIntellisense = vscode.workspace
+		.getConfiguration('astro')
+		.get('content-intellisense');
+	const initializationOptions = {
+		typescript: {
+			tsdk: (await getTsdk(context))!.tsdk,
+		},
+		contentIntellisense: hasContentIntellisense,
+	} satisfies InitOptions;
+
+	const clientOptions = {
+		documentSelector: [
+			{ language: 'astro' },
+			...(hasContentIntellisense
+				? [{ language: 'markdown' }, { language: 'mdx' }, { language: 'markdoc' }]
+				: []),
+		],
+		initializationOptions,
+	} satisfies lsp.LanguageClientOptions;
+	client = new lsp.LanguageClient('astro', 'Astro Language Server', serverOptions, clientOptions);
+	await client.start();
+
+	// support for auto close tag
+	activateAutoInsertion('astro', client);
+	activateFindFileReferences('astro.findFileReferences', client);
+	activateReloadProjects('astro.reloadProjects', client);
+	activateTsConfigStatusItem('astro', 'astro.openTsConfig', client);
+	activateTsVersionStatusItem('astro', 'astro.selectTypescriptVersion', context, (text) => text);
+
+	const volarLabs = createLabsInfo(protocol);
+	volarLabs.addLanguageClient(client);
+
+	return volarLabs.extensionExports;
+}
+
+export function deactivate(): Thenable<any> | undefined {
+	return client?.stop();
+}
+
+async function getConfiguredServerPath(workspaceState: vscode.Memento) {
+	const scope = 'astro.language-server';
+	const detailedLSPath = vscode.workspace.getConfiguration(scope).inspect<string>('ls-path');
+
+	const lsPath =
+		detailedLSPath?.globalLanguageValue ||
+		detailedLSPath?.defaultLanguageValue ||
+		detailedLSPath?.globalValue ||
+		detailedLSPath?.defaultValue;
+
+	const workspaceLSPath =
+		detailedLSPath?.workspaceFolderLanguageValue ||
+		detailedLSPath?.workspaceLanguageValue ||
+		detailedLSPath?.workspaceFolderValue ||
+		detailedLSPath?.workspaceValue;
+
+	const useLocalLanguageServerKey = `${scope}.useLocalLS`;
+	let useWorkspaceServer = workspaceState.get<boolean>(useLocalLanguageServerKey);
+
+	if (useWorkspaceServer === undefined && workspaceLSPath !== undefined) {
+		const msg =
+			'This workspace contains an Astro Language Server version. Would you like to use the workplace version?';
+		const allowPrompt = 'Allow';
+		const dismissPrompt = 'Dismiss';
+		const neverPrompt = 'Never in This Workspace';
+
+		const result = await vscode.window.showInformationMessage(
+			msg,
+			allowPrompt,
+			dismissPrompt,
+			neverPrompt,
+		);
+
+		if (result === allowPrompt) {
+			await workspaceState.update(useLocalLanguageServerKey, true);
+			useWorkspaceServer = true;
+		} else if (result === neverPrompt) {
+			await workspaceState.update(useLocalLanguageServerKey, false);
+		}
+	}
+
+	if (useWorkspaceServer === true) {
+		return workspaceLSPath || lsPath;
+	} else {
+		return lsPath;
+	}
+}

package/test/grammar/README.md

@@ -0,0 +1,5 @@
+# Testing syntax files
+
+This is a testing setup powered by [vscode-tmgrammar-test](https://github.com/PanAeon/vscode-tmgrammar-test) intended to test our `astro.tmLanguage.json` file to make sure it properly handle `.astro` files. To run it, simply run the `test:grammar` npm script from the repo
+
+[Snapshots](https://github.com/PanAeon/vscode-tmgrammar-test#snapshot-tests) can be updated using the `update-grammar-snapshots` npm script, however, unless your changes affect the currently present snapshots, you should always make sure to run the tests (`pnpm test:grammar`) before updating the snapshots, to make sure your changes do not introduce regressions

package/test/grammar/dummy/css.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy CSS TextMate grammar for use in testing",
+  "scopeName": "source.css"
+}

package/test/grammar/dummy/html.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy HTML TextMate grammar for use in testing",
+  "scopeName": "text.html"
+}

package/test/grammar/dummy/js.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy JS TextMate grammar for use in testing",
+  "scopeName": "source.js"
+}

package/test/grammar/dummy/json.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy JSON TextMate grammar for use in testing",
+  "scopeName": "source.json"
+}

package/test/grammar/dummy/less.tsLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy Less TextMate grammar for use in testing",
+  "scopeName": "source.css.less"
+}

package/test/grammar/dummy/postcss.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy PostCSS TextMate grammar for use in testing",
+  "scopeName": "source.css.postcss"
+}

package/test/grammar/dummy/sass.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy Sass TextMate grammar for use in testing",
+  "scopeName": "source.sass"
+}

package/test/grammar/dummy/scss.tsLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy Scss TextMate grammar for use in testing",
+  "scopeName": "source.css.scss"
+}

package/test/grammar/dummy/stylus.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy Stylus TextMate grammar for use in testing",
+  "scopeName": "source.stylus"
+}

package/test/grammar/dummy/ts.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy TS TextMate grammar for use in testing",
+  "scopeName": "source.ts"
+}

package/test/grammar/dummy/tsx.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy TSX TextMate grammar for use in testing",
+  "scopeName": "source.tsx"
+}

package/test/grammar/dummy/unknown.tmLanguage-dummy.json

@@ -0,0 +1,4 @@
+{
+  "comment": "Dummy Unknown TextMate grammar for use in testing",
+  "scopeName": "source.unknown"
+}

package/test/grammar/fixtures/attributes.astro

@@ -0,0 +1,14 @@
+<!-- Test special characters inside attributes names -->
+
+<div @class></div>
+<div class_name></div>
+<div class.astro></div>
+<div i18nReady></div>
+
+<div onclick="console.log()"></div>
+
+<div onload={"console.log('')"}></div>
+
+<div onload=`console.log('')`></div>
+
+<div class=`\${not-a-variable}`></div>

package/test/grammar/fixtures/attributes.astro.snap

@@ -0,0 +1,102 @@
+><!-- Test special characters inside attributes names -->
+#^^^^ source.astro comment.block.astro punctuation.definition.comment.astro
+#    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.astro comment.block.astro
+#                                                     ^^^ source.astro comment.block.astro punctuation.definition.comment.astro
+>
+><div @class></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.@class.astro entity.other.attribute-name.astro
+#           ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#            ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#              ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                 ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+><div class_name></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.class_name.astro entity.other.attribute-name.astro
+#               ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                  ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                     ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+><div class.astro></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.class.astro.astro entity.other.attribute-name.astro
+#                ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                 ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                   ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                      ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+><div i18nReady></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.i18nReady.astro entity.other.attribute-name.astro
+#              ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#               ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                 ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                    ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>
+><div onclick="console.log()"></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onclick.astro entity.other.attribute-name.astro
+#            ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onclick.astro punctuation.separator.key-value.astro
+#             ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onclick.astro meta.embedded.line.js string.quoted.astro punctuation.definition.string.begin.astro
+#              ^^^^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onclick.astro meta.embedded.line.js string.quoted.astro
+#                           ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onclick.astro meta.embedded.line.js string.quoted.astro punctuation.definition.string.end.astro
+#                            ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                             ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                               ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                                  ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>
+><div onload={"console.log('')"}></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro entity.other.attribute-name.astro
+#           ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro punctuation.separator.key-value.astro
+#            ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro punctuation.section.embedded.begin.astro
+#             ^^^^^^^^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro meta.embedded.expression.astro source.tsx
+#                              ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro punctuation.section.embedded.end.astro
+#                               ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                                ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                                  ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                                     ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>
+><div onload=`console.log('')`></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro entity.other.attribute-name.astro
+#           ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro punctuation.separator.key-value.astro
+#            ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.onload.astro
+#             ^^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.console.log.astro entity.other.attribute-name.astro
+#                        ^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#                             ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                              ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                                ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                                   ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>
+><div class=`\${not-a-variable}`></div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#     ^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.class.astro entity.other.attribute-name.astro
+#          ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.class.astro punctuation.separator.key-value.astro
+#           ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.class.astro
+#            ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#             ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.attribute.$.astro entity.other.attribute-name.astro
+#              ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#               ^^^^^^^^^^^^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro meta.embedded.expression.astro source.tsx
+#                             ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#                              ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro
+#                               ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#                                ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#                                  ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#                                     ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>

package/test/grammar/fixtures/components/component.astro

@@ -0,0 +1,3 @@
+<Component>
+	<div></div>
+</Component>

package/test/grammar/fixtures/components/component.astro.snap

@@ -0,0 +1,17 @@
+><Component>
+#^ source.astro meta.scope.tag.Component.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^^^^^^^ source.astro meta.scope.tag.Component.astro meta.tag.start.astro support.class.component.astro
+#          ^ source.astro meta.scope.tag.Component.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+>	<div></div>
+#^ source.astro text.astro
+# ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+#  ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#     ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+#      ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#        ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#           ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+></Component>
+#^^ source.astro meta.scope.tag.Component.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#  ^^^^^^^^^ source.astro meta.scope.tag.Component.astro meta.tag.end.astro support.class.component.astro
+#           ^ source.astro meta.scope.tag.Component.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>

package/test/grammar/fixtures/constant-entities.astro

@@ -0,0 +1,7 @@
+ℊ ℊ ℊ ℋ ℋ ℋ
+
+<div>
+  &#x210A; &#8458; &gscr; &#x210B; &#8459; &hamilt;<div>
+    &#x210A; &#8458; &gscr; &#x210B; &#8459; &hamilt;
+  </div>
+</div>

package/test/grammar/fixtures/constant-entities.astro.snap

@@ -0,0 +1,80 @@
+>ℊ ℊ ℊ ℋ ℋ ℋ
+#^ source.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+# ^^^^^^^ source.astro constant.character.entity.numeric.hexadecimal.astro
+#        ^ source.astro
+#         ^ source.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#          ^^^^^^ source.astro constant.character.entity.numeric.decimal.astro
+#                ^ source.astro
+#                 ^ source.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                  ^^^^ source.astro constant.character.entity.named.gscr.astro
+#                      ^ source.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                       ^ source.astro
+#                        ^ source.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+#                         ^^^^^^^ source.astro constant.character.entity.numeric.hexadecimal.astro
+#                                ^ source.astro
+#                                 ^ source.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#                                  ^^^^^^ source.astro constant.character.entity.numeric.decimal.astro
+#                                        ^ source.astro
+#                                         ^ source.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+#                                          ^^^^^^ source.astro constant.character.entity.named.hamilt.astro
+#                                                ^ source.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+>
+><div>
+#^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+# ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#    ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+>  &#x210A; &#8458; &gscr; &#x210B; &#8459; &hamilt;<div>
+#^^ source.astro text.astro
+#  ^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+#   ^^^^^^^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro
+#          ^ source.astro text.astro
+#           ^ source.astro text.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#            ^^^^^^ source.astro text.astro constant.character.entity.numeric.decimal.astro
+#                  ^ source.astro text.astro
+#                   ^ source.astro text.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                    ^^^^ source.astro text.astro constant.character.entity.named.gscr.astro
+#                        ^ source.astro text.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                         ^ source.astro text.astro
+#                          ^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+#                           ^^^^^^^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro
+#                                  ^ source.astro text.astro
+#                                   ^ source.astro text.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#                                    ^^^^^^ source.astro text.astro constant.character.entity.numeric.decimal.astro
+#                                          ^ source.astro text.astro
+#                                           ^ source.astro text.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+#                                            ^^^^^^ source.astro text.astro constant.character.entity.named.hamilt.astro
+#                                                  ^ source.astro text.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+#                                                   ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.begin.astro
+#                                                    ^^^ source.astro meta.scope.tag.div.astro meta.tag.start.astro entity.name.tag.astro
+#                                                       ^ source.astro meta.scope.tag.div.astro meta.tag.start.astro punctuation.definition.tag.end.astro
+>    &#x210A; &#8458; &gscr; &#x210B; &#8459; &hamilt;
+#^^^^ source.astro text.astro
+#    ^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+#     ^^^^^^^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro
+#            ^ source.astro text.astro
+#             ^ source.astro text.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#              ^^^^^^ source.astro text.astro constant.character.entity.numeric.decimal.astro
+#                    ^ source.astro text.astro
+#                     ^ source.astro text.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                      ^^^^ source.astro text.astro constant.character.entity.named.gscr.astro
+#                          ^ source.astro text.astro constant.character.entity.named.gscr.astro punctuation.definition.entity.astro
+#                           ^ source.astro text.astro
+#                            ^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro punctuation.definition.entity.astro
+#                             ^^^^^^^ source.astro text.astro constant.character.entity.numeric.hexadecimal.astro
+#                                    ^ source.astro text.astro
+#                                     ^ source.astro text.astro constant.character.entity.numeric.decimal.astro punctuation.definition.entity.astro
+#                                      ^^^^^^ source.astro text.astro constant.character.entity.numeric.decimal.astro
+#                                            ^ source.astro text.astro
+#                                             ^ source.astro text.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+#                                              ^^^^^^ source.astro text.astro constant.character.entity.named.hamilt.astro
+#                                                    ^ source.astro text.astro constant.character.entity.named.hamilt.astro punctuation.definition.entity.astro
+>  </div>
+#^^ source.astro text.astro
+#  ^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#    ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#       ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+></div>
+#^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.begin.astro
+#  ^^^ source.astro meta.scope.tag.div.astro meta.tag.end.astro entity.name.tag.astro
+#     ^ source.astro meta.scope.tag.div.astro meta.tag.end.astro punctuation.definition.tag.end.astro
+>