Merge branch 'feat/save_and_load' of https://github.com/Geode-solutions/OpenGeodeWeb-Front into feat/save_and_load

Author: MaxNumerique

composables/project_manager.js

@@ -50,10 +50,19 @@ export function useProjectManager() {
         method: "POST",
         body: form,
       })
-      console.log("[ProjectManager] snapshot keys:", Object.keys(result?.snapshot || {}))
+      console.log(
+        "[ProjectManager] snapshot keys:",
+        Object.keys(result?.snapshot || {}),
+      )
 
-      await viewer_call({ schema: viewer_schemas.opengeodeweb_viewer.import_project, params: {} })
-      await viewer_call({ schema: viewer_schemas.opengeodeweb_viewer.viewer.reset_visualization, params: {} })
+      await viewer_call({
+        schema: viewer_schemas.opengeodeweb_viewer.import_project,
+        params: {},
+      })
+      await viewer_call({
+        schema: viewer_schemas.opengeodeweb_viewer.viewer.reset_visualization,
+        params: {},
+      })
 
       const treeviewStore = useTreeviewStore()
       treeviewStore.isImporting = true

internal_stores/mesh/index.js

@@ -39,7 +39,12 @@ export default function useMeshStyle() {
 
   function applyMeshStyle(id) {
     const style = dataStyleStore.getStyle(id)
-    console.log("[MeshStyle] applyMeshDefaultStyle for id:", id, "style:", style)
+    console.log(
+      "[MeshStyle] applyMeshDefaultStyle for id:",
+      id,
+      "style:",
+      style,
+    )
     const promise_array = []
     for (const [key, value] of Object.entries(style)) {
       if (key === "visibility") {

stores/data_base.js

@@ -59,8 +59,30 @@ export const useDataBaseStore = defineStore("dataBase", () => {
       vtk_js: { binary_light_viewable },
     },
   ) {
-    console.log("[DataBase] addItem start", { id, object_type: value.object_type, geode_object: value.geode_object })
+    console.log("[DataBase] addItem start", {
+      id,
+      object_type: value.object_type,
+      geode_object: value.geode_object,
+    })
     db[id] = value
+
+    if (value.object_type === "model") {
+      await fetchMeshComponents(id)
+      await fetchUuidToFlatIndexDict(id)
+    }
+
+    treeview_store.addItem(
+      value.geode_object,
+      value.displayed_name,
+      id,
+      value.object_type,
+    )
+    console.log("[DataBase] addItem -> treeview.addItem done", id)
+
+    console.log("[DataBase] addItem -> hybridViewer.addItem start", id)
+    // Ajout viewer (potentiellement asynchrone)
+    await hybridViewerStore.addItem(id, value.vtk_js)
+    console.log("[DataBase] addItem -> hybridViewer.addItem done", id)
   }
 
   async function fetchMeshComponents(id) {

stores/data_style.js

@@ -33,10 +33,76 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     if (object_type === "mesh") {
       return meshStyleStore.applyMeshStyle(id)
     } else if (object_type === "model") {
-      return modelStyleStore.applyModelStyle(id)
-    } else {
-      throw new Error("Unknown object_type: " + object_type)
+      return Promise.all([modelStyleStore.setModelVisibility(id, visible)])
     }
+    return Promise.resolve([])
+  }
+
+  function setModelEdgesVisibility(id, visibility) {
+    modelStyleStore.setModelMeshComponentVisibility(
+      id,
+      "Edge",
+      null,
+      visibility,
+    )
+  }
+
+  function modelEdgesVisibility(id) {
+    return modelStyleStore.modelMeshComponentVisibility(id, "Edge", null)
+  }
+
+  function exportStores() {
+    return { styles: dataStyleState.styles }
+  }
+
+  async function importStores(snapshot) {
+    const stylesSnapshot = snapshot?.styles || {}
+    console.log(
+      "[DataStyle] importStores snapshot ids:",
+      Object.keys(stylesSnapshot),
+    )
+
+    // Conserver la référence réactive -> clear + merge
+    for (const id of Object.keys(dataStyleState.styles))
+      delete dataStyleState.styles[id]
+    for (const [id, style] of Object.entries(stylesSnapshot)) {
+      dataStyleState.styles[id] = style
+    }
+    console.log(
+      "[DataStyle] importStores merged ids:",
+      Object.keys(dataStyleState.styles),
+    )
+  }
+
+  async function applyAllStylesFromState() {
+    const ids = Object.keys(dataStyleState.styles || {})
+    console.log("[DataStyle] applyAllStylesFromState start ids:", ids)
+
+    // Séquentiel par id pour mieux tracer et éviter les courses
+    for (const id of ids) {
+      const meta = dataBaseStore.itemMetaDatas(id)
+      const objectType = meta?.object_type
+      const style = dataStyleState.styles[id]
+      if (!style || !objectType) {
+        console.warn("[DataStyle] applyAllStylesFromState skip:", {
+          id,
+          hasStyle: !!style,
+          objectType,
+        })
+        continue
+      }
+      console.log("[DataStyle] applyAllStylesFromState applying:", {
+        id,
+        objectType,
+      })
+      if (objectType === "mesh") {
+        await meshStyleStore.applyMeshDefaultStyle(id)
+      } else if (objectType === "model") {
+        await modelStyleStore.applyModelDefaultStyle(id)
+      }
+      console.log("[DataStyle] applyAllStylesFromState applied:", id)
+    }
+    console.log("[DataStyle] applyAllStylesFromState finished")
   }
 
   return {