This is a Spatio-Temporal Asset Catalog (STAC) browser for static catalogs. It attempts to surface all included data in a user-centric way (an approach which can inform how data is represented in the evolving spec). It is implemented as a single page application (SPA) for ease of development and to limit the overall number of catalog reads necessary when browsing (as catalogs may be nested and do not necessarily contain references to their parents).
By default, stac-browser will browse the ISERV catalog. To browse your own, set
CATALOG_URL when building.
npm install CATALOG_URL=http://path/to/catalog.json npm start -- --open
CATALOG_URL=http://path/to/catalog.json npm run build
tk - something about how the catalog (
src/components/Catalog.vue) / item (
templates are laid out
This is my (Seth's) first Vue app. I've previously built a number of React SPAs and have helped maintain + create apps with Backbone, D3, jQuery, and others, though I'm mostly a server-side guy.
Of these, React (with Webpack) has provided me with the best development experience, especially for apps with relatively complex functionality.
For pre-rendering catalogs, chrisvfritz/prerender-spa-plugin looks like a promising way to use headless Chrome (puppeteer) to generate HTML for ease of search engine indexing.
If you're interested in experimenting with a STAC browser built with different JS frameworks, check out: