feat(esm-tools-plus): ESM-Tools-plus STAC browser customisations (Option A, comparison, personal collections, data preview, search)

.github/workflows/publish-docker.yml

@@ -40,6 +40,7 @@ jobs:
             org.opencontainers.image.maintainer=$({github.repository_owner})
           tags: |
             type=semver,pattern={{version}},value=v${{ env.VERSION }}
+            type=raw,value=${{ env.VERSION }}
 
       - name: Log in to the GitHub container registry
         uses: docker/login-action@v3

config.js

@@ -1,9 +1,10 @@
 export default {
-    catalogUrl: null,
-    catalogTitle: "STAC Browser",
+    catalogUrl: 'http://10.7.0.13:23006',
+    catalogTitle: "ESM-Tools STAC Catalog",
     catalogImage: null,
     allowExternalAccess: true, // Must be true if catalogUrl is not given
     allowedDomains: [],
+    allowedHosts: true,
     detectLocaleFromBrowser: true,
     storeLocale: true,
     locale: "en",
@@ -28,7 +29,7 @@ export default {
         "id",
         "pl"
     ],
-    apiCatalogPriority: null,
+    apiCatalogPriority: 'collections',
     useTileLayerAsFallback: false,
     displayGeoTiffByDefault: false,
     displayPreview: true,
@@ -54,5 +55,6 @@ export default {
     preprocessSTAC: null,
     authConfig: null,
     crs: {},
-    footerLinks: null
+    footerLinks: null,
+    vizServer: null // URL of visualization server for data previews (e.g., 'http://localhost:8001')
 };

config.schema.json

@@ -264,6 +264,14 @@
           "url"
         ]
       }
+    },
+    "vizServer": {
+      "type": [
+        "string",
+        "null"
+      ],
+      "format": "uri",
+      "description": "URL of visualization server for data previews"
     }
   }
 }

config.test.js

@@ -0,0 +1,42 @@
+// Test configuration for Playwright e2e tests
+// Uses null catalogUrl so external paths work correctly
+export default {
+    catalogUrl: null,  // Tests use /search/external/... paths which work without a default catalog
+    catalogTitle: "STAC Browser (Test)",
+    catalogImage: null,
+    allowExternalAccess: true,
+    allowedDomains: [],
+    detectLocaleFromBrowser: false,
+    storeLocale: false,
+    locale: "en",
+    fallbackLocale: "en",
+    supportedLocales: ["en"],
+    apiCatalogPriority: null,
+    useTileLayerAsFallback: false,
+    displayGeoTiffByDefault: false,
+    displayPreview: true,
+    displayOverview: true,
+    buildTileUrlTemplate: null,
+    getMapSourceOptions: null,
+    pathPrefix: "/",
+    historyMode: "history",
+    cardViewMode: "cards",
+    cardViewSort: "asc",
+    showKeywordsInItemCards: false,
+    showKeywordsInCatalogCards: false,
+    showThumbnailsAsAssets: false,
+    searchResultsPerPage: null,
+    itemsPerPage: null,
+    collectionsPerPage: null,
+    maxEntriesPerPage: 1000,
+    defaultThumbnailSize: null,
+    crossOriginMedia: null,
+    requestHeaders: {},
+    requestQueryParameters: {},
+    socialSharing: [],
+    preprocessSTAC: null,
+    authConfig: null,
+    crs: {},
+    footerLinks: null,
+    vizServer: null  // No viz server for tests - preview endpoints can be mocked
+};

package.json

@@ -6,7 +6,9 @@
   "main": "src/main.js",
   "scripts": {
     "start": "vite",
+    "start:test": "SB_CONFIG=./config.test.js vite",
     "build": "vite build",
+    "build:test": "SB_CONFIG=./config.test.js vite build",
     "build:preview": "vite build && vite preview",
     "build:report": "vite build --mode report",
     "build:minimal": "vite build --mode minimal",
@@ -50,6 +52,8 @@
     "@radiantearth/stac-migrate": "~2.0.2",
     "@turf/mask": "^7.2.0",
     "@vuepic/vue-datepicker": "^12.1.0",
+    "ag-grid-community": "^35.3.1",
+    "ag-grid-vue3": "^35.3.1",
     "ajv-i18n": "^4.2.0",
     "axios": "^1.2.0",
     "bootstrap": "^5.3.8",

playwright.config.js

@@ -66,18 +66,19 @@ export default defineConfig({
   ],
 
   /* Run your local dev server before starting the tests */
-  webServer: process.env.CI 
+  webServer: process.env.CI
     ? {
-        // In CI: Build and serve the production build
-        command: 'npm run build && npx vite preview --port 4173 --strictPort',
+        // In CI: Build and serve the production build using test config
+        command: 'npm run build:test && npx vite preview --port 4173 --strictPort',
         url: 'http://localhost:4173',
         reuseExistingServer: false,
         timeout: 120 * 1000,
       }
     : {
-        command: 'npm start',
+        // Local dev: Use test config (no albedo1 references)
+        command: 'npm run start:test',
         url: 'http://localhost:8080',
-        reuseExistingServer: true,
+        reuseExistingServer: false,  // Always start fresh with test config
         timeout: 120 * 1000,
       },
 });

src/StacBrowser.vue

@@ -15,6 +15,12 @@
               <b-button v-if="canSearch" variant="primary" size="sm" :to="searchBrowserLink" :title="$t('search.title')" :pressed="isSearchPage">
                 <b-icon-search /><span class="button-label">{{ $t('search.title') }}</span>
               </b-button>
+              <b-button v-if="!isServerSelector" variant="primary" size="sm" :to="'/collections/personal'" title="My Collections" :pressed="isPersonalCollectionsPage">
+                <b-icon-bookmark /><span class="button-label">My Collections</span>
+              </b-button>
+              <b-button v-if="!isServerSelector" variant="primary" size="sm" :to="'/compute'" title="Compute Clusters" :pressed="isDaskDashboardPage">
+                <b-icon-cpu /><span class="button-label">Compute</span>
+              </b-button>
             </b-button-group>
           </nav>
           <div class="title">
@@ -80,6 +86,9 @@
         </template>
       </i18n-t>
     </footer>
+    <!-- Collection Comparison UI -->
+    <CompareButton />
+    <CollectionComparison />
     <b-popover
       v-if="root" id="popover-root" class="popover-large" target="popover-root-btn"
       placement="bottom" :title="serviceType" teleport-to="#stac-browser"
@@ -99,6 +108,8 @@ import CONFIG from './config';
 // Import icons needed for dynamic component usage
 import BIconLock from '~icons/bi/lock';
 import BIconUnlock from '~icons/bi/unlock';
+import BIconBookmark from '~icons/bi/bookmark';
+import BIconCpu from '~icons/bi/cpu';
 
 import ErrorAlert from './components/ErrorAlert.vue';
 import StacLink from './components/StacLink.vue';
@@ -136,9 +147,13 @@ export default defineComponent({
   name: 'StacBrowser',
   components: {
     Authentication,
+    BIconBookmark,
+    BIconCpu,
     BIconLock,
     BIconUnlock,
     BPopover: defineAsyncComponent(() => import('bootstrap-vue-next').then(m => m.BPopover)),
+    CompareButton: defineAsyncComponent(() => import('./components/CompareButton.vue')),
+    CollectionComparison: defineAsyncComponent(() => import('./components/CollectionComparison.vue')),
     ErrorAlert,
     LanguageChooser: defineAsyncComponent(() => import('./components/LanguageChooser.vue')),
     RootStats: defineAsyncComponent(() => import('./components/RootStats.vue')),
@@ -181,6 +196,12 @@ export default defineComponent({
     isSearchPage() {
       return this.$route.name === 'search';
     },
+    isPersonalCollectionsPage() {
+      return this.$route.name === 'personal-collections';
+    },
+    isDaskDashboardPage() {
+      return this.$route.name === 'dask-dashboard';
+    },
     isServerSelector() {
       return this.$route.name === 'select';
     },