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

package/app/stores/viewer.js

@@ -1,144 +1,137 @@
 // Third party imports
-import vtkWSLinkClient, {
-  newInstance,
-} from "@kitware/vtk.js/IO/Core/WSLinkClient"
-import _ from "lodash"
+import vtkWSLinkClient, { newInstance } from "@kitware/vtk.js/IO/Core/WSLinkClient";
+import _ from "lodash";
 // oxlint-disable-next-line no-unassigned-import
-import "@kitware/vtk.js/Rendering/OpenGL/Profiles/Geometry"
-import SmartConnect from "wslink/src/SmartConnect"
-import { connectImageStream } from "@kitware/vtk.js/Rendering/Misc/RemoteView"
-import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import "@kitware/vtk.js/Rendering/OpenGL/Profiles/Geometry";
+import SmartConnect from "wslink/src/SmartConnect";
+import { connectImageStream } from "@kitware/vtk.js/Rendering/Misc/RemoteView";
+import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 // Local imports
-import { Status } from "@ogw_front/utils/status"
-import { appMode } from "@ogw_front/utils/local/app_mode"
-import { useAppStore } from "@ogw_front/stores/app"
-import { useInfraStore } from "@ogw_front/stores/infra"
-import { viewer_call } from "@ogw_internal/utils/viewer_call"
+import { Status } from "@ogw_front/utils/status";
+import { appMode } from "@ogw_front/utils/local/app_mode";
+import { useAppStore } from "@ogw_front/stores/app";
+import { useInfraStore } from "@ogw_front/stores/infra";
+import { viewer_call } from "@ogw_internal/utils/viewer_call";
 
-const MS_PER_SECOND = 1000
-const SECONDS_PER_REQUEST = 10
-const request_timeout = MS_PER_SECOND * SECONDS_PER_REQUEST
+const MS_PER_SECOND = 1000;
+const SECONDS_PER_REQUEST = 10;
+const request_timeout = MS_PER_SECOND * SECONDS_PER_REQUEST;
 
 export const useViewerStore = defineStore(
   "viewer",
   // oxlint-disable-next-line max-lines-per-function max-statements
   () => {
-    const infraStore = useInfraStore()
-    const default_local_port = ref("1234")
-    const client = ref({})
-    const config = ref(undefined)
-    const picking_mode = ref(false)
-    const picked_point = ref({ x: undefined, y: undefined })
-    const request_counter = ref(0)
-    const status = ref(Status.NOT_CONNECTED)
-    const buzy = ref(0)
+    const infraStore = useInfraStore();
+    const default_local_port = ref("1234");
+    const client = ref({});
+    const config = ref(undefined);
+    const picking_mode = ref(false);
+    const picked_point = ref({ x: undefined, y: undefined });
+    const request_counter = ref(0);
+    const status = ref(Status.NOT_CONNECTED);
+    const buzy = ref(0);
 
     const protocol = computed(() => {
       if (infraStore.app_mode === appMode.CLOUD) {
-        return "wss"
+        return "wss";
       }
-      return "ws"
-    })
+      return "ws";
+    });
 
     const port = computed(() => {
       if (infraStore.app_mode === appMode.CLOUD) {
-        return "443"
+        return "443";
       }
-      return default_local_port.value
-    })
+      return default_local_port.value;
+    });
 
     const base_url = computed(() => {
-      let viewer_url = `${protocol.value}://${infraStore.domain_name}:${port.value}`
+      let viewer_url = `${protocol.value}://${infraStore.domain_name}:${port.value}`;
       if (infraStore.app_mode === appMode.CLOUD) {
         if (infraStore.ID === "") {
-          throw new Error("ID must not be empty in cloud mode")
+          throw new Error("ID must not be empty in cloud mode");
         }
-        viewer_url += `/${infraStore.ID}/viewer`
+        viewer_url += `/${infraStore.ID}/viewer`;
       }
-      viewer_url += "/ws"
-      return viewer_url
-    })
+      viewer_url += "/ws";
+      return viewer_url;
+    });
 
-    const is_busy = computed(() => request_counter.value > 0)
+    const is_busy = computed(() => request_counter.value > 0);
 
     function toggle_picking_mode(value) {
-      picking_mode.value = value
+      picking_mode.value = value;
     }
 
     async function set_picked_point(x, y) {
-      const response = await request(
-        schemas.opengeodeweb_viewer.generic.get_point_position,
-        { x, y },
-      )
-      const { x: world_x, y: world_y } = response
-      picked_point.value.x = world_x
-      picked_point.value.y = world_y
-      picking_mode.value = false
+      const response = await request(schemas.opengeodeweb_viewer.generic.get_point_position, {
+        x,
+        y,
+      });
+      const { x: world_x, y: world_y } = response;
+      picked_point.value.x = world_x;
+      picked_point.value.y = world_y;
+      picking_mode.value = false;
     }
 
     function ws_connect() {
       if (status.value === Status.CONNECTED) {
-        return
+        return;
       }
       return navigator.locks.request("viewer.ws_connect", async (lock) => {
         if (status.value === Status.CONNECTED) {
-          return
+          return;
         }
         try {
-          console.log("VIEWER LOCK GRANTED !", lock)
-          status.value = Status.CONNECTING
-          vtkWSLinkClient.setSmartConnectClass(SmartConnect)
+          console.log("VIEWER LOCK GRANTED !", lock);
+          status.value = Status.CONNECTING;
+          vtkWSLinkClient.setSmartConnectClass(SmartConnect);
 
           if (_.isEmpty(client.value)) {
-            client.value = newInstance()
+            client.value = newInstance();
           }
 
           client.value.onBusyChange((count) => {
-            buzy.value = count
-          })
+            buzy.value = count;
+          });
           client.value.onConnectionError((httpReq) => {
-            const message = httpReq?.response?.error || `Connection error`
-            console.error(message)
-          })
+            const message = httpReq?.response?.error || `Connection error`;
+            console.error(message);
+          });
           client.value.onConnectionClose((httpReq) => {
-            const message = httpReq?.response?.error || `Connection close`
-            console.error(message)
-          })
+            const message = httpReq?.response?.error || `Connection close`;
+            console.error(message);
+          });
 
-          client.value.beginBusy()
+          client.value.beginBusy();
           await client.value.connect({
             application: "Viewer",
             sessionURL: base_url.value,
-          })
-          connectImageStream(client.value.getConnection().getSession())
-          client.value.endBusy()
-          await request(
-            schemas.opengeodeweb_viewer.viewer.reset_visualization,
-            {},
-            {},
-            undefined,
-          )
-          status.value = Status.CONNECTED
+          });
+          connectImageStream(client.value.getConnection().getSession());
+          client.value.endBusy();
+          await request(schemas.opengeodeweb_viewer.viewer.reset_visualization, {}, {}, undefined);
+          status.value = Status.CONNECTED;
         } catch (error) {
-          console.error("ws_connect error", error)
-          status.value = Status.NOT_CONNECTED
-          throw error
+          console.error("ws_connect error", error);
+          status.value = Status.NOT_CONNECTED;
+          throw error;
         }
-      })
+      });
     }
 
     function start_request() {
-      request_counter.value += 1
+      request_counter.value += 1;
     }
 
     function stop_request() {
-      request_counter.value -= 1
+      request_counter.value -= 1;
     }
 
-    function launch(args = { projectFolderPath }) {
-      console.log("[VIEWER] Launching viewer microservice...", { args })
-      const appStore = useAppStore()
+    function launch(args = ({ projectFolderPath } = {})) {
+      console.log("[VIEWER] Launching viewer microservice...", { args });
+      const appStore = useAppStore();
       const schema = {
         $id: "/api/app/run_viewer",
         methods: ["POST"],
@@ -146,36 +139,31 @@ export const useViewerStore = defineStore(
         properties: {},
         required: [],
         additionalProperties: true,
-      }
+      };
 
-      const params = { args }
-      console.log("[VIEWER] params", params)
+      const params = { args };
+      console.log("[VIEWER] params", params);
 
       return appStore.request(schema, params, {
         response_function: (response) => {
-          console.log(`[VIEWER] Viewer launched on port ${response.port}`)
-          this.default_local_port = response.port
+          console.log(`[VIEWER] Viewer launched on port ${response.port}`);
+          this.default_local_port = response.port;
         },
-      })
+      });
     }
 
     async function connect() {
-      console.log("[VIEWER] Connecting to viewer microservice...")
-      await ws_connect()
-      console.log("[VIEWER] Viewer connected successfully")
+      console.log("[VIEWER] Connecting to viewer microservice...");
+      await ws_connect();
+      console.log("[VIEWER] Viewer connected successfully");
     }
 
-    function request(
-      schema,
-      params = {},
-      callbacks = {},
-      timeout = request_timeout,
-    ) {
-      console.log("[VIEWER] Request:", schema.$id)
-      const start = Date.now()
+    function request(schema, params = {}, callbacks = {}, timeout = request_timeout) {
+      console.log("[VIEWER] Request:", schema.$id);
+      const start = Date.now();
 
       // Get current store instance to pass to viewer_call
-      const store = useViewerStore()
+      const store = useViewerStore();
 
       return viewer_call(
         store,
@@ -189,14 +177,14 @@ export const useViewerStore = defineStore(
               "in",
               (Date.now() - start) / MS_PER_SECOND,
               "s",
-            )
+            );
             if (callbacks.response_function) {
-              await callbacks.response_function(response)
+              await callbacks.response_function(response);
             }
           },
         },
         timeout,
-      )
+      );
     }
 
     return {
@@ -219,11 +207,11 @@ export const useViewerStore = defineStore(
       launch,
       connect,
       request,
-    }
+    };
   },
   {
     share: {
       omit: ["status", "client"],
     },
   },
-)
+);

package/app/utils/colormap.js

@@ -1,7 +1,7 @@
-import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps"
+import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps";
 
 function getRGBPointsFromPreset(presetName) {
-  return vtkColorMaps.getPresetByName(presetName).RGBPoints
+  return vtkColorMaps.getPresetByName(presetName).RGBPoints;
 }
 
-export { getRGBPointsFromPreset }
+export { getRGBPointsFromPreset };

package/app/utils/config.js

@@ -1,45 +1,39 @@
 // Node.js imports
-import path from "node:path"
+import path from "node:path";
 
 // Third party imports
-import Conf from "conf"
+import Conf from "conf";
 
 // Local imports
 
 function projectConf(projectName) {
-  const projectConfig = new Conf({ projectName })
-  console.log(projectConf.name, { projectConfig })
-  return projectConfig
+  const projectConfig = new Conf({ projectName });
+  console.log(projectConf.name, { projectConfig });
+  return projectConfig;
 }
 
 function confFolderPath(projectName) {
-  const projectConfig = projectConf(projectName)
-  return path.dirname(projectConfig.path)
+  const projectConfig = projectConf(projectName);
+  return path.dirname(projectConfig.path);
 }
 
 function extensionsConf(projectName) {
-  const projectConfig = projectConf(projectName)
+  const projectConfig = projectConf(projectName);
   if (!projectConfig.has("extensions")) {
-    projectConfig.set("extensions", {})
+    projectConfig.set("extensions", {});
   }
-  const extensionsConfig = projectConfig.get("extensions")
-  return extensionsConfig
+  const extensionsConfig = projectConfig.get("extensions");
+  return extensionsConfig;
 }
 
 function addExtensionToConf(projectName, { extensionID, extensionPath }) {
-  const projectConfig = projectConf(projectName)
-  projectConfig.set(`extensions.${extensionID}.path`, extensionPath)
+  const projectConfig = projectConf(projectName);
+  projectConfig.set(`extensions.${extensionID}.path`, extensionPath);
 }
 
 function extensionPathFromConf(projectName, extensionID) {
-  const projectConfig = projectConf(projectName)
-  return projectConfig.get(`extensions.${extensionID}.path`)
+  const projectConfig = projectConf(projectName);
+  return projectConfig.get(`extensions.${extensionID}.path`);
 }
 
-export {
-  confFolderPath,
-  projectConf,
-  extensionsConf,
-  addExtensionToConf,
-  extensionPathFromConf,
-}
+export { confFolderPath, projectConf, extensionsConf, addExtensionToConf, extensionPathFromConf };

package/app/utils/default_styles.js

@@ -1,25 +1,25 @@
 // Global variables
-const points_defaultVisibility = true
-const edges_defaultVisibility = true
-const cells_defaultVisibility = true
-const polygons_defaultVisibility = true
-const polyhedra_defaultVisibility = true
-const points_defaultSize = 10
-const points_defaultColor = { r: 20, g: 20, b: 20 }
-const edges_defaultWidth = 2
-const edges_defaultColor = { r: 20, g: 20, b: 20 }
-const cells_defaultColor = { r: 255, g: 255, b: 255 }
-const polygons_defaultColor = { r: 255, g: 255, b: 255 }
-const polyhedra_defaultColor = { r: 255, g: 255, b: 255 }
+const points_defaultVisibility = true;
+const edges_defaultVisibility = true;
+const cells_defaultVisibility = true;
+const polygons_defaultVisibility = true;
+const polyhedra_defaultVisibility = true;
+const points_defaultSize = 10;
+const points_defaultColor = { r: 20, g: 20, b: 20 };
+const edges_defaultWidth = 2;
+const edges_defaultColor = { r: 20, g: 20, b: 20 };
+const cells_defaultColor = { r: 255, g: 255, b: 255 };
+const polygons_defaultColor = { r: 255, g: 255, b: 255 };
+const polyhedra_defaultColor = { r: 255, g: 255, b: 255 };
 
-const corners_defaultVisibility = true
-const corners_defaultColor = { r: 20, g: 20, b: 20 }
-const lines_defaultVisibility = true
-const lines_defaultColor = { r: 20, g: 20, b: 20 }
-const surfaces_defaultVisibility = true
-const surfaces_defaultColor = { r: 255, g: 255, b: 255 }
-const blocks_defaultVisibility = true
-const blocks_defaultColor = { r: 255, g: 255, b: 255 }
+const corners_defaultVisibility = true;
+const corners_defaultColor = { r: 20, g: 20, b: 20 };
+const lines_defaultVisibility = true;
+const lines_defaultColor = { r: 20, g: 20, b: 20 };
+const surfaces_defaultVisibility = true;
+const surfaces_defaultColor = { r: 255, g: 255, b: 255 };
+const blocks_defaultVisibility = true;
+const blocks_defaultColor = { r: 255, g: 255, b: 255 };
 
 // Mesh functions
 function meshPointsDefaultStyle(
@@ -38,7 +38,7 @@ function meshPointsDefaultStyle(
       },
     },
     size,
-  }
+  };
 }
 
 function meshEdgesDefaultStyle(
@@ -61,13 +61,10 @@ function meshEdgesDefaultStyle(
       },
     },
     width,
-  }
+  };
 }
 
-function meshCellsDefaultStyle(
-  visibility = cells_defaultVisibility,
-  color = cells_defaultColor,
-) {
+function meshCellsDefaultStyle(visibility = cells_defaultVisibility, color = cells_defaultColor) {
   return {
     visibility,
     coloring: {
@@ -83,7 +80,7 @@ function meshCellsDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function meshPolygonsDefaultStyle(
@@ -105,7 +102,7 @@ function meshPolygonsDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function meshPolyhedraDefaultStyle(
@@ -126,14 +123,14 @@ function meshPolyhedraDefaultStyle(
         storedConfigs: {},
       },
     },
-  }
+  };
 }
 
 function pointSet_defaultStyle() {
   return {
     visibility: true,
     points: meshPointsDefaultStyle(),
-  }
+  };
 }
 
 function edgedCurve_defaultStyle() {
@@ -141,7 +138,7 @@ function edgedCurve_defaultStyle() {
     visibility: true,
     points: meshPointsDefaultStyle(),
     edges: meshEdgesDefaultStyle(),
-  }
+  };
 }
 
 function grid2d_defaultStyle() {
@@ -150,7 +147,7 @@ function grid2d_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
-  }
+  };
 }
 
 function grid3d_defaultStyle() {
@@ -160,7 +157,7 @@ function grid3d_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     cells: meshCellsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  }
+  };
 }
 function surface_defaultStyle() {
   return {
@@ -168,7 +165,7 @@ function surface_defaultStyle() {
     points: meshPointsDefaultStyle(false),
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
-  }
+  };
 }
 
 function solid_defaultStyle() {
@@ -178,7 +175,7 @@ function solid_defaultStyle() {
     edges: meshEdgesDefaultStyle(false),
     polygons: meshPolygonsDefaultStyle(),
     polyhedra: meshPolyhedraDefaultStyle(),
-  }
+  };
 }
 
 // Model functions
@@ -186,42 +183,33 @@ function modelCornersDefaultStyle(
   visibility = corners_defaultVisibility,
   color = corners_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
-function modelLinesDefaultStyle(
-  visibility = lines_defaultVisibility,
-  color = lines_defaultColor,
-) {
-  return { visibility, color }
+function modelLinesDefaultStyle(visibility = lines_defaultVisibility, color = lines_defaultColor) {
+  return { visibility, color };
 }
 
 function modelSurfacesDefaultStyle(
   visibility = surfaces_defaultVisibility,
   color = surfaces_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
 function modelBlocksDefaultStyle(
   visibility = blocks_defaultVisibility,
   color = blocks_defaultColor,
 ) {
-  return { visibility, color }
+  return { visibility, color };
 }
 
-function modelPointsDefaultStyle(
-  visibility = points_defaultVisibility,
-  size = points_defaultSize,
-) {
-  return { visibility, size }
+function modelPointsDefaultStyle(visibility = points_defaultVisibility, size = points_defaultSize) {
+  return { visibility, size };
 }
 
-function modelEdgesDefaultStyle(
-  visibility = edges_defaultVisibility,
-  width = edges_defaultWidth,
-) {
-  return { visibility, width }
+function modelEdgesDefaultStyle(visibility = edges_defaultVisibility, width = edges_defaultWidth) {
+  return { visibility, width };
 }
 
 function brep_defaultStyle() {
@@ -233,7 +221,7 @@ function brep_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function crossSection_defaultStyle() {
@@ -244,7 +232,7 @@ function crossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function structuralModel_defaultStyle() {
@@ -256,7 +244,7 @@ function structuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function section_defaultStyle() {
@@ -267,7 +255,7 @@ function section_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function implicitCrossSection_defaultStyle() {
@@ -278,7 +266,7 @@ function implicitCrossSection_defaultStyle() {
     surfaces: modelSurfacesDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function implicitStructuralModel_defaultStyle() {
@@ -290,7 +278,7 @@ function implicitStructuralModel_defaultStyle() {
     blocks: modelBlocksDefaultStyle(),
     points: modelPointsDefaultStyle(false, points_defaultSize),
     edges: modelEdgesDefaultStyle(false, edges_defaultWidth),
-  }
+  };
 }
 
 function default_styles() {
@@ -320,11 +308,11 @@ function default_styles() {
     TriangulatedSurface2D: surface_defaultStyle(),
     TriangulatedSurface3D: surface_defaultStyle(),
     VertexSet: {},
-  }
+  };
 }
 
 function getDefaultStyle(type) {
-  return default_styles()[type]
+  return default_styles()[type];
 }
 
-export { getDefaultStyle }
+export { getDefaultStyle };