[file] get error when loading a gephi lite file incompatible

Author: sim51

packages/gephi-lite/src/components/modals/open/LocalFileModal.tsx

@@ -23,6 +23,8 @@ export const OpenLocalFileForm: FC<OpenLocalFileFormProps> = ({ id, onStatusChan
     status: { type: importStateType },
   } = useFile();
 
+  useEffect(() => {}, []);
+
   const onSubmit = useCallback(
     async (file: File) => {
       onStatusChange({ type: "loading" });
@@ -61,13 +63,13 @@ export const OpenLocalFileForm: FC<OpenLocalFileFormProps> = ({ id, onStatusChan
         if (file) onSubmit(file);
       }}
     >
-      {importStateType === "error" && <p className="text-center text-danger">{t("graph.open.local.error")}</p>}
       <DropInput
         value={file}
         onChange={(file) => setFile(file)}
         helpText={t("graph.open.local.dragndrop_text")}
         accept={{ "application/graph": [".gexf", ".graphml"], "application/json": [".json"] }}
       >
+        {importStateType === "error" && <p className="text-center text-danger">{t("graph.open.local.error")}</p>}
         {!file && (
           <button className="gl-btn gl-btn-outline mb-2">
             <PiFolderOpen /> {t("graph.open.local.button_text")}

packages/gephi-lite/src/core/file/index.ts

@@ -32,6 +32,7 @@ function getLocalStorageFileState(): FileState {
   return {
     ...getEmptyFileState(),
     ...state,
+    status: { type: "idle" },
   };
 }
 
@@ -119,11 +120,10 @@ export const open = asyncAction(async (file: FileTypeWithoutFormat) => {
 
     // Reset the camera
     resetCamera({ forceRefresh: true });
+    fileAtom.set((prev) => ({ ...prev, status: { type: "idle" } }));
   } catch (e) {
     fileAtom.set((prev) => ({ ...prev, status: { type: "error", message: (e as Error).message } }));
     throw e;
-  } finally {
-    fileAtom.set((prev) => ({ ...prev, status: { type: "idle" } }));
   }
 });
 

packages/gephi-lite/src/core/file/utils.ts

@@ -2,7 +2,9 @@ import { FieldModel, gephiLiteParse } from "@gephi/gephi-lite-sdk";
 import Graph from "graphology";
 import gexf from "graphology-gexf/browser";
 import graphml from "graphology-graphml/browser";
+import { parse as parseVersion } from "semver";
 
+import { config } from "../../config";
 import { userAtom } from "../user";
 import { FileFormat, FileTypeWithoutFormat, GephiLiteFileFormat, fileFormatExt } from "./types";
 
@@ -88,10 +90,18 @@ export async function extractGraphFromFile(
     case "json": {
       const jsonContent = gephiLiteParse(fileContent);
       if ("type" in jsonContent && jsonContent.type === "gephi-lite") {
-        return {
-          format: "gephi-lite",
-          data: jsonContent,
-        };
+        const version = parseVersion(jsonContent.version);
+        console.log("version", version, config.version);
+        if (version && version.major === config.version.major && version.minor === config.version.minor) {
+          return {
+            format: "gephi-lite",
+            data: jsonContent,
+          };
+        } else {
+          throw new Error(
+            `Your file is from an older version of gephi-lite (${version?.toString()}) which is not compatible with the actual version`,
+          );
+        }
       } else {
         return {
           format: "graphology",

packages/gephi-lite/src/locales/en.json

@@ -325,7 +325,7 @@
       },
       "local": {
         "dragndrop_text": "Drag'n'drop a GEXF, GRAPHML or Graphology JSON file ",
-        "error": "An error occurred while opening the file. Please check that the file is a valid.",
+        "error": "An error occurred while opening the file. Please check that the file is a valid and compatible with the actual version.",
         "success": "File {{filename}} has been successfully loaded",
         "title": "Open a local file"
       },

packages/gephi-lite/src/locales/fr.json

@@ -486,7 +486,7 @@
       "local": {
         "button_text": "Sélectionner un fichier local",
         "dragndrop_text": "Faites glisser-déposer un fichier GEXF, GRAPHML ou JSON au format Graphology.",
-        "error": "Une erreur s'est produite lors de l'ouverture du fichier. Veuillez vérifier que le fichier est valide.",
+        "error": "Une erreur s'est produite lors de l'ouverture du fichier. Veuillez vérifier que le fichier est valide et compatible avec la version courante.",
         "success": "Le fichier {{filename}} a bien été ouvert",
         "title": "Ouvrir un fichier local"
       },