Allow commenting lines

Author: TheKodeToad

frontend/src/component/config/ConfigEditor.tsx

@@ -8,7 +8,6 @@ import { StatusFallback } from "../common/StatusFallback";
 import { Button } from "../common/Button";
 import { EditorView } from "codemirror";
 import { IconDeviceFloppy } from "@tabler/icons-solidjs";
-import { Text } from "@codemirror/state";
 
 export function ConfigEditor(props: { guildID: string; plugin: string; }) {
 	const guild = () => useGuild(props.guildID);

frontend/src/component/config/index.ts

@@ -5,18 +5,21 @@ import { gruvboxDark } from "@fsegurai/codemirror-theme-gruvbox-dark";
 import { basicSetup } from "codemirror";
 import { parser } from "lezer-toml";
 
-const parserWithMetadata = parser.configure({
-	props: [
-		indentNodeProp.add({ Array: continuedIndent({ except: /^\s*]/ }) }),
-	]
+const toml = LRLanguage.define({
+	parser: parser.configure({
+		props: [
+			indentNodeProp.add({ Array: continuedIndent({ except: /^\s*]/ }) }),
+		]
+	}),
+	languageData: {
+		commentTokens: { line: "#" }
+	}
 });
 
 export function baseExtensions(saveAction: Command) {
 	return [
 		basicSetup,
-		LRLanguage.define({
-			parser: parserWithMetadata,
-		}),
+		toml,
 		keymap.of([{
 			key: "Tab",
 			run: insertTab,