Adding graphology JSON support for imports

src/core/graph/import/index.ts

@@ -63,6 +63,9 @@ export const importFile = asyncAction(async (file: NonNullable<GraphOrigin>) =>
       case "graphml":
         graph = graphml.parse(Graph, content, { addMissingNodes: true });
         break;
+      case "json":
+        graph = Graph.from(JSON.parse(content));
+        break;
       default:
         graph = null;
         break;

src/locales/dev.json

@@ -305,13 +305,13 @@
       "title": "Open a graph file",
       "local": {
         "title": "Open a local file",
-        "dragndrop_text": "Drag'n'drop a GEXF or GRAPHML file",
+        "dragndrop_text": "Drag'n'drop a GEXF, GRAPHML or JSON file",
         "success": "File {{filename}} has been successfully loaded",
         "error": "An error occurred while opening the file. Please check that the file is a valid."
       },
       "remote": {
         "title": "Open an url",
-        "url-field": "URL of a GEXF or GRAPHML file",
+        "url-field": "URL of a GEXF, GRAPHML or JSON file",
         "success": "File {{filename}} has been successfully loaded",
         "error": "An error occurred while opening the file. Please check your connectivity and that the file is a valid."
       },

src/views/graphPage/modals/open/LocalFileModal.tsx

@@ -27,7 +27,7 @@ export const LocalFileModal: FC<ModalProps<unknown>> = ({ cancel }) => {
           value={file}
           onChange={(file) => setFile(file)}
           helpText={t("graph.open.local.dragndrop_text").toString()}
-          accept={{ "application/graph": [".gexf", ".graphml"] }}
+          accept={{ "application/graph": [".gexf", ".graphml"], "application/json": [".json"] }}
         />
         {importStateType === "loading" && <Loader />}
       </>