Lezer based toml parsing

Author: TheKodeToad

frontend/package.json

@@ -12,13 +12,13 @@
 	},
 	"dependencies": {
 		"@codemirror/language": "^6.11.0",
-		"@codemirror/legacy-modes": "^6.5.1",
 		"@codemirror/state": "^6.5.2",
 		"@codemirror/theme-one-dark": "^6.1.2",
 		"@solid-primitives/deep": "^0.3.2",
 		"@solidjs/router": "^0.15.3",
 		"@tabler/icons-solidjs": "^3.31.0",
 		"codemirror": "^6.0.1",
+		"lezer-toml": "^1.0.0",
 		"solid-js": "^1.9.5"
 	}
 }

frontend/src/codemirror/toml.ts

@@ -0,0 +1,9 @@
+import { LRLanguage } from "@codemirror/language";
+import { parser } from "lezer-toml";
+
+export const tomlHighlighting = LRLanguage.define({
+	parser,
+	languageData: {
+		commentTokens: { line: "#" }
+	}
+});

frontend/src/route/guild.tsx

@@ -1,7 +1,6 @@
-import { StreamLanguage } from "@codemirror/language";
-import { toml } from "@codemirror/legacy-modes/mode/toml";
 import { oneDark } from "@codemirror/theme-one-dark";
-import { minimalSetup } from "codemirror";
+import { basicSetup } from "codemirror";
+import { tomlHighlighting as tomlLanguage } from "../codemirror/toml";
 import { CodeMirror } from "../component/common/CodeMirror";
 import { LoginGate } from "../component/LoginGate";
 
@@ -21,7 +20,7 @@ reply = true
 groups_command = true
 help_command = true
 	`;
-	const extensions = [minimalSetup, oneDark, StreamLanguage.define(toml)];
+	const extensions = [basicSetup, oneDark, tomlLanguage];
 	return (
 		<div>
 			<CodeMirror value={config} extensions={extensions} />