Merge pull request #104 from ashphy/ashphy/issue99

feat: Ignore json with comment

Author: ashphy

package-lock.json

@@ -29,6 +29,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "jotai": "^2.14.0",
+    "jsonc-parser": "^3.3.1",
     "jsonpath-js": "^0.3.0",
     "jsonpath-plus": "^10.3.0",
     "lucide-react": "^0.544.0",
@@ -63,4 +64,4 @@
     "vite": "^7.1.5",
     "vitest": "^3.2.4"
   }
-}
+}

package.json

@@ -24,6 +24,11 @@ export const JSONEditor = () => {
   }, [document]);
 
   const handleEditorDidMount: OnMount = async (editor, monaco) => {
+    monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+      validate: true,
+      allowComments: true,
+      trailingCommas: "ignore",
+    });
     monaco.languages.registerHoverProvider("json", {
       provideHover(model, position) {
         // Hover normalized path on the document only

src/components/editor/json-editor.tsx

@@ -8,6 +8,7 @@ import { compress, decompress } from "@/lib/compress";
 import { useCallback, useEffect } from "react";
 import { Session, SessionSchema } from "@/types/session";
 import * as v from "valibot";
+import { parse } from "jsonc-parser";
 
 const STORAGE_KEY_SESSION = "joe-session";
 
@@ -103,7 +104,7 @@ const sessionAtom = atom<Session>((get) => ({
 
 const jsonDocumentAtom = atom<JSONDocument>((get) => {
   try {
-    const jsonDocument = JSON.parse(get(documentAtom)) as JSONValue;
+    const jsonDocument = parse(get(documentAtom)) as JSONValue;
     return {
       json: jsonDocument,
       error: undefined,