@geode/opengeodeweb-front 10.6.2 → 10.6.3-rc.1

package/app/stores/lambda.js

@@ -1,5 +1,5 @@
-import { Status } from "@ogw_front/utils/status"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { Status } from "@ogw_front/utils/status";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
 export const useLambdaStore = defineStore("lambda", {
   state: () => ({
@@ -7,51 +7,51 @@ export const useLambdaStore = defineStore("lambda", {
   }),
   getters: {
     protocol() {
-      return "https"
+      return "https";
     },
     port() {
-      return "443"
+      return "443";
     },
     base_url() {
-      const public_runtime_config = useRuntimeConfig().public
-      const domain_name = public_runtime_config.API_URL
-      const projectPath = `/${public_runtime_config.PROJECT}`
-      const url = `${this.protocol}://${domain_name}:${this.port}${public_runtime_config.SITE_BRANCH}${projectPath}/createbackend`
-      return url
+      const public_runtime_config = useRuntimeConfig().public;
+      const domain_name = public_runtime_config.API_URL;
+      const projectPath = `/${public_runtime_config.PROJECT}`;
+      const url = `${this.protocol}://${domain_name}:${this.port}${public_runtime_config.SITE_BRANCH}${projectPath}/createbackend`;
+      return url;
     },
     is_busy() {
-      return false
+      return false;
     },
   },
   actions: {
     async launch() {
-      console.log("[LAMBDA] Launching lambda backend...")
-      const feedbackStore = useFeedbackStore()
+      console.log("[LAMBDA] Launching lambda backend...");
+      const feedbackStore = useFeedbackStore();
 
       const { data, error } = await useFetch(this.base_url, {
         method: "POST",
-      })
+      });
 
       if (error.value || !data.value) {
-        this.status = Status.NOT_CONNECTED
-        feedbackStore.server_error = true
-        console.error("[LAMBDA] Failed to launch lambda backend", error.value)
-        throw new Error("Failed to launch lambda backend")
+        this.status = Status.NOT_CONNECTED;
+        feedbackStore.server_error = true;
+        console.error("[LAMBDA] Failed to launch lambda backend", error.value);
+        throw new Error("Failed to launch lambda backend");
       }
 
-      this.status = Status.CONNECTED
-      const id = data.value.ID
+      this.status = Status.CONNECTED;
+      const id = data.value.ID;
 
-      console.log("[LAMBDA] Lambda launched, ID:", id)
-      return id
+      console.log("[LAMBDA] Lambda launched, ID:", id);
+      return id;
     },
-    async connect() {
-      console.log("[LAMBDA] Lambda connected")
-      this.status = Status.CONNECTED
-      return Promise.resolve()
+    connect() {
+      console.log("[LAMBDA] Lambda connected");
+      this.status = Status.CONNECTED;
+      return Promise.resolve();
     },
   },
   share: {
     omit: ["status"],
   },
-})
+});

package/app/stores/menu.js

@@ -1,96 +1,92 @@
 // PointSet components
-import PointSetPointsOptions from "@ogw_front/components/Viewer/PointSet/SpecificPointsOptions"
+import PointSetPointsOptions from "@ogw_front/components/Viewer/PointSet/SpecificPointsOptions";
 
 // EdgedCurve components
-import EdgedCurveEdgesOptions from "@ogw_front/components/Viewer/EdgedCurve/SpecificEdgesOptions"
-import EdgedCurvePointsOptions from "@ogw_front/components/Viewer/EdgedCurve/PointsOptions"
+import EdgedCurveEdgesOptions from "@ogw_front/components/Viewer/EdgedCurve/SpecificEdgesOptions";
+import EdgedCurvePointsOptions from "@ogw_front/components/Viewer/EdgedCurve/PointsOptions";
 
 // PolygonalSurface components
-import PolygonalSurfaceEdgesOptions from "@ogw_front/components/Viewer/PolygonalSurface/EdgesOptions"
-import PolygonalSurfacePointsOptions from "@ogw_front/components/Viewer/PolygonalSurface/PointsOptions"
-import PolygonalSurfacePolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
+import PolygonalSurfaceEdgesOptions from "@ogw_front/components/Viewer/PolygonalSurface/EdgesOptions";
+import PolygonalSurfacePointsOptions from "@ogw_front/components/Viewer/PolygonalSurface/PointsOptions";
+import PolygonalSurfacePolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions";
 
 // TriangulatedSurface components
-import TriangulatedSurfaceEdgesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/EdgesOptions"
-import TriangulatedSurfacePointsOptions from "@ogw_front/components/Viewer/TriangulatedSurface/PointsOptions"
-import TriangulatedSurfaceTrianglesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/TrianglesOptions"
+import TriangulatedSurfaceEdgesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/EdgesOptions";
+import TriangulatedSurfacePointsOptions from "@ogw_front/components/Viewer/TriangulatedSurface/PointsOptions";
+import TriangulatedSurfaceTrianglesOptions from "@ogw_front/components/Viewer/TriangulatedSurface/TrianglesOptions";
 
 // Grid 2D components
-import Grid2DCellsOptions from "@ogw_front/components/Viewer/Grid/2D/CellsOptions"
-import Grid2DEdgesOptions from "@ogw_front/components/Viewer/Grid/2D/EdgesOptions"
-import Grid2DPointsOptions from "@ogw_front/components/Viewer/Grid/2D/PointsOptions"
+import Grid2DCellsOptions from "@ogw_front/components/Viewer/Grid/2D/CellsOptions";
+import Grid2DEdgesOptions from "@ogw_front/components/Viewer/Grid/2D/EdgesOptions";
+import Grid2DPointsOptions from "@ogw_front/components/Viewer/Grid/2D/PointsOptions";
 
 // Grid 3D components
-import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions"
-import Grid3DEdgesOptions from "@ogw_front/components/Viewer/Grid/3D/EdgesOptions"
-import Grid3DPointsOptions from "@ogw_front/components/Viewer/Grid/3D/PointsOptions"
+import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions";
+import Grid3DEdgesOptions from "@ogw_front/components/Viewer/Grid/3D/EdgesOptions";
+import Grid3DPointsOptions from "@ogw_front/components/Viewer/Grid/3D/PointsOptions";
 
 // Solid components
-import SolidEdgesOptions from "@ogw_front/components/Viewer/Solid/EdgesOptions"
-import SolidPointsOptions from "@ogw_front/components/Viewer/Solid/PointsOptions"
-import SolidPolygonsOptions from "@ogw_front/components/Viewer/Solid/PolygonsOptions"
-import SolidPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions"
+import SolidEdgesOptions from "@ogw_front/components/Viewer/Solid/EdgesOptions";
+import SolidPointsOptions from "@ogw_front/components/Viewer/Solid/PointsOptions";
+import SolidPolygonsOptions from "@ogw_front/components/Viewer/Solid/PolygonsOptions";
+import SolidPolyhedraOptions from "@ogw_front/components/Viewer/Solid/SpecificPolyhedraOptions";
 
 // TetrahedralSolid components
-import TetrahedralSolidTetrahedraOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TetrahedraOptions"
-import TetrahedralSolidTrianglesOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TrianglesOptions"
+import TetrahedralSolidTetrahedraOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TetrahedraOptions";
+import TetrahedralSolidTrianglesOptions from "@ogw_front/components/Viewer/TetrahedralSolid/TrianglesOptions";
 
 // Model components
-import ModelEdgesOptions from "@ogw_front/components/Viewer/Generic/Model/EdgesOptions"
-import ModelPointsOptions from "@ogw_front/components/Viewer/Generic/Model/PointsOptions"
+import ModelEdgesOptions from "@ogw_front/components/Viewer/Generic/Model/EdgesOptions";
+import ModelPointsOptions from "@ogw_front/components/Viewer/Generic/Model/PointsOptions";
 
-const PointSet_menu = [PointSetPointsOptions]
+const PointSet_menu = [PointSetPointsOptions];
 
-const EdgedCurve_menu = [EdgedCurvePointsOptions, EdgedCurveEdgesOptions]
+const EdgedCurve_menu = [EdgedCurvePointsOptions, EdgedCurveEdgesOptions];
 
 const PolygonalSurface_menu = [
   PolygonalSurfacePointsOptions,
   PolygonalSurfaceEdgesOptions,
   PolygonalSurfacePolygonsOptions,
-]
+];
 
 const TriangulatedSurface_menu = [
   TriangulatedSurfacePointsOptions,
   TriangulatedSurfaceEdgesOptions,
   TriangulatedSurfaceTrianglesOptions,
-]
+];
 
-const Grid2D_menu = [
-  Grid2DPointsOptions,
-  Grid2DEdgesOptions,
-  Grid2DCellsOptions,
-]
+const Grid2D_menu = [Grid2DPointsOptions, Grid2DEdgesOptions, Grid2DCellsOptions];
 const Grid3D_menu = [
   Grid3DPointsOptions,
   Grid3DEdgesOptions,
   // Grid3DFacetsOptions,
   Grid3DCellsOptions,
-]
+];
 
 const Solid_menu = [
   SolidPointsOptions,
   SolidEdgesOptions,
   SolidPolygonsOptions,
   SolidPolyhedraOptions,
-]
+];
 
 const TetrahedralSolid_menu = [
   SolidPointsOptions,
   SolidEdgesOptions,
   TetrahedralSolidTrianglesOptions,
   TetrahedralSolidTetrahedraOptions,
-]
+];
 
-const BRep_menu = [ModelEdgesOptions, ModelPointsOptions]
+const BRep_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const CrossSection_menu = [ModelEdgesOptions, ModelPointsOptions]
+const CrossSection_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const ImplicitCrossSection_menu = [ModelEdgesOptions, ModelPointsOptions]
-const ImplicitStructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions]
+const ImplicitCrossSection_menu = [ModelEdgesOptions, ModelPointsOptions];
+const ImplicitStructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const Section_menu = [ModelEdgesOptions, ModelPointsOptions]
+const Section_menu = [ModelEdgesOptions, ModelPointsOptions];
 
-const StructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions]
+const StructuralModel_menu = [ModelEdgesOptions, ModelPointsOptions];
 
 const menusData = {
   mesh: {
@@ -118,88 +114,85 @@ const menusData = {
     Section: Section_menu,
     StructuralModel: StructuralModel_menu,
   },
-}
+};
 
 export const useMenuStore = defineStore("menu", () => {
-  const menus = shallowRef(menusData)
-  const display_menu = ref(false)
-  const current_id = ref(undefined)
-  const menuX = ref(0)
-  const menuY = ref(0)
-  const containerWidth = ref(window.innerWidth)
-  const containerHeight = ref(window.innerHeight)
-  const containerTop = ref(0)
-  const containerLeft = ref(0)
-  const active_item_index = ref(undefined)
-  const current_meta_data = ref({})
+  const menus = shallowRef(menusData);
+  const display_menu = ref(false);
+  const current_id = ref(undefined);
+  const menuX = ref(0);
+  const menuY = ref(0);
+  const containerWidth = ref(window.innerWidth);
+  const containerHeight = ref(window.innerHeight);
+  const containerTop = ref(0);
+  const containerLeft = ref(0);
+  const active_item_index = ref(undefined);
+  const current_meta_data = ref({});
 
   function getMenuItems(objectType, geodeObject) {
     if (!objectType || !geodeObject || !menus.value[objectType]) {
-      return []
+      return [];
     }
-    return menus.value[objectType][geodeObject] || []
+    return menus.value[objectType][geodeObject] || [];
   }
 
   function closeMenu() {
-    active_item_index.value = undefined
-    current_id.value = undefined
-    current_meta_data.value = {}
-    menuX.value = 0
-    menuY.value = 0
-    display_menu.value = false
+    active_item_index.value = undefined;
+    current_id.value = undefined;
+    current_meta_data.value = {};
+    menuX.value = 0;
+    menuY.value = 0;
+    display_menu.value = false;
   }
 
   async function openMenu(id, x, y, width, height, top, left, meta_data) {
-    await closeMenu()
+    await closeMenu();
 
     if (meta_data) {
-      const items = getMenuItems(
-        meta_data.viewer_type,
-        meta_data.geode_object_type,
-      )
+      const items = getMenuItems(meta_data.viewer_type, meta_data.geode_object_type);
       if (items.length === 0) {
-        return
+        return;
       }
     }
 
-    current_id.value = id
-    current_meta_data.value = meta_data || {}
+    current_id.value = id;
+    current_meta_data.value = meta_data || {};
 
     if (x !== undefined && y !== undefined) {
-      menuX.value = x
-      menuY.value = y
+      menuX.value = x;
+      menuY.value = y;
     }
 
-    containerWidth.value = width
-    containerHeight.value = height
-    containerTop.value = top
-    containerLeft.value = left
+    containerWidth.value = width;
+    containerHeight.value = height;
+    containerTop.value = top;
+    containerLeft.value = left;
 
-    display_menu.value = true
+    display_menu.value = true;
   }
 
   function setMenuPosition(x, y) {
-    menuX.value = x
-    menuY.value = y
+    menuX.value = x;
+    menuY.value = y;
   }
 
   function toggleItemOptions(index) {
     if (active_item_index.value === index) {
-      active_item_index.value = undefined
+      active_item_index.value = undefined;
     } else {
-      active_item_index.value = index
+      active_item_index.value = index;
     }
   }
 
-  const router = useRouter()
+  const router = useRouter();
   watch(
     () => router.currentRoute.value.path,
     () => {
       if (display_menu.value || active_item_index.value !== null) {
-        closeMenu()
+        closeMenu();
       }
     },
-  )
+  );
 
   return {
     display_menu,
@@ -217,5 +210,5 @@ export const useMenuStore = defineStore("menu", () => {
     openMenu,
     setMenuPosition,
     toggleItemOptions,
-  }
-})
+  };
+});

package/app/stores/treeview.js

@@ -1,67 +1,64 @@
 export const useTreeviewStore = defineStore("treeview", () => {
-  const PANEL_WIDTH = 300
-
-  const items = ref([])
-  const selection = ref([])
-  const components_selection = ref([])
-  const isAdditionnalTreeDisplayed = ref(false)
-  const panelWidth = ref(PANEL_WIDTH)
-  const model_id = ref("")
-  const isTreeCollection = ref(false)
-  const selectedTree = ref(undefined)
-  const isImporting = ref(false)
-  const pendingSelectionIds = ref([])
+  const PANEL_WIDTH = 300;
+
+  const items = ref([]);
+  const selection = ref([]);
+  const components_selection = ref([]);
+  const isAdditionnalTreeDisplayed = ref(false);
+  const panelWidth = ref(PANEL_WIDTH);
+  const model_id = ref("");
+  const isTreeCollection = ref(false);
+  const selectedTree = ref(undefined);
+  const isImporting = ref(false);
+  const pendingSelectionIds = ref([]);
 
   // /** Functions **/
   function addItem(geode_object_type, name, id, viewer_type) {
-    const child = { title: name, id, viewer_type }
+    const child = { title: name, id, viewer_type };
 
     for (let i = 0; i < items.value.length; i += 1) {
       if (items.value[i].title === geode_object_type) {
-        items.value[i].children.push(child)
+        items.value[i].children.push(child);
         items.value[i].children.sort((element1, element2) =>
           element1.title.localeCompare(element2.title, undefined, {
             numeric: true,
             sensitivity: "base",
           }),
-        )
-        selection.value.push(child)
-        return
+        );
+        selection.value.push(child);
+        return;
       }
     }
-    items.value.push({ title: geode_object_type, children: [child] })
+    items.value.push({ title: geode_object_type, children: [child] });
     items.value.sort((element1, element2) =>
       element1.title.localeCompare(element2.title, undefined, {
         numeric: true,
         sensitivity: "base",
       }),
-    )
-    selection.value.push(child)
+    );
+    selection.value.push(child);
   }
 
   function displayAdditionalTree(id) {
-    isAdditionnalTreeDisplayed.value = true
-    model_id.value = id
+    isAdditionnalTreeDisplayed.value = true;
+    model_id.value = id;
   }
 
   function displayFileTree() {
-    isAdditionnalTreeDisplayed.value = false
+    isAdditionnalTreeDisplayed.value = false;
   }
 
   function toggleTreeView() {
-    isTreeCollection.value = !isTreeCollection.value
-    console.log(
-      "Switched to",
-      isTreeCollection.value ? "TreeCollection" : "TreeComponent",
-    )
+    isTreeCollection.value = !isTreeCollection.value;
+    console.log("Switched to", isTreeCollection.value ? "TreeCollection" : "TreeComponent");
   }
 
   function setPanelWidth(width) {
-    panelWidth.value = width
+    panelWidth.value = width;
   }
 
   function exportStores() {
-    const selectionIds = selection.value.map((store) => store.id)
+    const selectionIds = selection.value.map((store) => store.id);
     return {
       isAdditionnalTreeDisplayed: isAdditionnalTreeDisplayed.value,
       panelWidth: panelWidth.value,
@@ -69,76 +66,71 @@ export const useTreeviewStore = defineStore("treeview", () => {
       isTreeCollection: isTreeCollection.value,
       selectedTree: selectedTree.value,
       selectionIds,
-    }
+    };
   }
 
-  async function importStores(snapshot) {
-    isAdditionnalTreeDisplayed.value =
-      snapshot?.isAdditionnalTreeDisplayed || false
-    panelWidth.value = snapshot?.panelWidth || PANEL_WIDTH
-    model_id.value = snapshot?.model_id || ""
-    isTreeCollection.value = snapshot?.isTreeCollection || false
-    selectedTree.value = snapshot?.selectedTree || undefined
+  function importStores(snapshot) {
+    isAdditionnalTreeDisplayed.value = snapshot?.isAdditionnalTreeDisplayed || false;
+    panelWidth.value = snapshot?.panelWidth || PANEL_WIDTH;
+    model_id.value = snapshot?.model_id || "";
+    isTreeCollection.value = snapshot?.isTreeCollection || false;
+    selectedTree.value = snapshot?.selectedTree || undefined;
 
     pendingSelectionIds.value =
-      snapshot?.selectionIds ||
-      (snapshot?.selection || []).map((store) => store.id) ||
-      []
+      snapshot?.selectionIds || (snapshot?.selection || []).map((store) => store.id) || [];
   }
 
   function finalizeImportSelection() {
-    const ids = pendingSelectionIds.value || []
-    const rebuilt = []
-    if (!ids.length) {
+    const ids = pendingSelectionIds.value || [];
+    const rebuilt = [];
+    if (ids.length === 0) {
       for (const group of items.value) {
         for (const child of group.children) {
-          rebuilt.push(child)
+          rebuilt.push(child);
         }
       }
     } else {
       for (const group of items.value) {
         for (const child of group.children) {
           if (ids.includes(child.id)) {
-            rebuilt.push(child)
+            rebuilt.push(child);
           }
         }
       }
     }
-    selection.value = rebuilt
-    pendingSelectionIds.value = []
+    selection.value = rebuilt;
+    pendingSelectionIds.value = [];
   }
 
   function removeItem(id) {
     for (let i = 0; i < items.value.length; i += 1) {
-      const group = items.value[i]
-      const childIndex = group.children.findIndex((child) => child.id === id)
+      const group = items.value[i];
+      const childIndex = group.children.findIndex((child) => child.id === id);
 
       if (childIndex !== -1) {
-        group.children.splice(childIndex, 1)
+        group.children.splice(childIndex, 1);
 
         if (group.children.length === 0) {
-          items.value.splice(i, 1)
+          items.value.splice(i, 1);
         }
 
-        const selectionIndex = selection.value.findIndex(
-          (item) => item.id === id,
-        )
+        const selectionIndex = selection.value.findIndex((item) => item.id === id);
         if (selectionIndex !== -1) {
-          selection.value.splice(selectionIndex, 1)
+          selection.value.splice(selectionIndex, 1);
         }
 
-        return
+        return;
       }
     }
   }
 
   function clear() {
-    items.value = []
-    selection.value = []
-    components_selection.value = []
-    pendingSelectionIds.value = []
-    model_id.value = ""
-    selectedTree.value = undefined
+    items.value = [];
+    selection.value = [];
+    components_selection.value = [];
+    pendingSelectionIds.value = [];
+    model_id.value = "";
+    selectedTree.value = undefined;
   }
 
   return {
@@ -160,5 +152,5 @@ export const useTreeviewStore = defineStore("treeview", () => {
     importStores,
     finalizeImportSelection,
     clear,
-  }
-})
+  };
+});