@eodash/eodash 5.2.0 → 5.3.1

package/dist/client/{index-B2XpdgR6.js → index-KrGHjH-_.js}

@@ -1,12 +1,13 @@
 import { onMounted, onUnmounted, watch, computed, useTemplateRef, ref, toRaw, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { K as setMapProjFromCol, B as mapPosition, d as mapEl, I as mapCompareEl, C as indicator, D as compareIndicator, y as datetime } from './helpers-wXK7Ywio.js';
+import { O as setMapProjFromCol, D as mapPosition, L as sanitizeBbox, h as mapEl, M as mapCompareEl, E as indicator, G as compareIndicator, A as datetime } from './helpers-CI_7CUmn.js';
 import { storeToRefs } from 'pinia';
-import { M as EodashCollection, E as useSTAcStore, N as useEmitLayersUpdate, O as isFirstLoad, P as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, L as layerControlFormValue, K as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-ZyEzWOOf.js';
+import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DZeEbWG0.js';
 import log from 'loglevel';
-import { i as inAndOut, E as EodashMapBtns } from './EodashMapBtns-B89_YBDw.js';
+import { i as inAndOut } from './easing-CH0-9wR8.js';
 import mustache from 'mustache';
+import EodashMapBtns from './EodashMapBtns-C_jyUJ2x.js';
 
 /**
  * Creates full layer configuration from indicator and time information
@@ -16,19 +17,19 @@ import mustache from 'mustache';
  *   | null
  * } selectedIndicator
  * @param {EodashCollection[]} eodashCols
- * @param {string} [updatedTime]
+ * @param {string | import("stac-ts").StacItem | null} [timeOrItem] - time as a string, or a stac item
  */
 
 const createLayersConfig = async (
   selectedIndicator,
   eodashCols,
-  updatedTime,
+  timeOrItem,
 ) => {
   log.debug(
     "Creating layers config",
     selectedIndicator,
     eodashCols,
-    updatedTime,
+    timeOrItem,
   );
   const layersCollection = [];
   const dataLayers = {
@@ -42,11 +43,14 @@ const createLayersConfig = async (
   };
 
   for (const ec of eodashCols) {
+    /** @type {Record<string,any>[]} */
     let layers;
-    if (updatedTime) {
-      layers = await ec.createLayersJson(new Date(updatedTime));
+    if (timeOrItem) {
+      const dateOrItem =
+        typeof timeOrItem === "string" ? new Date(timeOrItem) : timeOrItem;
+      layers = await ec.createLayersJson(dateOrItem);
     } else {
-      layers = await ec.createLayersJson();
+      layers = await ec.createLayersJson(undefined);
     }
     // Add expand to all analysis layers
     layers.forEach((dl) => {
@@ -209,6 +213,7 @@ const useHandleMapMoveEnd = (mapElement, mapPosition) => {
  * @param {import("vue").Ref<Record<string,any>[]>} mapLayers
  * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} partnerMap
  * @param {boolean} zoomToExtent
+ * @param {import("vue").Ref<import("stac-ts").StacItem | import("stac-ts").StacLink | null>} [selectedItem]
  */
 const useInitMap = (
   mapElement,
@@ -218,6 +223,7 @@ const useInitMap = (
   mapLayers,
   partnerMap,
   zoomToExtent,
+  selectedItem,
 ) => {
   log.debug(
     "InitMap",
@@ -226,10 +232,22 @@ const useInitMap = (
     eodashCols.values,
     datetime.value,
   );
-
+  // watch selectedItem if provided
+  const watching = selectedItem
+    ? [selectedIndicator, datetime, selectedItem]
+    : [selectedIndicator, datetime];
   const stopIndicatorWatcher = watch(
-    [selectedIndicator, datetime],
-    async ([updatedStac, updatedTime], [previousStac, previousTime]) => {
+    watching,
+    async (updated, previous) => {
+      const [updatedStac, updatedTime, updatedItem] =
+        /** @type {[import("stac-ts").StacCollection, string, import("stac-ts").StacItem | null]} */ (
+          selectedItem ? updated : [updated[0], updated[1], null]
+        );
+      const [previousStac, previousTime, previousItem] =
+        /** @type {[import("stac-ts").StacCollection, string, import("stac-ts").StacItem]} */ (
+          selectedItem ? previous : [previous[0], previous[1], null]
+        );
+
       if (updatedStac) {
         log.debug(
           "Selected Indicator watch triggered",
@@ -249,7 +267,9 @@ const useInitMap = (
         let layersCollection = [];
 
         const onlyTimeChanged =
-          updatedStac?.id === previousStac?.id && updatedTime !== previousTime;
+          updatedStac?.id === previousStac?.id &&
+          (updatedTime !== previousTime ||
+            (updatedItem && updatedItem?.id !== previousItem?.id));
 
         const { selectedCompareStac } = storeToRefs(useSTAcStore());
         if (mapElement?.value?.id === "main") {
@@ -266,12 +286,12 @@ const useInitMap = (
           }
         }
 
-        // We re-crate the configuration if time changed
+        // We re-create the configuration if time changed
         if (onlyTimeChanged) {
           layersCollection = await createLayersConfig(
             updatedStac,
             eodashCols,
-            updatedTime,
+            updatedItem ?? updatedTime,
           );
           log.debug(
             "Assigned layers after changing time only",
@@ -293,7 +313,7 @@ const useInitMap = (
         layersCollection = await createLayersConfig(
           updatedStac,
           eodashCols,
-          datetime.value,
+          selectedItem ? updatedItem : updatedTime,
         );
 
         // We try to set the current time selection to latest extent date
@@ -308,6 +328,7 @@ const useInitMap = (
           );
         }
         if (
+          !updatedItem &&
           endInterval !== null &&
           endInterval.toISOString() !== datetime.value &&
           !isFirstLoad.value
@@ -319,6 +340,7 @@ const useInitMap = (
           // Try to move map view to extent only when main
           // indicator and map changes
           if (
+            !updatedItem &&
             mapElement?.value?.id === "main" &&
             updatedStac.extent?.spatial.bbox &&
             !(
@@ -329,12 +351,7 @@ const useInitMap = (
           ) {
             // Sanitize extent,
             const b = updatedStac.extent?.spatial.bbox[0];
-            const sanitizedExtent = [
-              b?.[0] > -180 ? b?.[0] : -180,
-              b?.[1] > -90 ? b?.[1] : -90,
-              b?.[2] < 180 ? b?.[2] : 180,
-              b?.[3] < 90 ? b?.[3] : 90,
-            ];
+            const sanitizedExtent = sanitizeBbox([...b]);
 
             const reprojExtent = mapElement.value?.transformExtent(
               sanitizedExtent,
@@ -390,7 +407,7 @@ const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
   });
 };
 
-const _style_0 = "#cursor-coordinates[data-v-8d648956]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-8d648956]{display:none}}#scale-line[data-v-8d648956]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-8d648956]{bottom:102px}}[data-v-8d648956] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-8d648956] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-8d648956]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-8d648956]>*{pointer-events:auto}";
+const _style_0 = "#cursor-coordinates[data-v-9484a41e]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-9484a41e]{display:none}}#scale-line[data-v-9484a41e]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-9484a41e]{bottom:102px}}[data-v-9484a41e] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-9484a41e] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-9484a41e]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-9484a41e]>*{pointer-events:auto}";
 
 const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers", ".controls"];
@@ -447,6 +464,18 @@ const _sfc_main = {
     }),
   },
   btns: {
+    /** @type {import("vue").PropType<{
+     * enableExportMap?: boolean;
+     * enableChangeProjection?: boolean;
+     * enableBackToPOIs?: boolean;
+     * enableSearch?: boolean;
+     * enableZoom?: boolean;
+     * enableCompareIndicators?: boolean | {
+     *   compareTemplate?:string;
+     *   fallbackTemplate?:string;
+     *   itemFilterConfig?:InstanceType<import("../EodashItemFilter.vue").default>["$props"]
+     * };
+     * }> }*/
     type: Object,
     default: () => ({
       enableExportMap: true,
@@ -588,7 +617,8 @@ const showCompare = computed(() =>
 useHandleMapMoveEnd(eoxMap, mapPosition);
 
 onMounted(() => {
-  const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+  const { selectedCompareStac, selectedStac, selectedItem } =
+    storeToRefs(useSTAcStore());
   // assign map Element state to eox map
   mapEl.value = eoxMap.value;
 
@@ -618,6 +648,7 @@ onMounted(() => {
     eoxMapLayers,
     compareMap,
     props.zoomToExtent,
+    selectedItem,
   );
 });
 
@@ -717,26 +748,22 @@ return (_ctx, _cache) => {
       class: "map-buttons-container",
       style: normalizeStyle(`margin: ${__props.btnsPosition.gap}px 0 ${__props.btnsPosition.gap}px 0`)
     }, [
+      createCommentVNode(" prettier-ignore "),
       createVNode(EodashMapBtns, {
         style: normalizeStyle({
-          gridColumn: unref(indicator) || unref(compareIndicator) ? responsiveX.value : '12',
+          gridColumn: (unref(indicator) || unref(compareIndicator)) ? responsiveX.value : '12',
           gridRow: responsiveY.value,
         }),
         exportMap: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.exportMap : false,
-        changeProjection: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.changeProjection : false
+        changeProjection: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.changeProjection : false
         ,
-        compareIndicators: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.compareIndicators : false
+        compareIndicators: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.compareIndicators : false
         ,
-        backToPOIs: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.backToPOIs : false
+        backToPOIs: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.backToPOIs : false
         ,
-        enableSearch: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableSearch : false
+        enableSearch: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableSearch : false
         ,
-        enableZoom: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableZoom : false
+        enableZoom: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableZoom : false
         
       }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom"])
     ], 4 /* STYLE */)
@@ -745,6 +772,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-8d648956"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-9484a41e"]]);
 
 export { index as default };

package/dist/client/templates.js

@@ -1,5 +1,5 @@
 import { mdiViewDashboardVariant, mdiViewDashboard } from '@mdi/js';
-import { H as includesProcess } from './helpers-wXK7Ywio.js';
+import { K as includesProcess } from './helpers-CI_7CUmn.js';
 
 /**
  * Special values that tell deepmerge to perform a certain action.
@@ -375,7 +375,7 @@ function mergeOthersInto(mut_target, values, utils, meta) {
 }
 
 /** @type {import("@/types").Template} */
-const light = {
+const lite = {
   gap: 16,
   loading: {
     id: Symbol(),
@@ -416,7 +416,7 @@ const light = {
       id: "tools-light",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
@@ -515,7 +515,7 @@ const light = {
 /** @type {import("@/types").Template} */
 const expert = {
   loading: {
-    id: Symbol(),
+    id: "loading",
     type: "web-component",
     widget: {
       // https://uiball.com/ldrs/
@@ -550,8 +550,8 @@ const expert = {
         btnsPosition: {
           x: "12/9/9",
           y: 1,
-          gap: 16
-        }
+          gap: 16,
+        },
       },
     },
   },
@@ -560,11 +560,11 @@ const expert = {
       id: "Tools",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
-          layoutTarget: "light",
+          layoutTarget: "lite",
           layoutIcon: mdiViewDashboard,
           itemFilterConfig: {
             resultType: "cards",
@@ -667,7 +667,7 @@ const compare = {
       id: "Tools",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
@@ -687,7 +687,7 @@ const compare = {
       id: "CompareTools",
       type: "internal",
       title: "Tools",
-      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 1 },
+      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
@@ -775,14 +775,80 @@ const compare = {
   ],
 };
 
+// import { includesProcess } from "@/store/actions";
+/** @type {import("@/types").Template} */
+const explore = {
+  gap: 16,
+  loading: {
+    id: "loading",
+    type: "web-component",
+    widget: {
+      // https://uiball.com/ldrs/
+      link: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/mirage.js",
+      tagName: "l-mirage",
+      properties: {
+        class: "align-self-center justify-self-center",
+        size: "120",
+        speed: "2.5",
+        color: "#004170",
+      },
+    },
+  },
+  background: {
+    id: "background-map",
+    type: "internal",
+    widget: {
+      name: "EodashMap",
+      properties: {
+        enableCompare: true,
+        btns: {
+          enableZoom: true,
+          enableExportMap: true,
+          enableChangeProjection: true,
+          enableCompareIndicators: {
+            fallbackTemplate: "explore",
+            itemFilterConfig: {
+              imageProperty: "assets.thumbnail.href",
+            },
+          },
+          enableSearch: true,
+        },
+      },
+    },
+  },
+  widgets: [
+    {
+      id: "Layercontrol",
+      type: "internal",
+      title: "Layers",
+      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 12 },
+      widget: {
+        name: "EodashLayerControl",
+      },
+    },
+    {
+      id: "ItemCatalog",
+      title: "Catalog",
+      type: "internal",
+      layout: { x: 0, y: 0, w: "3/3/2", h: 12 },
+      widget: {
+        name: "EodashItemCatalog",
+      },
+    },
+  ],
+};
+
 /** @type {import("@/types").Eodash} */
 const baseConfig = {
   id: "demo",
   options: {
     // useSubCode: true,
   },
-  stacEndpoint:
-    "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
+  stacEndpoint: {
+    endpoint:
+      "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
+    api: false,
+  },
   brand: {
     noLayout: true,
     name: "Demo",
@@ -822,14 +888,15 @@ const baseConfig = {
     footerText: "Demo configuration of eodash client",
   },
   templates: {
-    light,
+    lite,
     expert,
     compare,
+    explore,
   },
 };
 
 /**
- * @param {Partial<import("@/types").Eodash>} config
+ * @param {import("vega-lite").DeepPartial<import("@/types").Eodash>} config
  */
 const getBaseConfig = (config) => {
   const merged = /** @type {import("@/types").Eodash} */ ({});
@@ -837,4 +904,4 @@ const getBaseConfig = (config) => {
   return merged;
 };
 
-export { compare, getBaseConfig as default, expert, getBaseConfig, light };
+export { compare, getBaseConfig as default, expert, getBaseConfig, lite };

package/dist/client/{transition-yBii4fu6.js → transition-Ctkv90El.js}

@@ -1,5 +1,5 @@
 import { mergeProps, h, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory, X as isObject, aD as onlyDefinedProps } from './asWebComponent-ZyEzWOOf.js';
+import { p as propsFactory, Y as isObject, aG as onlyDefinedProps } from './asWebComponent-DZeEbWG0.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/node/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import{createLogger as F,defineConfig as C,searchForWorkspaceRoot as W,mergeConfig as U,preview as A,createServer as O,build as L}from"vite";import{readFileSync as P,existsSync as v}from"fs";import s from"path";import{Command as $}from"commander";import{fileURLToPath as H}from"url";import{readFile as I,writeFile as T,rm as R,cp as V}from"fs/promises";import J from"@vitejs/plugin-vue";import M,{transformAssetUrls as B}from"vite-plugin-vuetify";import{config as G}from"dotenv";const y=new $("eodash"),u=x(),c=x(process.cwd());JSON.parse(P(s.join(c,"package.json"),"utf-8"));const S=JSON.parse(P(s.join(u,"package.json"),"utf-8"))??{},Y=["commander","vite","@vitejs/plugin-vue","vite-plugin-vuetify","axios","dotenv"],z=Object.keys(S?.dependencies).filter(e=>!Y.includes(e));y.version(S.version,"-v, --version","output the current version"),y.allowExcessArguments().option("--publicDir <path>","path to statically served assets folder").option("--no-publicDir","stop serving static assets").option("--outDir <path>","minified output folder").option("-e, --entryPoint <path>","file exporting `createEodash`").option("-w, --widgets <path>","folder that contains vue components as internal widgets").option("--cacheDir <path>","cache folder").option("-r, --runtime <path>","file exporting eodash client runtime config").option("-b, --base <path>","base public path").option("-p, --port <port>","serving  port").option("-o, --open","open default browser when the server starts").option("-c, --config <path>","path to eodash server and build configuration file").option("--host [IP address]","specify which IP addresses the server should listen on").option("-l, --lib","builds eodash as a web component library").option("--no-lib","builds eodash as an SPA").option("--no-host","do not expose server to the network").parse(process.argv);const i=await X(y.opts(),process.argv?.[2]),K=i.publicDir?s.resolve(c,i.publicDir):s.join(c,"./public"),b=s.join(c,"/src"),f=i.runtime?s.resolve(c,i.runtime):s.join(b,"./runtime.js"),m=i.entryPoint==="false"?!1:i.entryPoint?s.resolve(c,i.entryPoint):s.join(b,"/main.js"),D=i.widgets?s.resolve(c,i.widgets):s.join(b,"widgets"),E=s.join(c,"/.eodash"),w=i.outDir?s.resolve(c,i.outDir):s.join(E,"/dist"),Q=i.cacheDir?s.resolve(c,i.cacheDir):s.join(E,"cache"),j=F(void 0,{prefix:"[eodash]"});async function X(e,n){let r=e.config?s.resolve(c,e.config):s.join(c,"eodash.config.js"),t={};return v(r)?t=await import(r).then(o=>o.default instanceof Function?o.default():o.default).catch(o=>{console.error(o)}):r=null,{base:e.base??t?.base,port:Number(e.port??t?.[n]?.port),host:e.host??t?.[n]?.host,open:e.open??t?.[n]?.open,cacheDir:e.cacheDir??t?.cacheDir,entryPoint:e.entryPoint??t?.entryPoint,outDir:e.outDir??t?.outDir,publicDir:e.publicDir??t?.publicDir,runtime:e.runtime??t?.runtime,widgets:e.widgets??t?.widgets,lib:e.lib??t?.lib,vite:t.vite}}function x(e=import.meta.dirname??s.dirname(H(import.meta.url))){if(e?.split("/").length)return v(s.resolve(e,"package.json"))?e:x(s.resolve(e,".."));throw new Error("no package root found from "+e)}const k=`
+import{createLogger as F,defineConfig as C,searchForWorkspaceRoot as W,mergeConfig as O,preview as U,createServer as A,build as L}from"vite";import{readFileSync as P,existsSync as v}from"fs";import t from"path";import{Command as $}from"commander";import{fileURLToPath as H}from"url";import{readFile as I,writeFile as T,rm as R,cp as V}from"fs/promises";import J from"@vitejs/plugin-vue";import M,{transformAssetUrls as B}from"vite-plugin-vuetify";import{config as G}from"dotenv";const y=new $("eodash"),c=x(),l=x(process.cwd());JSON.parse(P(t.join(l,"package.json"),"utf-8"));const S=JSON.parse(P(t.join(c,"package.json"),"utf-8"))??{},Y=["commander","vite","@vitejs/plugin-vue","vite-plugin-vuetify","axios","dotenv"],z=Object.keys(S?.dependencies).filter(e=>!Y.includes(e));y.version(S.version,"-v, --version","output the current version"),y.allowExcessArguments().option("--publicDir <path>","path to statically served assets folder").option("--no-publicDir","stop serving static assets").option("--outDir <path>","minified output folder").option("-e, --entryPoint <path>","file exporting `createEodash`").option("-w, --widgets <path>","folder that contains vue components as internal widgets").option("--cacheDir <path>","cache folder").option("-r, --runtime <path>","file exporting eodash client runtime config").option("-b, --base <path>","base public path").option("-p, --port <port>","serving  port").option("-o, --open","open default browser when the server starts").option("-c, --config <path>","path to eodash server and build configuration file").option("--host [IP address]","specify which IP addresses the server should listen on").option("-l, --lib","builds eodash as a web component library").option("--no-lib","builds eodash as an SPA").option("--no-host","do not expose server to the network").parse(process.argv);const s=await X(y.opts(),process.argv?.[2]),K=s.publicDir?t.resolve(l,s.publicDir):t.join(l,"./public"),b=t.join(l,"/src"),f=s.runtime?t.resolve(l,s.runtime):t.join(b,"./runtime.js"),m=s.entryPoint==="false"?!1:s.entryPoint?t.resolve(l,s.entryPoint):t.join(b,"/main.js"),D=s.widgets?t.resolve(l,s.widgets):t.join(b,"widgets"),E=t.join(l,"/.eodash"),w=s.outDir?t.resolve(l,s.outDir):t.join(E,"/dist"),Q=s.cacheDir?t.resolve(l,s.cacheDir):t.join(E,"cache"),j=F(void 0,{prefix:"[eodash]"});async function X(e,n){let r=e.config?t.resolve(l,e.config):t.join(l,"eodash.config.js"),o={};return v(r)?o=await import(r).then(i=>i.default instanceof Function?i.default():i.default).catch(i=>{console.error(i)}):r=null,{base:e.base??o?.base,port:Number(e.port??o?.[n]?.port),host:e.host??o?.[n]?.host,open:e.open??o?.[n]?.open,cacheDir:e.cacheDir??o?.cacheDir,entryPoint:e.entryPoint??o?.entryPoint,outDir:e.outDir??o?.outDir,publicDir:e.publicDir??o?.publicDir,runtime:e.runtime??o?.runtime,widgets:e.widgets??o?.widgets,lib:e.lib??o?.lib,vite:o.vite}}function x(e=import.meta.dirname??t.dirname(H(import.meta.url))){if(e?.split("/").length)return v(t.resolve(e,"package.json"))?e:x(t.resolve(e,".."));throw new Error("no package root found from "+e)}const k=`
 <!DOCTYPE html>
 <html lang="en" style="overflow: hidden">
 
@@ -20,11 +20,11 @@ import{createLogger as F,defineConfig as C,searchForWorkspaceRoot as W,mergeConf
 </head>
 
 <body>
-${i.lib?`<eo-dash style="height:100%;"/>
-<script type="module" src="${s.resolve(`/@fs/${u}`,"core/client/asWebComponent.js")}"><\/script>
+${s.lib?`<eo-dash style="height:100%;"/>
+<script type="module" src="${t.resolve(`/@fs/${c}`,"core/client/asWebComponent.js")}"><\/script>
 `:` <div id="app" style="height:100%;" />
-<script type="module" src="${s.resolve(`/@fs/${u}`,"core/client/render.js")}"><\/script>
+<script type="module" src="${t.resolve(`/@fs/${c}`,"core/client/render.js")}"><\/script>
 `}
 </body>
-</html>`;function Z(e={customElementFileName:"asWebComponent.js",stylePlaceHolder:"__VUE_CE_STYLES__"}){const{customElementFileName:n,stylePlaceHolder:r}=e;return{name:"vite-plugin-vue-custom-element-style-injector",enforce:"post",async transform(t,o){if(this.environment.mode!=="build")return;if(s.basename(o)===n){let l=t;return/defineCustomElement\s*\([^{]*\{[\s\S]*?styles\s*:/.test(t)||(l=t.replace(/(defineCustomElement\s*\(\s*[^,{]*,?\s*\{)/,`$1
-  styles: ${r},`)),{code:l,map:null}}},generateBundle(t,o){let a="",l=[];const p=[];for(const d in o){const h=o[d];if(h.type==="chunk"&&h.code.includes(r)){a=d;break}}for(const d in o){const h=o[d];if(q(d)&&h.type==="asset"){let g=h.source.toString();g=g.replaceAll(":root",":host"),l.push(g),p.push(d)}}o[a].code=o[a].code.replace(r,JSON.stringify(l)),p.forEach(d=>{delete o[d]})}}}function q(e){return/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/.test(e)}const _=C(async({mode:e,command:n})=>{const r=["VITE_","EODASH_"];return{base:i.base??"",cacheDir:Q,plugins:[J({features:{customElement:n==="build"&&i.lib},template:{transformAssetUrls:B,compilerOptions:{isCustomElement:t=>!t.includes("v-")&&t.includes("-")}}}),M({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:ee},i.lib&&Z()],customLogger:j,define:{__userConfigExist__:!!m,...n==="build"&&i.lib?{"process.env":"import.meta.env"}:{"process.env":{},...te(r)}},envPrefix:r,resolve:{alias:{"@":s.join(u,"core/client"),"^":s.join(u,"widgets"),"user:widgets":D,...m&&{"user:config":m}},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{allowedHosts:!0,warmup:{clientFiles:[s.join(u,"core/client/**"),m]},port:i.port??3e3,open:i.open,fs:{allow:[W(process.cwd())]},host:i.host},root:u,...e==="development"&&{optimizeDeps:{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs","loglevel","vega","vega-lite","vega-embed","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/drawtools","@eox/chart","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/timecontrol","@eox/stacinfo","color-legend-element","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/timecontrol","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/stacinfo","@eox/elements-utils","@eox/geosearch"],noDiscovery:!0}},publicDir:i.publicDir===!1?!1:K,build:{outDir:w,emptyOutDir:!0,target:"esnext",cssMinify:!0,...i.lib&&n==="build"&&{minify:!1,lib:{entry:s.join(u,"core/client/asWebComponent.js"),fileName:(t,o)=>o==="asWebComponent"?"eo-dash.js":"templates.js",cssFileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},rollupOptions:{input:{asWebComponent:s.join(u,"core/client/asWebComponent.js"),templates:s.join(u,"templates/index.js")},external:t=>{const o=t.includes("vuetify")||t.endsWith(".css")||t.endsWith("styles"),a=z.some(p=>t.startsWith(p));return!o&&a||t==="user:config"&&!m},treeshake:{moduleSideEffects:!0,preset:"smallest"}}}}}}),N=C(async e=>i.vite?U(await _(e),i.vite):_(e));async function ee(e){const n=[f,s.join(D,"**/*.vue")];m&&n.push(m),e.watcher.add(n);let r="";const t=j.info;return j.info=(o,a)=>{if(o.includes("core")){const l=o.split("/")[0].split(" ");l.pop();const p=l.join(" ")+" "+r.replace(c,"");return t(p,a)}return t(o,a)},e.watcher.on("change",async o=>{r=o,o===f&&e.ws.send({type:"full-reload",path:o})}),()=>{e.middlewares.use(async(o,a,l)=>{if(o.originalUrl==="/@fs/config.js"||o.originalUrl==="/config.js"){a.statusCode=200,a.setHeader("Content-Type","text/javascript"),v(f)&&await I(f).then(p=>{a.write(p)}),a.end();return}if(o.url?.endsWith(".html")){a.statusCode=200,a.setHeader("Content-Type","text/html");const p=await e.transformIndexHtml(o.url,k,o.originalUrl);a.end(p);return}l()})}}function te(e){G({quiet:!0});const n={};for(const r in process.env)e.some(t=>r.startsWith(t))&&(n["process.env."+r]=`"${process.env[r]}"`);return n}const oe=async()=>{const e=await O(await N({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},se=async()=>{const e=async()=>{const n=await N({mode:"production",command:"build"});await L(n),v(f)&&await V(f,s.join(w,"config.js"),{recursive:!0}).catch(r=>{console.error(r)})};if(i.lib)await e();else{const n=s.join(u,"/index.html");await T(n,k).then(async()=>{await e(),await R(n).catch(()=>{console.error("failed to remove index.html")})})}};async function ie(){(await A({root:c,base:i.base??"",preview:{port:isNaN(i.port)?8080:i.port,open:i.open,host:i.host},build:{outDir:w}})).printUrls()}const ne=process.argv?.[2];(async()=>{switch(ne){case"dev":await oe();break;case"build":await se();break;case"preview":await ie();break;default:console.error("command not found");break}})();
+</html>`;function Z(e={customElementFileName:"asWebComponent.js",stylePlaceHolder:"__VUE_CE_STYLES__"}){const{customElementFileName:n,stylePlaceHolder:r}=e;return{name:"vite-plugin-vue-custom-element-style-injector",enforce:"post",async transform(o,i){if(this.environment.mode!=="build")return;if(t.basename(i)===n){let p=o;return/defineCustomElement\s*\([^{]*\{[\s\S]*?styles\s*:/.test(o)||(p=o.replace(/(defineCustomElement\s*\(\s*[^,{]*,?\s*\{)/,`$1
+  styles: ${r},`)),{code:p,map:null}}},generateBundle(o,i){let a="",p=[];const u=[];for(const d in i){const h=i[d];if(h.type==="chunk"&&h.code.includes(r)){a=d;break}}for(const d in i){const h=i[d];if(q(d)&&h.type==="asset"){let g=h.source.toString();g=g.replaceAll(":root",":host"),p.push(g),u.push(d)}}i[a].code=i[a].code.replace(r,JSON.stringify(p)),u.forEach(d=>{delete i[d]})}}}function q(e){return/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/.test(e)}const _=C(async({mode:e,command:n})=>{const r=["VITE_","EODASH_"];return{base:s.base??"",cacheDir:Q,plugins:[J({features:{customElement:n==="build"&&s.lib},template:{transformAssetUrls:B,compilerOptions:{isCustomElement:o=>!o.includes("v-")&&o.includes("-")}}}),M({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:ee},s.lib&&Z()],customLogger:j,define:{__userConfigExist__:!!m,...n==="build"&&s.lib?{"process.env":"import.meta.env"}:{"process.env":{},...te(r)}},envPrefix:r,resolve:{alias:{"@":t.join(c,"core/client"),"^":t.join(c,"widgets"),"user:widgets":D,...m&&{"user:config":m}},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{allowedHosts:!0,warmup:{clientFiles:[t.join(c,"core/client/**"),m]},port:s.port??3e3,open:s.open,fs:{allow:[W(process.cwd())]},host:s.host},root:c,...e==="development"&&{optimizeDeps:{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs","loglevel","vega","vega-lite","vega-embed","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/drawtools","@eox/chart","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/timecontrol","@eox/stacinfo","color-legend-element","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/timecontrol","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/stacinfo","@eox/elements-utils","@eox/geosearch","@eox/timeslider"],noDiscovery:!0}},publicDir:s.publicDir===!1?!1:K,build:{outDir:w,emptyOutDir:!0,target:"esnext",cssMinify:!0,...!s.lib&&n==="build"&&{manifest:!0,rollupOptions:{input:{main:t.join(c,"index.html"),templates:t.join(c,"templates/index.js")}}},...s.lib&&n==="build"&&{minify:!1,lib:{entry:t.join(c,"core/client/asWebComponent.js"),fileName:(o,i)=>i==="asWebComponent"?"eo-dash.js":"templates.js",cssFileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},rollupOptions:{input:{asWebComponent:t.join(c,"core/client/asWebComponent.js"),templates:t.join(c,"templates/index.js")},external:o=>{const i=o.includes("vuetify")||o.endsWith(".css")||o.endsWith("styles"),a=z.some(u=>o.startsWith(u));return!i&&a||o==="user:config"&&!m},treeshake:{moduleSideEffects:!0,preset:"smallest"}}}}}}),N=C(async e=>s.vite?O(await _(e),s.vite):_(e));async function ee(e){const n=[f,t.join(D,"**/*.vue")];m&&n.push(m),e.watcher.add(n);let r="";const o=j.info;return j.info=(i,a)=>{if(i.includes("core")){const p=i.split("/")[0].split(" ");p.pop();const u=p.join(" ")+" "+r.replace(l,"");return o(u,a)}return o(i,a)},e.watcher.on("change",async i=>{r=i,i===f&&e.ws.send({type:"full-reload",path:i})}),()=>{e.middlewares.use(async(i,a,p)=>{if(i.originalUrl==="/@fs/config.js"||i.originalUrl==="/config.js"){a.statusCode=200,a.setHeader("Content-Type","text/javascript"),v(f)&&await I(f).then(u=>{a.write(u)}),a.end();return}if(i.url?.endsWith(".html")){a.statusCode=200,a.setHeader("Content-Type","text/html");const u=await e.transformIndexHtml(i.url,k,i.originalUrl);a.end(u);return}p()})}}function te(e){G({quiet:!0});const n={};for(const r in process.env)e.some(o=>r.startsWith(o))&&(n["process.env."+r]=`"${process.env[r]}"`);return n}const oe=async()=>{const e=await A(await N({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},ie=async()=>{const e=async()=>{const n=await N({mode:"production",command:"build"});await L(n),v(f)&&await V(f,t.join(w,"config.js"),{recursive:!0}).catch(r=>{console.error(r)})};if(s.lib)await e();else{const n=t.join(c,"/index.html");await T(n,k).then(async()=>{await e(),await R(n).catch(()=>{console.error("failed to remove index.html")})})}};async function se(){(await U({root:l,base:s.base??"",preview:{port:isNaN(s.port)?8080:s.port,open:s.open,host:s.host},build:{outDir:w}})).printUrls()}const ne=process.argv?.[2];(async()=>{switch(ne){case"dev":await oe();break;case"build":await ie();break;case"preview":await se();break;default:console.error("command not found");break}})();

package/dist/types/core/client/eodashSTAC/EodashCollection.d.ts

@@ -10,7 +10,7 @@ export class EodashCollection {
         source: {
             type: string;
             url: string;
-            format: string;
+            projection: string;
             attributions: unknown;
         };
         properties: {
@@ -28,7 +28,10 @@ export class EodashCollection {
         source: {
             type: string;
             url: string | undefined;
-            format: string;
+            format: {
+                type: string;
+                dataProjection: string | undefined;
+            };
             attributions: {}[];
         };
         properties: {
@@ -93,8 +96,15 @@ export class EodashCollection {
         })[];
         interactions: import("@eox/map/src/types").EOxInteraction[];
     } | null;
-    /** @param {string} collectionUrl */
-    constructor(collectionUrl: string);
+    /**
+     * @param {string} collectionUrl
+     * @param {boolean} isAPI
+     * @param {string | null} rasterEndpoint
+     */
+    constructor(collectionUrl: string, isAPI?: boolean, rasterEndpoint?: string | null);
+    isAPI: boolean;
+    /** @type {string | null} */
+    rasterEndpoint: string | null;
     /**
      * @type {import("stac-ts").StacLink
      *   | import("stac-ts").StacItem
@@ -106,10 +116,10 @@ export class EodashCollection {
     get collectionStac(): import("stac-ts").StacCollection | undefined;
     /**
      * @async
-     * @param {import('stac-ts').StacLink | Date} [linkOrDate]
-     * @returns
+     * @param {import("stac-ts").StacItem | import('stac-ts').StacLink | Date } [itemOrDate]
+     * @returns {Promise<Record<string,any>[]>} layers
      */
-    createLayersJson: (linkOrDate?: import("stac-ts").StacLink | Date) => Promise<Record<string, any>[]>;
+    createLayersJson: (itemOrDate?: import("stac-ts").StacItem | import("stac-ts").StacLink | Date) => Promise<Record<string, any>[]>;
     /**
      * @param {import("stac-ts").StacItem} item
      * @param {string} itemUrl
@@ -122,16 +132,20 @@ export class EodashCollection {
     fetchCollection(): Promise<import("stac-ts").StacCollection>;
     /**
      * Returns all item links sorted by datetime ascendingly
+     * @param {boolean} [fields=false] if true, fetch items from API with only properties
+     * @param {boolean} [first] - if true, returns the first page of items only (for API collections)
+     * @returns {Promise<import("stac-ts").StacLink[] | import("stac-ts").StacItem[] | undefined>}
      */
-    getItems(): import("stac-ts").StacLink[] | undefined;
-    getDates(): Date[] | undefined;
+    getItems(fields?: boolean, first?: boolean): Promise<import("stac-ts").StacLink[] | import("stac-ts").StacItem[] | undefined>;
+    getDates(): Promise<Date[]>;
     getExtent(): Promise<import("stac-ts").Extents | undefined>;
     /**
      * Get closest Item Link from a certain date,
      * get the latest if no date provided
      *  @param {Date} [date]
+     *  @return {Promise<import("stac-ts").StacItem | import("stac-ts").StacLink | undefined>} item
      **/
-    getItem(date?: Date): import("stac-ts").StacLink | undefined;
+    getItem(date?: Date): Promise<import("stac-ts").StacItem | import("stac-ts").StacLink | undefined>;
     getToolTipProperties(): Promise<{
         id: string;
         title?: string;

package/dist/types/core/client/eodashSTAC/auth.d.ts

@@ -0,0 +1,7 @@
+/**
+* Generic handler for possible authentications schemes as defined in STAC authentication extension.
+* @param {import("../types").StacAuthItem } item
+* @param {import("../types").StacAuthLink | import("../types").StacAuthAsset} linkOrAsset
+* @returns {string}
+*/
+export function handleAuthenticationOfLink(item: import("../types").StacAuthItem, linkOrAsset: import("../types").StacAuthLink | import("../types").StacAuthAsset): string;

package/dist/types/core/client/eodashSTAC/createLayers.d.ts

@@ -15,7 +15,7 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
     source: {
         type: string;
         url: string;
-        format: string;
+        projection: string;
         attributions: unknown;
     };
     properties: {
@@ -33,7 +33,10 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
     source: {
         type: string;
         url: string | undefined;
-        format: string;
+        format: {
+            type: string;
+            dataProjection: string | undefined;
+        };
         attributions: {}[];
     };
     properties: {
@@ -63,4 +66,13 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
     };
     style: import("../types").EodashStyleJson | undefined;
 })[]>;
-export function createLayersFromLinks(collectionId: string, title: string, item: import("stac-ts").StacItem, layerDatetime?: Record<string, any>, extraProperties?: object | null): Promise<Record<string, any>[]>;
+/**
+ * Implementation of a function that creates a layer from the render extention
+ * @param {import("stac-ts").StacCollection | undefined | null} collection
+ * @param {import("stac-ts").StacItem | undefined | null} item
+ * @param {string} rasterURL
+ * @param {Record<string, any>} [extraProperties]
+ * @returns {import("@eox/map/src/layers").EOxLayerType<"Tile","XYZ">[]}
+ */
+export function createLayerFromRender(rasterURL: string, collection: import("stac-ts").StacCollection | undefined | null, item: import("stac-ts").StacItem | undefined | null, extraProperties?: Record<string, any>): import("@eox/map/src/layers").EOxLayerType<"Tile", "XYZ">[];
+export function createLayersFromLinks(collectionId: string, title: string, item: import("stac-ts").StacItem, itemUrl: string, layerDatetime?: Record<string, any>, extraProperties?: object | null): Promise<Record<string, any>[]>;