feat: support for graphql files

[ematipico]

Summary

This PR updates the frontend to support .graphql and .gql files, however the playground is throwing an error.

This is probably a bug in core, I will look after it.

[netlify]

✅ Deploy Preview for biomejs ready!

Name	Link
🔨 Latest commit	92041cd
🔍 Latest deploy log	https://app.netlify.com/sites/biomejs/deploys/6675316ab1a9990008af3b87
😎 Deploy Preview	https://deploy-preview-640--biomejs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Sec-ant]

We need to exlude graphql for the control flow graph:

website/src/playground/workers/biomeWorker.ts

Lines 222 to 229 in 555dee4

	const controlFlowGraph = !(
	isJsonFilename(filename) || isCssFilename(filename)
	)
	? workspace.getControlFlowGraph({
	path,
	cursor: cursorPosition,
	})
	: "";

[Sec-ant]

I just realized we might have to exlude graphql from all the capabilities including formatting and linting, not only control flow graph. Otherwise those workspace. functions will throw errors:

website/src/playground/workers/biomeWorker.ts

Lines 231 to 261 in 555dee4

	const formatterIr = workspace.getFormatterIr({
	path,
	});
	const importSorting = workspace.organizeImports({
	path,
	});
	const categories: RuleCategories = [];
	if (configuration?.formatter?.enabled) {
	categories.push("Syntax");
	}
	if (configuration?.linter?.enabled) {
	categories.push("Lint");
	}
	const diagnosticsResult = workspace.pullDiagnostics({
	path,
	categories: categories,
	max_diagnostics: Number.MAX_SAFE_INTEGER,
	only: [],
	skip: [],
	});
	const printer = new DiagnosticPrinter(path.path, code);
	for (const diag of diagnosticsResult.diagnostics) {
	printer.print_verbose(diag);
	}
	const printed = workspace.formatFile({
	path,
	});

[ematipico]

True, but would consider this an optimisation, not a blocker

[Sec-ant]

True, but would consider this an optimisation, not a blocker

Yeah, but this problem prevents us from using graphql code in the playground, no?

[ematipico]

Good call on this one. I applied your suggestions and now we are getting the correct CST :)

[ematipico]

I am going to merge this, then land biomejs/biome#3248 and then I will make another PR here to enable pullDiagnostics. That should give us a good output for the diagnostics.