feat: codemirror graphql mode

2026-07-08 06:28:33 +00:00 · 2021-12-05 21:34:03 +05:30
parent 12d0890b83
commit 26da4307be
5 changed files with 2717 additions and 108 deletions
--- a/packages/grafnode-components/src/components/QueryEditor/index.js
+++ b/packages/grafnode-components/src/components/QueryEditor/index.js
@@ -10,7 +10,13 @@ const QueryEditor = ({query, onChange, width}) => {
    if (editor.current && !cmEditor) {
      const _cmEditor = CodeMirror.fromTextArea(editor.current, {
        value: '',
-        lineNumbers: true
+        lineNumbers: true,
+        matchBrackets: true,
+        autoCloseBrackets: true,
+        mode: "graphql",
+        foldGutter: true,
+        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+        lineWrapping: true
      });

      _cmEditor.setValue(query || 'query { }');