@eodash/eodash 5.0.0-rc.3 → 5.1.0

package/widgets/EodashProcess/methods/handling.js

@@ -1,14 +1,23 @@
 import log from "loglevel";
-import { extractGeometries, getBboxProperty } from "./utils";
-import { datetime, mapEl } from "@/store/states";
-import axios from "@/plugins/axios";
-import { getLayers } from "@/store/actions";
 import {
-  getChartValues,
-  processGeoTiff,
-  processImage,
-  processVector,
-} from "./outputs";
+  applyProcessLayersToMap,
+  extractGeometries,
+  getBboxProperty,
+  updateJsonformSchemaTarget,
+} from "./utils";
+import {
+  compareIndicator,
+  comparePoi,
+  datetime,
+  indicator,
+  poi,
+} from "@/store/states";
+import axios from "@/plugins/axios";
+import { processCharts, processLayers, processSTAC } from "./outputs";
+import { handleLayersCustomEndpoints } from "./custom-endpoints/layers";
+import { handleChartCustomEndpoints } from "./custom-endpoints/chart";
+import { useSTAcStore } from "@/store/stac";
+import { useGetSubCodeId } from "@/composables";
 
 /**
  * Fetch and set the jsonform schema to initialize the process
@@ -16,7 +25,7 @@ import {
  * @export
  * @async
  * @param {Object} params
- * @param {import("vue").Ref<import("stac-ts").StacCollection>} params.selectedStac
+ * @param {import("vue").Ref<import("stac-ts").StacCollection | null>} params.selectedStac
  * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} params.jsonformEl
  * @param {import("vue").Ref<Record<string,any> | null>} params.jsonformSchema
  * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"] | null>} params.chartSpec
@@ -24,6 +33,7 @@ import {
  * @param {import("vue").Ref<boolean>} params.isProcessed
  * @param {import("vue").Ref<boolean>} params.loading
  * @param {import("vue").Ref<boolean>} params.isPolling
+ * @param {boolean} params.enableCompare
  */
 export async function initProcess({
   selectedStac,
@@ -34,8 +44,19 @@ export async function initProcess({
   processResults,
   loading,
   isPolling,
+  enableCompare,
 }) {
-  if (!selectedStac.value) {
+  const isPoiAlive = enableCompare ? !!comparePoi.value : !!poi.value;
+  let updatedJsonform = null;
+  if (selectedStac.value?.["eodash:jsonform"]) {
+    updatedJsonform = await axios
+      //@ts-expect-error eodash extention
+      .get(selectedStac.value["eodash:jsonform"])
+      .then((resp) => resp.data);
+  }
+
+  if (!updatedJsonform && isPoiAlive) {
+    jsonformSchema.value = null;
     return;
   }
   resetProcess({
@@ -46,25 +67,19 @@ export async function initProcess({
     isPolling,
     processResults,
   });
-  if (selectedStac.value["eodash:jsonform"]) {
-    jsonformEl.value?.editor.destroy();
-    // wait for the layers to be rendered
-    jsonformSchema.value = await axios
-      //@ts-expect-error eodash extention
-      .get(selectedStac.value["eodash:jsonform"])
-      .then((resp) => resp.data);
-    // remove borders from jsonform
-  } else {
-    if (!jsonformSchema.value) {
-      return;
+
+  await jsonformEl.value?.editor.destroy();
+  if (updatedJsonform) {
+    if (enableCompare) {
+      updatedJsonform = updateJsonformSchemaTarget(updatedJsonform);
     }
-    jsonformSchema.value = null;
+    jsonformSchema.value = updatedJsonform;
   }
 }
 
 /**
  *
- * @param {Object} params
+ * @param {object} params
  * @param {import("vue").Ref<boolean>} params.loading
  * @param {import("vue").Ref<import("stac-ts").StacCollection | null>} params.selectedStac
  * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} params.jsonformEl
@@ -73,6 +88,8 @@ export async function initProcess({
  * @param {import("vue").Ref<Record<string, any> | null>} params.chartData
  * @param {import("vue").Ref<boolean>} params.isPolling
  * @param {import("vue").Ref<any[]>} params.processResults
+ * @param {import("@eox/map").EOxMap | null} params.mapElement
+ * @param {import("vue").Ref<import("../types").AsyncJob[]>} params.jobs
  */
 export async function handleProcesses({
   loading,
@@ -83,16 +100,20 @@ export async function handleProcesses({
   chartData,
   isPolling,
   processResults,
+  mapElement,
+  jobs,
 }) {
   if (!jsonformEl.value || !jsonformSchema.value || !selectedStac.value) {
     return;
   }
+
   log.debug("Processing...");
   loading.value = true;
   try {
     const serviceLinks = selectedStac.value?.links?.filter(
       (l) => l.rel === "service",
     );
+
     const bboxProperty = getBboxProperty(jsonformSchema.value);
     const jsonformValue = /** @type {Record<string,any>} */ (
       jsonformEl.value?.value
@@ -105,12 +126,20 @@ export async function handleProcesses({
     const specUrl = /** @type {string} */ (
       selectedStac.value?.["eodash:vegadefinition"]
     );
+    const layerId = selectedStac.value?.id ?? "";
 
-    [chartSpec.value, chartData.value] = await getChartValues(
-      serviceLinks,
-      { ...(jsonformValue ?? {}) },
+    [chartSpec.value, chartData.value] = await processCharts({
+      links: serviceLinks,
+      jsonformValue: { ...(jsonformValue ?? {}) },
+      jsonformSchema: jsonformSchema.value,
+      enableCompare: mapElement?.id === "compare",
+      selectedStac: selectedStac.value,
       specUrl,
-    );
+      isPolling,
+      jobs,
+      customEndpointsHandler: handleChartCustomEndpoints,
+    });
+
     if (Object.keys(chartData.value ?? {}).length) {
       processResults.value.push(chartData.value);
     }
@@ -125,63 +154,40 @@ export async function handleProcesses({
       chartSpec.value["background"] = "transparent";
     }
 
-    const geotiffLayer = await processGeoTiff(
+    await processSTAC(
       serviceLinks,
       jsonformValue,
-      selectedStac.value?.id ?? "",
-      isPolling,
-      //@ts-expect-error TODO
-      selectedStac.value?.["eodash:mapProjection"]?.["name"] ?? null,
+      mapElement?.id === "compare",
     );
 
-    if (geotiffLayer && geotiffLayer.source?.sources.length) {
-      processResults.value.push(
-        ...(geotiffLayer.source?.sources?.map((source) => source.url) ?? []),
-      );
-    }
-    // 3. vector geojson
-    const vectorLayers = await processVector(
-      serviceLinks,
-      jsonformValue,
-      selectedStac.value?.id ?? "",
-    );
-
-    if (vectorLayers?.length) {
-      processResults.value.push(
-        ...vectorLayers.map((layer) => layer.source?.url),
-      );
-    }
-
-    const imageLayers = processImage(serviceLinks, jsonformValue, origBbox);
-    if (imageLayers?.length) {
-      processResults.value.push(
-        ...imageLayers.map((layer) => layer.source?.url),
-      );
-    }
-
-    log.debug(
-      "rendered layers after processing:",
-      geotiffLayer,
-      vectorLayers,
-      imageLayers,
-    );
-
-    if (geotiffLayer || vectorLayers?.length || imageLayers?.length) {
-      const layers = [
-        ...(geotiffLayer ? [geotiffLayer] : []),
-        ...(vectorLayers ?? []),
-        ...(imageLayers ?? []),
-      ];
-      let currentLayers = [...getLayers()];
-      let analysisGroup = currentLayers.find((l) =>
-        l.properties.id.includes("AnalysisGroup"),
-      );
-      analysisGroup?.layers.push(...layers);
+    const newLayers = await processLayers({
+      isPolling,
+      links: serviceLinks,
+      jsonformValue: { ...(jsonformValue ?? {}) },
+      jsonformSchema: jsonformSchema.value,
+      selectedStac: selectedStac.value,
+      enableCompare: mapElement?.id === "compare",
+      layerId,
+      origBbox,
+      jobs,
+      customLayersHandler: handleLayersCustomEndpoints,
+      projection: /** @type {{name?:string}} */ (
+        selectedStac.value["eodash:mapProjection"]
+      )?.["name"],
+    });
 
-      if (mapEl.value) {
-        mapEl.value.layers = [...currentLayers];
+    // save layers results
+    if (newLayers.length) {
+      for (const layer of newLayers) {
+        if (layer.type === "WebGLTile" && layer.source?.type === "GeoTIFF") {
+          processResults.value.push(...(layer.source.sources ?? []));
+        } else if (layer.source && "url" in layer.source) {
+          processResults.value.push(layer.source.url);
+        }
       }
     }
+
+    applyProcessLayersToMap(mapElement, newLayers);
     loading.value = false;
   } catch (error) {
     console.error("[eodash] Error while running process:", error);
@@ -228,7 +234,11 @@ export function resetProcess({
  */
 export const onChartClick = (evt) => {
   const chartSpec = evt.target?.spec;
-  if (!chartSpec) {
+  if (
+    !chartSpec ||
+    !evt.detail?.item?.datum ||
+    !evt.detail?.item?.datum.datum
+  ) {
     return;
   }
   const encodingKey = Object.keys(chartSpec.encoding ?? {}).find(
@@ -241,9 +251,19 @@ export const onChartClick = (evt) => {
   if (!temporalKey) {
     return;
   }
+
   try {
     const vegaItem = evt.detail.item;
-    const temporalValue = new Date(vegaItem.datum.datum[temporalKey]);
+    let datestring = "";
+    // It seems sometimes we have datum inside datum and sometimes not
+    if (vegaItem.datum && vegaItem.datum.datum) {
+      // If datum is nested, we use the nested datum
+      datestring = vegaItem.datum.datum[temporalKey];
+    } else {
+      // Otherwise, we use the top-level datum
+      datestring = vegaItem.datum[temporalKey];
+    }
+    const temporalValue = new Date(datestring);
     datetime.value = temporalValue.toISOString();
   } catch (error) {
     console.warn(
@@ -252,3 +272,30 @@ export const onChartClick = (evt) => {
     );
   }
 };
+
+/**
+ * Loads the main indicator of a Point of Interest (POI)
+ */
+export const loadPOiIndicator = () => {
+  if (!indicator.value) {
+    indicator.value =
+      new URLSearchParams(window.location.search).get("indicator") ?? "";
+  }
+  const stacStore = useSTAcStore();
+  const link = stacStore.stac?.find(
+    (link) => useGetSubCodeId(link) === indicator.value,
+  );
+  stacStore.loadSelectedSTAC(link?.href);
+  if (comparePoi.value) {
+    if (compareIndicator.value) {
+      const comparelink = stacStore.stac?.find(
+        (link) => useGetSubCodeId(link) === compareIndicator.value,
+      );
+      stacStore.loadSelectedCompareSTAC(comparelink?.href).catch((err) => {
+        console.error("[eodash] Error loading compare STAC:", err);
+      });
+    } else {
+      stacStore.resetSelectedCompareSTAC();
+    }
+  }
+};