wherewhere
diff --git a/‎dev/index.html‎
Lines changed: 5 additions & 0 deletions b/‎dev/index.html‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎dev/index.ts‎
Lines changed: 21 additions & 10 deletions b/‎dev/index.ts‎
Lines changed: 21 additions & 10 deletions
diff --git a/‎src/index.ts‎
Lines changed: 7 additions & 8 deletions b/‎src/index.ts‎
Lines changed: 7 additions & 8 deletions
diff --git a/‎src/tokens.ts‎
Lines changed: 1 addition & 1 deletion b/‎src/tokens.ts‎
Lines changed: 1 addition & 1 deletion
@@ -5,6 +5,11 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Vite App</title>
+  <style>
+    :root {
+      color-scheme: dark;
+    }
+  </style>
 </head>
 
 <body class="replit-ui-theme-root dark">
 
@@ -1,13 +1,13 @@
 import { EditorState } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
+import { EditorView, keymap } from '@codemirror/view';
 import { basicSetup } from 'codemirror';
 import { indentUnit } from '@codemirror/language';
+import { indentWithTab } from '@codemirror/commands';
 import { csharp, parser } from '../dist/';
 import { printTree } from './print-lezer-tree';
 import { oneDark } from '@codemirror/theme-one-dark';
 
-const doc = /*`
-using System;
+const doc = /*`using System;
 using System.Reflection;
 
 public sealed class InterrogateHelpUrls
@@ -28,8 +28,7 @@ public sealed class InterrogateHelpUrls
         }
     }
 }
-`*/`
-// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
+`*/`// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
 // See the LICENCE file in the repository root for full licence text.
 
 using System;
@@ -235,11 +234,23 @@ namespace osu.Game.Rulesets
 `
 
 new EditorView({
-  state: EditorState.create({
-    doc,
-    extensions: [basicSetup, csharp(), oneDark, indentUnit.of('    '), EditorView.lineWrapping],
-  }),
-  parent: document.querySelector('#editor')!,
+    state: EditorState.create({
+        doc,
+        extensions: [
+            basicSetup,
+            csharp(),
+            oneDark,
+            keymap.of([indentWithTab]),
+            indentUnit.of('    '),
+            EditorView.lineWrapping,
+            EditorView.updateListener.of(e => {
+                if (e.docChanged) {
+                    const doc = e.state.doc.toString();
+                    console.log(printTree(parser.parse(doc), doc));
+                }
+            })],
+    }),
+    parent: document.querySelector('#editor')!,
 });
 
 console.log(printTree(parser.parse(doc), doc));
@@ -15,10 +15,10 @@ export const csharpLanguage = LRLanguage.define({
   parser: parser.configure({
     props: [
       indentNodeProp.add({
-        Delim: continuedIndent({ except: /^\s*(?:case\b|default:)/ }),
+        Delim: continuedIndent({ except: /^\s*(?:case\b|default:)/ })
       }),
       foldNodeProp.add({
-        Delim: foldInside,
+        Delim: foldInside
       }),
       styleTags({
         "Keyword ContextualKeyword SimpleType": t.keyword,
@@ -47,16 +47,15 @@ export const csharpLanguage = LRLanguage.define({
 
         "( )": t.paren,
         "{ }": t.brace,
-        "[ ]": t.squareBracket,
-      }),
-    ],
+        "[ ]": t.squareBracket
+      })
+    ]
   }),
   languageData: {
     commentTokens: { line: "//", block: { open: "/*", close: "*/" } },
     closeBrackets: { brackets: ["(", "[", "{", '"', "'"] },
-    indentOnInput:
-      /^\s*((\)|\]|\})$|(else|else\s+if|catch|finally|case)\b|default:)/,
-  },
+    indentOnInput: /^\s*((\)|\]|\})$|(else|else\s+if|catch|finally|case)\b|default:)/
+  }
 });
 
 export function csharp() {
 
@@ -5,7 +5,7 @@ import {
 	interpStringEnd,
 	interpVStringContent,
 	interpVStringBrace,
-	interpVStringEnd,
+	interpVStringEnd
 } from "./syntax.grammar.terms";
 
 const