wasm: add highlight

koka831 · Feb 16, 2024 · 08822e0 · 08822e0
1 parent f82dd23
commit 08822e0
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/pkg/index.html b/pkg/index.html
@@ -90,6 +90,56 @@
     <script>
         const editor = ace.edit("editor");
         editor.setTheme("ace/theme/gruvbox");
+        editor.session.setMode("ace/mode/text", () => {
+            editor.session.getMode().$highlightRules.$rules = {
+                start: [
+                    {
+                        token: "keyword.control",
+                        regex: "\\b(if|else|while|for|return|and|or)\\b"
+                    },
+                    {
+                        token: "support.class",
+                        regex: "class\s*",
+                        next: "variable"
+                    },
+                    {
+                        token: "support.function",
+                        regex: "fun\s*",
+                        next: "variable"
+                    },
+                    {
+                        token: "keyword",
+                        regex: "\\b(var|print)\\b"
+                    },
+                    {
+                        token: "string.single",
+                        regex: "\'.*\'"
+                    },
+                    {
+                        token: "string.double",
+                        regex: "\".*\""
+                    },
+
+                    {
+                        token: "constant",
+                        regex: "\\b(nil|true|false|this|super)\\b"
+                    },
+                    {
+                        token: "constant.numeric",
+                        regex: "\\b[0-9]+(?:.[0-9]+)?\\b",
+                    },
+                    {
+                        token: "comment",
+                        regex: "\\/\\/.*"
+                    },
+                    { defaultToken: 'text' }
+                ]
+            };
+
+            editor.session.$mode.$tokenizer = null;
+            editor.session.bgTokenizer.setTokenizer(editor.session.$mode.getTokenizer());
+            editor.session.bgTokenizer.start(0);
+        });
 
         function interpret() {
             import("./loxr.js").then(async (loxr) => {