importStore & exportStore refacto

Author: MaxNumerique

plugins/project_manager.js

@@ -6,7 +6,7 @@ export default defineNuxtPlugin(() => {
   const appStore = useAppStore()
 
   async function exportProject() {
-    const snapshot = appStore.save()
+    const snapshot = appStore.exportStore()
     const blob = new Blob([JSON.stringify(snapshot)], {
       type: "application/json",
     })
@@ -22,7 +22,7 @@ export default defineNuxtPlugin(() => {
     const snapshot = JSON.parse(await file.text())
     await useInfraStore().create_connection()
     viewer_call({})
-    await appStore.load(snapshot)
+    await appStore.importStore(snapshot)
   }
 
   return {

stores/app.js

@@ -5,79 +5,71 @@ export const useAppStore = defineStore("app", () => {
     const isAlreadyRegistered = stores.some(
       (registeredStore) => registeredStore.$id === store.$id,
     )
-
     if (isAlreadyRegistered) {
       console.log(
         `[AppStore] Store "${store.$id}" already registered, skipping`,
       )
       return
     }
-
     console.log("[AppStore] Registering store", store.$id)
     stores.push(store)
   }
 
-  function save() {
+
+  function exportStore() {
     const snapshot = {}
-    let savedCount = 0
+    let exportCount = 0
 
     for (const store of stores) {
-      if (!store.save) {
+         if (!store.exportStore) {
         continue
       }
       const storeId = store.$id
       try {
-        snapshot[storeId] = store.save()
-        savedCount++
+        snapshot[storeId] = store.exportStore()
+        exportCount++
       } catch (error) {
-        console.error(`[AppStore] Error saving store "${storeId}":`, error)
+        console.error(`[AppStore] Error exporting store "${storeId}":`, error)
       }
     }
-
-    console.log(`[AppStore] Saved ${savedCount} stores`)
+    console.log(`[AppStore] Exported ${exportCount} stores`)
     return snapshot
   }
 
-  async function load(snapshot) {
+
+  async function importStore(snapshot) {
     if (!snapshot) {
-      console.warn("[AppStore] load called with invalid snapshot")
+      console.warn("[AppStore] import called with invalid snapshot")
       return
     }
-
-    let loadedCount = 0
+    let importedCount = 0
     const notFoundStores = []
-
     for (const store of stores) {
-      if (!store.load) continue
-
+      if (!store.importStore) continue
       const storeId = store.$id
-
       if (!snapshot[storeId]) {
         notFoundStores.push(storeId)
         continue
       }
-
       try {
-        await store.load(snapshot[storeId])
-        loadedCount++
+        await store.importStore(snapshot[storeId])
+        importedCount++
       } catch (error) {
-        console.error(`[AppStore] Error loading store "${storeId}":`, error)
+        console.error(`[AppStore] Error importing store "${storeId}":`, error)
       }
     }
-
     if (notFoundStores.length > 0) {
       console.warn(
         `[AppStore] Stores not found in snapshot: ${notFoundStores.join(", ")}`,
       )
     }
-
-    console.log(`[AppStore] Loaded ${loadedCount} stores`)
+    console.log(`[AppStore] Imported ${importedCount} stores`)
   }
 
   return {
     stores,
     registerStore,
-    save,
-    load,
+    exportStore,
+    importStore,
   }
 })

stores/data_base.js

@@ -135,11 +135,11 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     return flat_indexes.filter((index) => index !== null)
   }
 
-  function save() {
+  function exportStore() {
     return { db: JSON.parse(JSON.stringify(db)) }
   }
 
-  async function load(snapshot) {
+  async function importStore(snapshot) {
     const entries = snapshot?.db || {}
     const hybrid_store = useHybridViewerStore()
     await hybrid_store.initHybridViewer()
@@ -164,7 +164,7 @@ export const useDataBaseStore = defineStore("dataBase", () => {
     getSurfacesUuids,
     getBlocksUuids,
     getFlatIndexes,
-    save,
-    load,
+    exportStore,
+    importStore,
   }
 })

stores/data_style.js

@@ -46,11 +46,11 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     return modelStyleStore.modelMeshComponentVisibility(id, "Edge", null)
   }
 
-  function save() {
+  function exportStore() {
     return { styles: dataStyleState.styles }
   }
 
-  async function load(snapshot) {
+  async function importStore(snapshot) {
     dataStyleState.styles = snapshot?.styles || {}
   }
 
@@ -60,8 +60,8 @@ export const useDataStyleStore = defineStore("dataStyle", () => {
     setVisibility,
     setModelEdgesVisibility,
     modelEdgesVisibility,
-    save,
-    load,
+    exportStore,
+    importStore,
     ...meshStyleStore,
     ...modelStyleStore,
   }

stores/hybrid_viewer.js

@@ -192,11 +192,11 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     Object.keys(db).forEach((id) => delete db[id])
   }
 
-  function save() {
+  function exportStore() {
     return { zScale: zScale.value }
   }
 
-  async function load(snapshot) {
+  async function importStore(snapshot) {
     const z_scale = snapshot?.zScale
     if (z_scale != null) {
       await setZScaling(z_scale)
@@ -215,7 +215,7 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     setContainer,
     zScale,
     clear,
-    save,
-    load,
+    exportStore,
+    importStore,
   }
 })

stores/treeview.js

@@ -53,18 +53,18 @@ export const useTreeviewStore = defineStore("treeview", () => {
     panelWidth.value = width
   }
 
-  function save() {
+  function exportStore() {
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
       panelWidth: panelWidth.value,
       model_id: model_id.value,
       isTreeCollection: isTreeCollection.value,
       selectedTree: selectedTree.value,
-      selection: selection.value, // Keep for UX ?
+      selection: selection.value,
     }
   }
 
-  function load(snapshot) {
+  async function importStore(snapshot) {
     selection.value = snapshot?.selection || []
     isAdditionnalTreeDisplayed.value =
       snapshot?.isAdditionnalTreeDisplayed || false
@@ -87,7 +87,7 @@ export const useTreeviewStore = defineStore("treeview", () => {
     displayFileTree,
     toggleTreeView,
     setPanelWidth,
-    save,
-    load,
+    exportStore,
+    importStore,
   }
 })