@geode/opengeodeweb-front 10.3.0 → 10.3.1

package/app/components/Viewer/PolygonalSurface/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import PolygonalSurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="PolygonalSurfaceEdges"
   />
 </template>

package/app/components/Viewer/PolygonalSurface/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import PolygonalSurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="PolygonalSurfacePoints"
   />
 </template>

package/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue

@@ -1,8 +1,8 @@
 <script setup>
+  import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -10,12 +10,12 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
     tooltip: { type: String, required: false, default: "Polygons options" },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshPolygonsVisibility(id.value),
@@ -115,8 +115,8 @@
 
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
+    :itemProps="itemProps"
+    :tooltip="tooltip"
     :btn_image="PolygonalSurfacePolygons"
   >
     <template #options>

package/app/components/Viewer/Solid/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import SolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="SolidEdges"
   />
 </template>

package/app/components/Viewer/Solid/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import SolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="SolidPoints"
   />
 </template>

package/app/components/Viewer/Solid/PolygonsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
   import SolidFacets from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
+  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolygonsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="SolidFacets"
   />
 </template>

package/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue

@@ -1,8 +1,8 @@
 <script setup>
+  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
   import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
+  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
 
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
@@ -10,12 +10,12 @@
   const dataStyleStore = useDataStyleStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
     tooltip: { type: String, required: false, default: "Polyhedra options" },
   })
 
-  const id = toRef(() => props.itemProps.id)
+  const id = toRef(() => itemProps.id)
 
   const visibility = computed({
     get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
@@ -108,8 +108,8 @@
 </script>
 <template>
   <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
+    :itemProps="itemProps"
+    :tooltip="tooltip"
     :btn_image="SolidPolyhedra"
   >
     <template #options>

package/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
   import TetrahedralSolidTetrahedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
+  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolyhedraOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="TetrahedralSolidTetrahedra"
     tooltip="Tetrahedra options"
   />

package/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
   import TetrahedralSolidTriangles from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
+  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPolygonsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="TetrahedralSolidTriangles"
     tooltip="Triangles options"
   />

package/app/components/Viewer/Tree/ObjectTree.vue

@@ -1,9 +1,11 @@
 <script setup>
   import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb"
-  import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject"
   import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent"
+  import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject"
   import { useTreeviewStore } from "@ogw_front/stores/treeview"
 
+  const WIDTH_MIN = 150
+
   const treeviewStore = useTreeviewStore()
   const emit = defineEmits(["show-menu"])
 
@@ -14,16 +16,16 @@
   function onResizeStart(event) {
     const startWidth = treeviewStore.panelWidth
     const startX = event.clientX
-    const resize = (e) => {
-      const deltaX = e.clientX - startX
+    function resize(event) {
+      const deltaX = event.clientX - startX
       const newWidth = Math.max(
-        150,
+        WIDTH_MIN,
         Math.min(startWidth + deltaX, window.innerWidth),
       )
       treeviewStore.setPanelWidth(newWidth)
       document.body.style.userSelect = "none"
     }
-    const stopResize = () => {
+    function stopResize() {
       document.removeEventListener("mousemove", resize)
       document.removeEventListener("mouseup", stopResize)
       document.body.style.userSelect = ""
@@ -31,10 +33,6 @@
     document.addEventListener("mousemove", resize)
     document.addEventListener("mouseup", stopResize)
   }
-
-  onMounted(() => {})
-
-  onUnmounted(() => {})
 </script>
 
 <template>

package/app/components/Viewer/TreeComponent.vue

@@ -1,6 +1,6 @@
 <script setup>
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useDataStore } from "@ogw_front/stores/data"
+  import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 
   import { compareSelections } from "@ogw_front/utils/treeview"
@@ -9,36 +9,32 @@
   const dataStore = useDataStore()
   const hybridViewerStore = useHybridViewerStore()
 
-  const props = defineProps({ id: { type: String, required: true } })
+  const { id } = defineProps({ id: { type: String, required: true } })
 
   const emit = defineEmits(["show-menu"])
 
   const items = ref([])
-  const mesh_components_selection = dataStyleStore.visibleMeshComponents(
-    props.id,
-  )
+  const mesh_components_selection = dataStyleStore.visibleMeshComponents(id)
 
   watchEffect(async () => {
-    items.value = await dataStore.formatedMeshComponents(props.id)
+    items.value = await dataStore.formatedMeshComponents(id)
   })
 
   watch(
     mesh_components_selection,
     async (current, previous) => {
-      if (!previous) return
+      if (!previous) {
+        return
+      }
 
       const { added, removed } = compareSelections(current, previous)
 
       if (added.length > 0) {
-        await dataStyleStore.setModelMeshComponentsVisibility(
-          props.id,
-          added,
-          true,
-        )
+        await dataStyleStore.setModelMeshComponentsVisibility(id, added, true)
       }
       if (removed.length > 0) {
         await dataStyleStore.setModelMeshComponentsVisibility(
-          props.id,
+          id,
           removed,
           false,
         )

package/app/components/Viewer/TreeObject.vue

@@ -1,7 +1,7 @@
 <script setup>
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
   import { useDataStyleStore } from "@ogw_front/stores/data_style"
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+  import { useTreeviewStore } from "@ogw_front/stores/treeview"
 
   import { compareSelections } from "@ogw_front/utils/treeview"
 
@@ -18,17 +18,16 @@
   watch(
     () => treeviewStore.selection,
     async (current, previous) => {
-      if (!previous) previous = []
-      if (current.value === previous) {
+      const oldSelection = previous || []
+      if (current === oldSelection) {
         return
       }
       const { added, removed } = compareSelections(current, previous)
-      for (const item of added) {
-        await dataStyleStore.setVisibility(item.id, true)
-      }
-      for (const item of removed) {
-        await dataStyleStore.setVisibility(item.id, false)
-      }
+      const updates = [
+        ...added.map((item) => dataStyleStore.setVisibility(item.id, true)),
+        ...removed.map((item) => dataStyleStore.setVisibility(item.id, false)),
+      ]
+      await Promise.all(updates)
       hybridViewerStore.remoteRender()
     },
   )

package/app/components/Viewer/TriangulatedSurface/EdgesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
   import SurfaceEdges from "@ogw_front/assets/viewer_svgs/surface_edges.svg"
+  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshEdgesOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="SurfaceEdges"
   />
 </template>

package/app/components/Viewer/TriangulatedSurface/PointsOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import TriangulatedSurfaceEdgesPoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
+  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="TriangulatedSurfaceEdgesPoints"
   />
 </template>

package/app/components/Viewer/TriangulatedSurface/TrianglesOptions.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
   import TriangulatedSurfaceTriangles from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
+  import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
 
-  const props = defineProps({
+  const { itemProps } = defineProps({
     itemProps: { type: Object, required: true },
   })
 </script>
 
 <template>
   <ViewerSpecificPolygonsOptions
-    :itemProps="props.itemProps"
+    :itemProps="itemProps"
     :btn_image="TriangulatedSurfaceTriangles"
     tooltip="Triangles options"
   />

package/app/components/Wrapper.vue

@@ -7,10 +7,9 @@
 
   const infraStore = useInfraStore()
 
-  const props = defineProps({
+  const { versions_schema } = defineProps({
     versions_schema: { type: Object, required: true },
   })
-  const { versions_schema } = props
 </script>
 
 <template>

package/app/components/ZScaling.vue

@@ -1,6 +1,6 @@
 <script setup>
   const zScale = defineModel({ type: Number, default: 1 })
-  const props = defineProps({
+  const { width } = defineProps({
     width: { type: Number, default: 400 },
   })
 </script>

package/app/composables/project_manager.js

@@ -5,15 +5,15 @@ import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schem
 import { importWorkflowFromSnapshot } from "@ogw_front/utils/file_import_workflow"
 
 import { useAppStore } from "@ogw_front/stores/app"
-import { useDataStyleStore } from "@ogw_front/stores/data_style"
 import { useDataStore } from "@ogw_front/stores/data"
+import { useDataStyleStore } from "@ogw_front/stores/data_style"
 import { useGeodeStore } from "@ogw_front/stores/geode"
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 import { useTreeviewStore } from "@ogw_front/stores/treeview"
 import { useViewerStore } from "@ogw_front/stores/viewer"
 
 export function useProjectManager() {
-  const exportProject = async function () {
+  async function exportProject() {
     console.log("[export triggered]")
     const appStore = useAppStore()
     const geodeStore = useGeodeStore()
@@ -23,14 +23,14 @@ export function useProjectManager() {
 
     const result = await $fetch(schema.$id, {
       baseURL: geodeStore.base_url,
-      method: schema.methods.filter((m) => m !== "OPTIONS")[0],
+      method: schema.methods.find((method) => method !== "OPTIONS"),
       body: { snapshot, filename: defaultName },
     })
     fileDownload(result, defaultName)
     return { result }
   }
 
-  const importProjectFile = async function (file) {
+  async function importProjectFile(file) {
     const geodeStore = useGeodeStore()
     const dataStyleStore = useDataStyleStore()
     const viewerStore = useViewerStore()
@@ -40,7 +40,7 @@ export function useProjectManager() {
 
     await viewerStore.ws_connect()
 
-    const client = viewerStore.client
+    const { client } = viewerStore
     if (client && client.getConnection && client.getConnection().getSession) {
       await client
         .getConnection()
@@ -75,7 +75,7 @@ export function useProjectManager() {
 
     treeviewStore.isImporting = true
 
-    const client2 = viewerStore.client
+    const { client: client2 } = viewerStore
     if (
       client2 &&
       client2.getConnection &&

package/app/plugins/auto_store_register.js

@@ -1,6 +1,6 @@
 import { useAppStore } from "@ogw_front/stores/app"
 
-const autoStoreRegister = ({ store }) => {
+function autoStoreRegister({ store }) {
   if (store.$id === "app") {
     return
   }

package/app/stores/app.js

@@ -22,23 +22,20 @@ export const useAppStore = defineStore("app", () => {
     console.log(
       `[AppStore] Exporting stores, total registered: ${stores.length}`,
     )
-    for (const store of stores) {
-      console.log(
-        `[AppStore] Checking store: ${store.$id}, has exportStores: ${!!store.exportStores}`,
-      )
-      if (!store.exportStores) continue
-      const storeId = store.$id
-      try {
-        snapshot[storeId] = await store.exportStores(params)
-        console.log(
-          `[AppStore] Exported store "${storeId}":`,
-          snapshot[storeId],
-        )
-        exportCount++
-      } catch (error) {
-        console.error(`[AppStore] Error exporting store "${storeId}":`, error)
-      }
-    }
+    await Promise.all(
+      stores.map(async (store) => {
+        if (!store.exportStores) {
+          return
+        }
+        const storeId = store.$id
+        try {
+          snapshot[storeId] = await store.exportStores(params)
+          exportCount += 1
+        } catch (error) {
+          console.error(`[AppStore] Error exporting store "${storeId}":`, error)
+        }
+      }),
+    )
     console.log(
       `[AppStore] Exported ${exportCount} stores; snapshot keys:`,
       Object.keys(snapshot),
@@ -55,20 +52,24 @@ export const useAppStore = defineStore("app", () => {
 
     let importedCount = 0
     const notFoundStores = []
-    for (const store of stores) {
-      if (!store.importStores) continue
-      const storeId = store.$id
-      if (!snapshot[storeId]) {
-        notFoundStores.push(storeId)
-        continue
-      }
-      try {
-        await store.importStores(snapshot[storeId])
-        importedCount++
-      } catch (error) {
-        console.error(`[AppStore] Error importing store "${storeId}":`, error)
-      }
-    }
+    await Promise.all(
+      stores.map(async (store) => {
+        if (!store.importStores) {
+          return
+        }
+        const storeId = store.$id
+        if (!snapshot[storeId]) {
+          notFoundStores.push(storeId)
+          return
+        }
+        try {
+          await store.importStores(snapshot[storeId])
+          importedCount += 1
+        } catch (error) {
+          console.error(`[AppStore] Error importing store "${storeId}":`, error)
+        }
+      }),
+    )
     if (notFoundStores.length > 0) {
       console.warn(
         `[AppStore] Stores not found in snapshot: ${notFoundStores.join(", ")}`,
@@ -78,8 +79,8 @@ export const useAppStore = defineStore("app", () => {
   }
 
   const loadedExtensions = ref(new Map())
-  const extensionAPI = ref(null)
-  const codeTransformer = ref(null)
+  const extensionAPI = ref(undefined)
+  const codeTransformer = ref(undefined)
 
   function setExtensionAPI(api) {
     extensionAPI.value = api
@@ -93,7 +94,7 @@ export const useAppStore = defineStore("app", () => {
     return loadedExtensions.value.get(id)
   }
 
-  async function loadExtension(path, backendPath = null) {
+  async function loadExtension(path, backendPath = undefined) {
     try {
       let finalURL = path
 
@@ -156,13 +157,14 @@ export const useAppStore = defineStore("app", () => {
   }
 
   function getLoadedExtensions() {
-    return Array.from(loadedExtensions.value.values())
+    return [...loadedExtensions.value.values()]
   }
 
   function unloadExtension(id) {
     const extensionData = getExtension(id)
-    if (!extensionData) return false
-
+    if (!extensionData) {
+      return false
+    }
     if (
       extensionData.module &&
       typeof extensionData.module.uninstall === "function"
@@ -189,8 +191,9 @@ export const useAppStore = defineStore("app", () => {
 
   function toggleExtension(id) {
     const extensionData = getExtension(id)
-    if (!extensionData) return false
-
+    if (!extensionData) {
+      return false
+    }
     extensionData.enabled = !extensionData.enabled
     console.log(
       `[AppStore] Extension ${extensionData.enabled ? "enabled" : "disabled"}: ${id}`,
@@ -200,8 +203,9 @@ export const useAppStore = defineStore("app", () => {
 
   function setExtensionEnabled(id, enabled) {
     const extensionData = getExtension(id)
-    if (!extensionData) return false
-
+    if (!extensionData) {
+      return false
+    }
     extensionData.enabled = enabled
     console.log(
       `[AppStore] Extension ${enabled ? "enabled" : "disabled"}: ${id}`,