Implement support for the new storage version extension #550

Author: m-mohr

package-lock.json

@@ -39,8 +39,8 @@
   "dependencies": {
     "@apidevtools/json-schema-ref-parser": "^10.1.0",
     "@musement/iso-duration": "^1.0.0",
-    "@radiantearth/stac-fields": "1.5.1",
-    "@radiantearth/stac-migrate": "2.0.0",
+    "@radiantearth/stac-fields": "~1.5.2",
+    "@radiantearth/stac-migrate": "~2.0.0",
     "ajv-i18n": "^4.2.0",
     "axios": "^1.2.0",
     "bootstrap-vue": "^2.21.2",

package.json

@@ -5,7 +5,7 @@
     <b-card-text class="mt-4" v-if="asset.description">
       <Description :description="asset.description" compact />
     </b-card-text>
-    <Metadata class="mt-4" :data="asset" :context="context" :ignoreFields="ignore" title="" type="Asset" />
+    <Metadata class="mt-4" :data="resolvedAsset" :context="context" :ignoreFields="ignore" title="" type="Asset" />
   </component>
 </template>
 
@@ -16,6 +16,8 @@ import Description from './Description.vue';
 import HrefActions from './HrefActions.vue';
 import StacFieldsMixin from './StacFieldsMixin';
 import AuthUtils from './auth/utils';
+import Utils from '../utils';
+import STAC from '../models/stac';
 
 export default {
   name: 'AssetAlternative',
@@ -61,8 +63,9 @@ export default {
         'table:storage_options',
         'xarray:open_kwargs',
         'xarray:storage_options',
-        // Special handling for auth
+        // Special handling for auth and storage
         'auth:refs',
+        'storage:refs',
         // Alternative Assets are displayed separately
         'alternate',
         'alternate:name',
@@ -71,6 +74,15 @@ export default {
   },
   computed: {
     ...mapState(['buildTileUrlTemplate', 'useTileLayerAsFallback']),
+    resolvedAsset() {
+      if (Array.isArray(this.asset['storage:refs'])) {
+        const storage = this.resolveStorage(this.asset, this.context);
+        const asset = Object.assign({}, this.asset);
+        asset['storage:schemes'] = storage;
+        return asset;
+      }
+      return this.asset;
+    },
     component() {
       return this.hasAlternatives ? 'div' : 'b-card-body';
     },
@@ -93,6 +105,22 @@ export default {
     }
   },
   methods: {
+    resolveStorage(obj, context) {
+      if (context instanceof STAC && Utils.size(obj['storage:refs']) > 0) {
+        const scheme = context.getMetadata('storage:schemes');
+        if (Utils.size(scheme) > 0) {
+          const schemes = {};
+          for (const key in scheme) {
+            const value = scheme[key];
+            if (Utils.isObject(value)) {
+              schemes[key] = value;
+            }
+          }
+          return schemes;
+        }
+      }
+      return [];
+    },
     show() {
       this.$emit('show', ...arguments);
     }