fix: expand the assets that can be considered thumbnails (#298)

Closes #288 cc @weiji14

Author: gadomski

src/utils/stac.ts

@@ -3,7 +3,6 @@ import bboxPolygon from "@turf/bbox-polygon";
 import type { FeatureCollection } from "geojson";
 import type {
   SpatialExtent,
-  StacAsset,
   StacCollection,
   StacItem,
   StacLink,
@@ -62,7 +61,13 @@ export function getSelfHref(value: StacValue) {
 
 export function getThumbnailAsset(value: StacValue) {
   if ("assets" in value) {
-    const asset = (value.assets as { [key: string]: StacAsset })["thumbnail"];
+    const assets = value.assets as StacAssets;
+    const asset =
+      assets["thumbnail"] ||
+      Object.values(assets).find((asset) =>
+        asset.roles?.includes("thumbnail")
+      ) ||
+      assets["thumbnails"];
     return asset?.href.startsWith("http") && asset;
   }
 }

tests/utils/stac.spec.ts

@@ -168,6 +168,30 @@ describe("getThumbnailAsset", () => {
     item.assets = { data: { href: "http://example.com/data.tiff" } };
     expect(getThumbnailAsset(item)).toBeUndefined();
   });
+
+  test("returns thumbnail asset if it has thumbnail role", () => {
+    const item = makeItem("test");
+    item.assets = {
+      foo: { href: "http://example.com/thumb.png", roles: ["thumbnail"] },
+    };
+    expect(getThumbnailAsset(item)).toEqual({
+      href: "http://example.com/thumb.png",
+      roles: ["thumbnail"],
+    });
+  });
+
+  test("returns thumbnail asset if it has thumbnails key", () => {
+    // https://github.com/englacial/xopr/issues/64
+    const item = makeItem("test");
+    item.assets = {
+      thumbnails: {
+        href: "http://example.com/thumb.png",
+      },
+    };
+    expect(getThumbnailAsset(item)).toEqual({
+      href: "http://example.com/thumb.png",
+    });
+  });
 });
 
 describe("makeHrefsAbsolute", () => {