@geode/opengeodeweb-front 10.34.0-rc.2 → 10.34.0-rc.21

package/internal/stores/hybrid_viewer/highlight.js

@@ -1,170 +0,0 @@
-import { HOVER_DEBOUNCE_MS, HOVER_TIMEOUT_MS } from "./constants";
-import { database } from "@ogw_internal/database/database.js";
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
-import { useViewerStore } from "@ogw_front/stores/viewer";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-
-function createClearHoverData(hoverTimeoutRef, hoverData, currentHoverId) {
-  return function clearHoverData() {
-    if (hoverTimeoutRef.value) {
-      clearTimeout(hoverTimeoutRef.value);
-      hoverTimeoutRef.value = undefined;
-    }
-    hoverData.value = undefined;
-    currentHoverId.value = undefined;
-  };
-}
-
-function performHoverHighlight(event, onResponse) {
-  const hybridViewerStore = useHybridViewerStore();
-  const { genericRenderWindow, hybridDb } = hybridViewerStore;
-  const { is_hover_highlight, hover_highlight_field_type } = storeToRefs(hybridViewerStore);
-  if (!is_hover_highlight.value) {
-    return;
-  }
-  const container = genericRenderWindow.value?.getContainer();
-  if (!container) {
-    return;
-  }
-  const viewerStore = useViewerStore();
-  const rect = container.getBoundingClientRect();
-  const schema = viewer_schemas.opengeodeweb_viewer.viewer.highlight;
-  const params = {
-    x: Math.round(event.clientX - rect.left),
-    y: Math.round(rect.height - (event.clientY - rect.top)),
-    field_type: hover_highlight_field_type.value,
-    ids: Object.keys(hybridDb),
-  };
-  viewerStore.request(
-    {
-      schema,
-      params,
-    },
-    {
-      response_function: onResponse,
-    },
-  );
-}
-function createHoverHighlight({ hoverTimeoutRef, currentHoverId, clearHoverData }) {
-  return useDebounceFn((event) => {
-    const hybridViewerStore = useHybridViewerStore();
-    const { genericRenderWindow } = hybridViewerStore;
-    const { is_hover_highlight, hoverData, hoverPosition } = storeToRefs(hybridViewerStore);
-    const containerElement = genericRenderWindow.value?.getContainer();
-    const relativeMousePosition = containerElement
-      ? {
-          x: event.clientX - containerElement.getBoundingClientRect().left,
-          y: event.clientY - containerElement.getBoundingClientRect().top,
-        }
-      : {
-          x: event.clientX,
-          y: event.clientY,
-        };
-    performHoverHighlight(event, async (response) => {
-      const isResponseValid =
-        response && response.id && response.picked_id !== undefined && response.picked_id !== -1;
-      if (!is_hover_highlight.value || !isResponseValid) {
-        clearHoverData();
-        return;
-      }
-      const hoverKey = `${response.id}_${response.field_type}_${response.picked_id}`;
-      if (currentHoverId.value === hoverKey) {
-        return;
-      }
-      if (hoverTimeoutRef.value) {
-        clearTimeout(hoverTimeoutRef.value);
-        hoverTimeoutRef.value = undefined;
-      }
-      hoverData.value = undefined;
-      currentHoverId.value = hoverKey;
-      let componentInfo = undefined;
-      let modelName = undefined;
-      const modelRecord = await database.data.get(response.id);
-      if (modelRecord) {
-        modelName = modelRecord.name;
-      }
-      if (response.geode_id) {
-        const components = database.model_components.where("[id+geode_id]");
-        const query = components.equals([response.id, response.geode_id]);
-        const component = await query.first();
-        if (component) {
-          componentInfo = {
-            name: component.name,
-            id: component.geode_id,
-            type: component.type,
-          };
-        }
-      }
-      const newHoverData = {
-        modelId: response.id,
-        modelName,
-        blockName: response.geode_id,
-        pickedId: response.picked_id,
-        fieldType: response.field_type,
-        component: componentInfo,
-        attributes: response.attributes || {},
-      };
-      hoverTimeoutRef.value = setTimeout(() => {
-        hoverPosition.value = relativeMousePosition;
-        hoverData.value = newHoverData;
-        hoverTimeoutRef.value = undefined;
-      }, HOVER_TIMEOUT_MS);
-    });
-  }, HOVER_DEBOUNCE_MS);
-}
-function performClearHoverHighlight() {
-  const { hybridDb } = useHybridViewerStore();
-  const { hover_highlight_field_type } = storeToRefs(useHybridViewerStore());
-  const viewerStore = useViewerStore();
-  const schema = viewer_schemas.opengeodeweb_viewer.viewer.highlight;
-  const params = {
-    x: -1,
-    y: -1,
-    field_type: hover_highlight_field_type.value,
-    ids: Object.keys(hybridDb),
-  };
-  viewerStore.request({
-    schema,
-    params,
-  });
-}
-
-function useHybridViewerHighlight() {
-  const is_hover_highlight = ref(false);
-  const hover_highlight_field_type = ref("CELL");
-  const hoverData = ref(undefined);
-  const hoverPosition = ref({
-    x: 0,
-    y: 0,
-  });
-  const hoverTimeoutRef = ref(undefined);
-  const currentHoverId = ref(undefined);
-  const clearHoverData = createClearHoverData(hoverTimeoutRef, hoverData, currentHoverId);
-  const hoverHighlight = createHoverHighlight({
-    hoverTimeoutRef,
-    currentHoverId,
-    clearHoverData,
-  });
-
-  function clearHoverHighlight() {
-    clearHoverData();
-    performClearHoverHighlight();
-  }
-
-  return {
-    is_hover_highlight,
-    hover_highlight_field_type,
-    hoverData,
-    hoverPosition,
-    clearHoverHighlight,
-    hoverHighlight,
-  };
-}
-
-export {
-  createClearHoverData,
-  createHoverHighlight,
-  performClearHoverHighlight,
-  performHoverHighlight,
-  useHybridViewerHighlight,
-};

package/internal/stores/hybrid_viewer/scene.js

@@ -1,136 +0,0 @@
-import { ACTOR_COLOR } from "./constants";
-import { useDataStore } from "@ogw_front/stores/data";
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
-import { useViewerStore } from "@ogw_front/stores/viewer";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-import { newInstance as vtkActor } from "@kitware/vtk.js/Rendering/Core/Actor";
-import { newInstance as vtkMapper } from "@kitware/vtk.js/Rendering/Core/Mapper";
-import { newInstance as vtkXMLPolyDataReader } from "@kitware/vtk.js/IO/XML/XMLPolyDataReader";
-
-async function performAddItem(id) {
-  const { genericRenderWindow, hybridDb } = useHybridViewerStore();
-  if (!genericRenderWindow.value) {
-    return;
-  }
-  const dataStore = useDataStore();
-  const value = await dataStore.item(id);
-  if (value && !dataStore.isItemViewable(value)) {
-    return;
-  }
-  const reader = vtkXMLPolyDataReader();
-  await reader.parseAsArrayBuffer(new TextEncoder().encode(value.binary_light_viewable));
-  const actor = vtkActor();
-  const mapper = vtkMapper();
-  const polydata = reader.getOutputData(0);
-  mapper.setInputData(polydata);
-  const property = actor.getProperty();
-  property.setColor(ACTOR_COLOR);
-  actor.setMapper(mapper);
-  const renderer = genericRenderWindow.value.getRenderer();
-  if (hybridDb[id] && hybridDb[id].actor) {
-    renderer.removeActor(hybridDb[id].actor);
-  }
-  const actors = renderer.getActors();
-  const isFirst = actors.length === 0;
-  renderer.addActor(actor);
-  if (isFirst) {
-    renderer.resetCamera();
-  }
-  hybridDb[id] = {
-    actor,
-    polydata,
-    mapper,
-  };
-}
-function performRemoveItem(id) {
-  const { genericRenderWindow, hybridDb } = useHybridViewerStore();
-  if (!hybridDb[id]) {
-    return;
-  }
-  const renderer = genericRenderWindow.value.getRenderer();
-  renderer.removeActor(hybridDb[id].actor);
-  const renderWindow = genericRenderWindow.value.getRenderWindow();
-  renderWindow.render();
-  delete hybridDb[id];
-}
-function performSetVisibility(id, visibility) {
-  const { genericRenderWindow, hybridDb } = useHybridViewerStore();
-  if (!hybridDb[id]) {
-    return;
-  }
-  hybridDb[id].actor.setVisibility(visibility);
-  const renderWindow = genericRenderWindow.value.getRenderWindow();
-  renderWindow.render();
-}
-async function performSetZScaling(z_scale) {
-  const hybridViewerStore = useHybridViewerStore();
-  const { genericRenderWindow, remoteRender } = hybridViewerStore;
-  const { zScale } = storeToRefs(hybridViewerStore);
-  zScale.value = z_scale;
-  const renderer = genericRenderWindow.value.getRenderer();
-  for (const actor of renderer.getActors()) {
-    const scale = actor.getScale();
-    actor.setScale(scale[0], scale[1], z_scale);
-  }
-  renderer.resetCamera();
-  const renderWindow = genericRenderWindow.value.getRenderWindow();
-  renderWindow.render();
-  const viewerStore = useViewerStore();
-  const schema = viewer_schemas.opengeodeweb_viewer.viewer.set_z_scaling;
-  const params = {
-    z_scale,
-  };
-  await viewerStore.request({
-    schema,
-    params,
-  });
-  await remoteRender();
-}
-function performClear() {
-  const { genericRenderWindow, hybridDb } = useHybridViewerStore();
-  const renderer = genericRenderWindow.value.getRenderer();
-  for (const actor of renderer.getActors()) {
-    renderer.removeActor(actor);
-  }
-  const renderWindow = genericRenderWindow.value.getRenderWindow();
-  renderWindow.render();
-  for (const id of Object.keys(hybridDb)) {
-    delete hybridDb[id];
-  }
-}
-function useHybridViewerScene() {
-  const hybridDb = reactive({});
-  const zScale = ref(1);
-  async function addItem(id) {
-    await performAddItem(id);
-  }
-  function removeItem(id) {
-    performRemoveItem(id);
-  }
-  function setVisibility(id, visibility) {
-    performSetVisibility(id, visibility);
-  }
-  async function setZScaling(z_scale) {
-    await performSetZScaling(z_scale);
-  }
-  function clear() {
-    performClear();
-  }
-  return {
-    hybridDb,
-    zScale,
-    addItem,
-    removeItem,
-    setVisibility,
-    setZScaling,
-    clear,
-  };
-}
-export {
-  performAddItem,
-  performClear,
-  performRemoveItem,
-  performSetVisibility,
-  performSetZScaling,
-  useHybridViewerScene,
-};

package/internal/stores/hybrid_viewer/viewport.js

@@ -1,140 +0,0 @@
-import { Status } from "@ogw_front/utils/status";
-import { WHEEL_TIME_OUT_MS } from "./constants";
-import { centerCameraOnPosition } from "./camera";
-import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
-import { useViewerStore } from "@ogw_front/stores/viewer";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-
-async function performResize(width, height) {
-  const hybridViewerStore = useHybridViewerStore();
-  const { genericRenderWindow, remoteRender } = hybridViewerStore;
-  const { status, viewStream } = storeToRefs(hybridViewerStore);
-  const viewerStore = useViewerStore();
-  if (viewerStore.status !== Status.CONNECTED || status.value !== Status.CREATED) {
-    return;
-  }
-  const webGLRenderWindow = genericRenderWindow.value.getApiSpecificRenderWindow();
-  const canvas = webGLRenderWindow.getCanvas();
-  canvas.width = width;
-  canvas.height = height;
-  await nextTick();
-  webGLRenderWindow.setSize(width, height);
-  if (viewStream.value) {
-    viewStream.value.setSize(width, height);
-  }
-  const renderWindow = genericRenderWindow.value.getRenderWindow();
-  renderWindow.render();
-  await remoteRender();
-}
-
-function performClickPicking(event, containerElement) {
-  const { genericRenderWindow, syncRemoteCamera } = useHybridViewerStore();
-  const viewerStore = useViewerStore();
-  const rect = containerElement.getBoundingClientRect();
-  const schema = viewer_schemas.opengeodeweb_viewer.viewer.get_point_position;
-  const params = {
-    x: Math.round(event.clientX - rect.left),
-    y: Math.round(rect.height - (event.clientY - rect.top)),
-  };
-  viewerStore.request(
-    {
-      schema,
-      params,
-    },
-    {
-      response_function: ({ x, y, z }) => {
-        const pickedPos = [x, y, z];
-        if (pickedPos.some((val) => val !== 0)) {
-          const renderer = genericRenderWindow.value.getRenderer();
-          const camera = renderer.getActiveCamera();
-          centerCameraOnPosition(camera, pickedPos);
-          const renderWindow = genericRenderWindow.value.getRenderWindow();
-          renderWindow.render();
-          syncRemoteCamera();
-        }
-      },
-    },
-  );
-}
-
-function performSetContainer(container) {
-  if (!container || !container.value) {
-    return;
-  }
-  const hybridViewerStore = useHybridViewerStore();
-  const { genericRenderWindow, syncRemoteCamera, hoverHighlight } = hybridViewerStore;
-  const { is_picking, is_moving } = storeToRefs(hybridViewerStore);
-  genericRenderWindow.value.setContainer(container.value.$el);
-  const webGLRenderWindow = genericRenderWindow.value.getApiSpecificRenderWindow();
-  webGLRenderWindow.setUseBackgroundImage(true);
-  const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style;
-  Object.assign(imageStyle, {
-    transition: "opacity 0.1s ease-in",
-    zIndex: 1,
-  });
-  performResize(container.value.$el.offsetWidth, container.value.$el.offsetHeight);
-  let has_dragged = false;
-  useMousePressed({
-    target: container,
-    onPressed: (event) => {
-      if (event.button !== 0 && event.button !== 1) {
-        return;
-      }
-      if (event.button === 0 && is_picking.value) {
-        performClickPicking(event, container.value.$el);
-        is_picking.value = false;
-        return;
-      }
-      is_moving.value = true;
-      has_dragged = false;
-      event.stopPropagation();
-    },
-    onReleased: () => {
-      is_moving.value = false;
-      if (has_dragged) {
-        const renderer = genericRenderWindow.value.getRenderer();
-        renderer.resetCameraClippingRange();
-        syncRemoteCamera();
-      }
-      has_dragged = false;
-    },
-  });
-  useEventListener(container, "mousemove", (event) => {
-    if (is_moving.value) {
-      has_dragged = true;
-      if (imageStyle) {
-        imageStyle.opacity = 0;
-      }
-    }
-    hoverHighlight(event);
-  });
-  let wheelEventEndTimeout = undefined;
-  useEventListener(container, "wheel", () => {
-    is_moving.value = true;
-    if (imageStyle) {
-      imageStyle.opacity = 0;
-    }
-    clearTimeout(wheelEventEndTimeout);
-    wheelEventEndTimeout = setTimeout(() => {
-      is_moving.value = false;
-      const renderer = genericRenderWindow.value.getRenderer();
-      renderer.resetCameraClippingRange();
-      syncRemoteCamera();
-    }, WHEEL_TIME_OUT_MS);
-  });
-}
-function useHybridViewerViewport() {
-  const viewStream = ref(undefined);
-  function setContainer(container) {
-    performSetContainer(container);
-  }
-  async function resize(width, height) {
-    await performResize(width, height);
-  }
-  return {
-    setContainer,
-    resize,
-    viewStream,
-  };
-}
-export { performClickPicking, performResize, performSetContainer, useHybridViewerViewport };

package/internal/utils/api_fetch.js

@@ -1,52 +0,0 @@
-import { endRequestLog, startRequestLog } from "@ogw_front/utils/log";
-import { fetchSchema } from "@ogw_shared/utils/fetch_schema";
-import { useFeedbackStore } from "@ogw_front/stores/feedback";
-
-export function api_fetch(
-  microservice,
-  { schema, params = {}, headers = {} },
-  { request_error_function, response_function, response_error_function, timeout } = {},
-) {
-  console.log("[API] Fetching", microservice.base_url);
-  const feedbackStore = useFeedbackStore();
-  microservice.start_request();
-
-  const requestStartingTime = startRequestLog(microservice, schema);
-  return fetchSchema(
-    {
-      schema,
-      params,
-      baseURL: microservice.base_url,
-      headers,
-      max_retry: schema.max_retry,
-      timeout,
-    },
-    {
-      request_error_function(error) {
-        microservice.stop_request();
-        feedbackStore.add_error(error.code, schema.$id, error.message, error.stack);
-        if (request_error_function) {
-          request_error_function(error);
-        }
-      },
-      response_function(data) {
-        endRequestLog(microservice, schema, requestStartingTime);
-        microservice.stop_request();
-        if (response_function) {
-          response_function(data);
-        }
-      },
-      response_error_function(response) {
-        microservice.stop_request();
-        feedbackStore.add_error(response.status, schema.$id, response.name, response.description);
-        if (response_error_function) {
-          response_error_function(response);
-        }
-      },
-      validation_error_function({ code, name, error }) {
-        microservice.stop_request();
-        feedbackStore.add_error(code, schema.$id, name, error);
-      },
-    },
-  );
-}

package/internal/utils/upload_file.js

@@ -1,57 +0,0 @@
-import { fetchRaw } from "@ogw_shared/utils/fetch_raw.js";
-import { useFeedbackStore } from "@ogw_front/stores/feedback.js";
-
-function upload_file(
-  microservice,
-  { schema, file, params = {} },
-  { request_error_function, response_function, response_error_function } = {},
-) {
-  console.log("[UPLOAD_FILE] Uploading file", { schema, file });
-  const feedbackStore = useFeedbackStore();
-
-  if (!(file instanceof File)) {
-    return Promise.reject(new Error("file must be an instance of File"));
-  }
-
-  const body = new FormData();
-  for (const [key, value] of Object.entries(params)) {
-    body.append(key, value);
-  }
-  body.append("file", file);
-
-  microservice.start_request();
-  const route = schema.$id;
-
-  return fetchRaw(
-    {
-      route,
-      method: schema.methods.find((method) => method !== "OPTIONS"),
-      params: body,
-      baseURL: microservice.base_url,
-    },
-    {
-      request_error_function(error) {
-        microservice.stop_request();
-        feedbackStore.add_error(error.code, route, error.message, error.stack);
-        if (request_error_function) {
-          request_error_function(error);
-        }
-      },
-      response_function(data) {
-        microservice.stop_request();
-        if (response_function) {
-          response_function(data);
-        }
-      },
-      response_error_function(response) {
-        microservice.stop_request();
-        feedbackStore.add_error(response.status, route, response.name, response.description);
-        if (response_error_function) {
-          response_error_function(response);
-        }
-      },
-    },
-  );
-}
-
-export { upload_file };

package/internal/utils/viewer_call.js

@@ -1,49 +0,0 @@
-import { endRequestLog, startRequestLog } from "@ogw_front/utils/log";
-import { callSchema } from "@ogw_shared/utils/call_schema";
-import { useFeedbackStore } from "@ogw_front/stores/feedback";
-
-export function viewer_call(
-  microservice,
-  { schema, params = {}, timeout },
-  { request_error_function, response_function, response_error_function } = {},
-) {
-  const feedbackStore = useFeedbackStore();
-  const { client } = microservice;
-
-  const requestStartingTime = startRequestLog(microservice, schema);
-  return callSchema(
-    {
-      schema,
-      params,
-      client,
-      timeout,
-    },
-    {
-      request_error_function(error) {
-        microservice.stop_request();
-        feedbackStore.add_error(error.code, schema.$id, error.message, error.message);
-        if (request_error_function) {
-          request_error_function(error);
-        }
-      },
-      response_function(data) {
-        endRequestLog(microservice, schema, requestStartingTime);
-        microservice.stop_request();
-        if (response_function) {
-          response_function(data);
-        }
-      },
-      response_error_function(response) {
-        microservice.stop_request();
-        feedbackStore.add_error(error.code, schema.$id, error.message, error.message);
-        if (response_error_function) {
-          response_error_function(response);
-        }
-      },
-      validation_error_function({ code, name, error }) {
-        microservice.stop_request();
-        feedbackStore.add_error(code, schema.$id, name, error);
-      },
-    },
-  );
-}

package/internal/utils/ws_client.js

@@ -1,29 +0,0 @@
-// Third party imports
-import vtkWSLinkClient, { newInstance } from "@kitware/vtk.js/IO/Core/WSLinkClient";
-import SmartConnect from "wslink/src/SmartConnect";
-import _ from "lodash";
-
-async function initWebSocketClient(baseUrl, initialClient = {}, { onConnectionClose } = {}) {
-  vtkWSLinkClient.setSmartConnectClass(SmartConnect);
-  const client = _.isEmpty(initialClient) ? newInstance() : initialClient;
-
-  client.onConnectionError((httpReq) => {
-    const message = httpReq?.response?.error || `Connection error`;
-    console.error(message);
-  });
-  client.onConnectionClose((httpReq) => {
-    const message = httpReq?.response?.error || `Connection close`;
-    onConnectionClose();
-    console.error(message);
-  });
-
-  client.beginBusy();
-  await client.connect({
-    application: "Viewer",
-    sessionURL: baseUrl,
-  });
-
-  return client;
-}
-
-export { initWebSocketClient };