feat: make the syntax error more obvious (#158)

casbin · Sep 20, 2024 · 2d173df · 2d173df
1 parent c144361
commit 2d173df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/components/ModelEditor.tsx b/app/components/ModelEditor.tsx
@@ -6,7 +6,7 @@ import { basicSetup } from 'codemirror';
 import { indentUnit } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import { CasbinConfSupport } from '@/app/components/editor/casbin-mode/casbin-conf';
-import { linter } from '@codemirror/lint';
+import { linter, lintGutter } from '@codemirror/lint';
 import { casbinLinter } from '@/app/utils/casbinLinter';
 import { newModel } from 'casbin';
 import { setError } from '@/app/utils/errorManager';
@@ -92,6 +92,7 @@ export const ModelEditor = () => {
             indentUnit.of('    '),
             EditorView.lineWrapping,
             linter(casbinLinter),
+            lintGutter(),
             EditorView.updateListener.of((update) => {
               if (update.docChanged) {
                 editorRef.current = update.view;

diff --git a/app/components/editor/index.tsx b/app/components/editor/index.tsx
@@ -23,7 +23,7 @@ import { extractPageContent } from '../../utils/contentExtractor';
 import { buttonPlugin } from './ButtonPlugin';
 import { useLang } from '@/app/context/LangContext';
 import LanguageMenu from '@/app/components/LanguageMenu';
-import { linter } from '@codemirror/lint';
+import { linter, lintGutter } from '@codemirror/lint';
 import { casbinLinter } from '@/app/utils/casbinLinter';
 
 export const EditorScreen = () => {
@@ -241,6 +241,7 @@ export const EditorScreen = () => {
                     EditorView.lineWrapping,
                     buttonPlugin(openDrawerWithMessage, extractContent, 'model'),
                     linter(casbinLinter),
+                    lintGutter(),
                   ]}
                   className={'function flex-grow h-[300px]'}
                   value={modelText}