Explore with diagnostics

Author: alex-ju

packages/components/src/modifiers/hds-code-editor.ts

@@ -274,16 +274,23 @@ export default class HdsCodeEditorModifier extends Modifier<HdsCodeEditorSignatu
 
       let lintingExtension: Extension | undefined;
 
-      if (isLintingEnabled) {
-        lintingExtension = linter(
-          (view) => {
-            console.log('Test linter triggered', view.state.doc.toString());
-            return [
-              { from: 0, to: 0, severity: 'error', message: 'Test error' },
-            ];
-          },
-          { delay: 0 }
-        );
+      if (isLintingEnabled && language === 'json') {
+        lintingExtension = linter((view): Diagnostic[] => {
+          const diagnostics: Diagnostic[] = [];
+          try {
+            JSON.parse(view.state.doc.toString());
+          } catch (error: any) {
+            const message = (error).message;
+            const pos = (error).position || 0;
+            diagnostics.push({
+              from: pos,
+              to: pos + 1,
+              severity: 'error',
+              message,
+            });
+          }
+          return diagnostics;
+        });
       }
 
       console.log({ lintingExtension });