fix json-parser for null values

src/utils/json-editor-parser.js

@@ -1,49 +1,62 @@
+/**
+ * @param {never[] | Object} input 
+ * @returns {import("react-flow-renderer").FlowElement[]}
+ */
 export const parser = (input) => {
-  if (!Array.isArray(input)) input = [input];
+  try {
+    input = JSON.parse(input);
+    if (!Array.isArray(input)) input = [input];
 
-  const extract = (
-    os,
-    nextId = (
-      (id) => () =>
-        String(++id)
-    )(0)
-  ) =>
-    [os].flat().map((o) => ({
-      id: nextId(),
-      data: {
-        label: Object.fromEntries(
-          Object.entries(o).filter(([k, v]) => !Array.isArray(v))
-        ),
-      },
-      position: { x: 0, y: 0 },
-      type: "special",
-      children: Object.entries(o)
-        .filter(([k, v]) => Array.isArray(v) || typeof v === "object")
-        .flatMap(([k, v]) => [
-          {
-            id: nextId(),
-            data: { label: k },
-            position: { x: 0, y: 0 },
-            children: extract(v, nextId),
-            type: "special",
-          },
-        ]),
-    }));
+    const extract = (
+      os,
+      nextId = (
+        (id) => () =>
+          String(++id)
+      )(0)
+    ) => {
+      if (!os) return [];
 
-  const relationships = (xs) =>
-    xs.flatMap(({ id: target, children = [] }) => [
-      ...children.map(({ id: source }) => ({
-        id: `e${source}-${target}`,
-        source,
-        target,
-      })),
-      ...relationships(children),
-    ]);
+      return [os].flat().map((o) => ({
+        id: nextId(),
+        data: {
+          label: Object.fromEntries(
+            Object.entries(o).filter(([k, v]) => !Array.isArray(v))
+          ),
+        },
+        position: { x: 0, y: 0 },
+        type: "special",
+        children: Object.entries(o)
+          .filter(([k, v]) => Array.isArray(v) || typeof v === "object")
+          .flatMap(([k, v]) => [
+            {
+              id: nextId(),
+              data: { label: k },
+              position: { x: 0, y: 0 },
+              children: extract(v, nextId),
+              type: "special",
+            },
+          ]),
+      }));
+    };
 
-  const flatten = (xs) =>
-    xs.flatMap(({ children, ...rest }) => [rest, ...flatten(children)]);
+    const relationships = (xs) =>
+      xs.flatMap(({ id: target, children = [] }) => [
+        ...children.map(({ id: source }) => ({
+          id: `e${source}-${target}`,
+          source,
+          target,
+        })),
+        ...relationships(children),
+      ]);
 
-  const res = extract(input);
+    const flatten = (xs) =>
+      xs.flatMap(({ children, ...rest }) => [rest, ...flatten(children)]);
 
-  return [...flatten(res), ...relationships(res)];
+    const res = extract(input);
+
+    return [...flatten(res), ...relationships(res)];
+  } catch (error) {
+    console.error("An error occured while parsin JSON data!", error.stack);
+    return Array;
+  }
 };