Input Field for STAC Endpoint Selection When Not in Iframe

[A-Behairi]

Background

Currently, the app is an eodash instance deployed as an SPA using the eodash CLI, it accepts a stacEndpoint URL parameter that is assigned to the eodash config. The instance can either:

• Live inside an iframe and receive the URL parameter via message window event
• Be deployed as an app where the endpoint is input directly in the URL

Enhancement Proposal

Add an input field with an adjacent button at the top of the application UI (only when not inside an iframe) for users to enter their own STAC endpoints. When the button is clicked, the application's config should be updated with the new endpoint.

Implementation Notes

• Migrate the project from being an eodash SPA to a vanilla Vite setup, and import eodash as web component.
• Create a dev environment that preview's both iframe and app uses
• Use @eox/ui for theming and UI components.
• ensure iframe detection logic so the input field is only shown outside iframes.
• On input submission, update the config and re-instantiate eodash web component

Motivation

With the addition of eodash/eodash#226 and eodash/eodash-extension more endpoints will be supported within eodash. The aim is to provide a central, user-friendly playground for the community to experiment with their STAC endpoints. Users can quickly check compatibility with eodash and preview how their data will be visualized on the dashboard