feat: add autocompletion of contracts and syntax highlighting (#27)

dyne · Oct 9, 2024 · de4ad7b · de4ad7b
1 parent e9a72e4
commit de4ad7b
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -98,6 +98,7 @@
     "@types/node": "^20.14.8",
     "ansi-to-html": "^0.7.2",
     "codemirror": "^6.0.1",
+    "codemirror-lang-slangroom": "^1.3.0",
     "effect": "^3.5.7",
     "fuse.js": "^7.0.0",
     "has-ansi": "^6.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx b/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
@@ -14,6 +14,7 @@ import {
   executeSlangroomContract,
   loadSlangroom,
 } from './utils/slangroom';
+import { Slangroom } from "codemirror-lang-slangroom"
 
 import hasAnsi from 'has-ansi';
 import Convert from 'ansi-to-html';
@@ -175,7 +176,7 @@ export class DyneSlangroomEditor {
                   <dyne-code-editor
                     name={EditorId.CONTRACT}
                     content={this.contract}
-                    config={{ extensions: this.keyboardExtension }}
+                    config={{ extensions: [this.keyboardExtension, Slangroom()] }}
                   ></dyne-code-editor>
                 </Section>