refactor: use jsonParseLinter from @codemirror/lang-json

Author: Geethegreat

client/modules/IDE/components/Editor/stateUtils.js

@@ -45,7 +45,7 @@ import {
 
 import { css } from '@codemirror/lang-css';
 import { html } from '@codemirror/lang-html';
-import { json } from '@codemirror/lang-json';
+import { json, jsonParseLinter } from '@codemirror/lang-json';
 import { xml } from '@codemirror/lang-xml';
 import { linter } from '@codemirror/lint';
 import { JSHINT } from 'jshint';
@@ -231,29 +231,10 @@ function makeJsLinter(callback) {
 }
 
 function makeJsonLinter(callback) {
+  const baseJsonLinter = jsonParseLinter();
   return (view) => {
-    const documentContent = view.state.doc.toString();
-    const diagnostics = [];
-
-    try {
-      JSON.parse(documentContent);
-    } catch (e) {
-      let pos = 0;
-      const match = e.message.match(/at position (\d+)/);
-      if (match) {
-        pos = parseInt(match[1], 10);
-      }
-
-      diagnostics.push({
-        from: pos,
-        to: pos + 1,
-        severity: 'error',
-        message: e.message
-      });
-    }
-
+    const diagnostics = baseJsonLinter(view);
     if (callback) callback(diagnostics);
-
     return diagnostics;
   };
 }

package-lock.json

@@ -216,6 +216,7 @@
     "@babel/core": "^7.14.6",
     "@babel/parser": "^7.27.5",
     "@babel/register": "^7.14.5",
+    "@babel/traverse": "^7.27.4",
     "@codemirror/autocomplete": "^6.18.6",
     "@codemirror/commands": "^6.8.1",
     "@codemirror/lang-css": "^6.3.1",
@@ -226,20 +227,19 @@
     "@codemirror/language": "^6.11.0",
     "@codemirror/lint": "^6.8.5",
     "@codemirror/search": "^6.5.11",
-    "@codemirror/state": "^6.5.2",
+    "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.36.5",
-    "@emmetio/codemirror6-plugin": "^0.4.0",
-    "@babel/traverse": "^7.27.4",
     "@emmetio/codemirror-plugin": "^1.2.4",
+    "@emmetio/codemirror6-plugin": "^0.4.0",
     "@gatsbyjs/webpack-hot-middleware": "^2.25.3",
     "@lezer/highlight": "^1.2.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
     "@redux-devtools/core": "^3.11.0",
     "@redux-devtools/dock-monitor": "^3.0.1",
     "@redux-devtools/log-monitor": "^4.0.2",
     "@reduxjs/toolkit": "^1.9.3",
-    "@uiw/codemirror-extensions-color": "^4.23.12",
     "@types/express": "^5.0.3",
+    "@uiw/codemirror-extensions-color": "^4.23.12",
     "acorn": "^8.14.1",
     "acorn-walk": "^8.3.4",
     "async": "^3.2.3",