fix: load invalid STAC values

Author: gadomski

src/http.ts

@@ -16,7 +16,8 @@ export async function fetchStac(
     if (response.ok) {
       return response
         .json()
-        .then((json) => maybeAddSelfLink(json, href.toString()));
+        .then((json) => maybeAddSelfLink(json, href.toString()))
+        .then((json) => maybeAddTypeField(json));
     } else {
       throw new Error(`${method} ${href}: ${response.statusText}`);
     }
@@ -44,3 +45,19 @@ function maybeAddSelfLink(value: any, href: string) {
   }
   return value;
 }
+
+// eslint-disable-next-line
+function maybeAddTypeField(value: any) {
+  if (!value.type) {
+    if (value.features && Array.isArray(value.features)) {
+      value.type = "FeatureCollection";
+    } else if (value.extent) {
+      value.type = "Collection";
+    } else if (value.geometry && value.properties) {
+      value.type = "Feature";
+    } else if (value.stac_version) {
+      value.type = "Catalog";
+    }
+  }
+  return value;
+}

tests/app.spec.tsx

@@ -22,9 +22,22 @@ test("renders example button", async () => {
     .toBeVisible();
 });
 
-test("loads STAC API from eoapi.dev", async () => {
+test("loads stac.eoapi.dev", async () => {
   window.history.pushState({}, "", "?href=https://stac.eoapi.dev/");
   const app = await renderApp();
   await expect.element(app.getByText(/eoAPI-stac/i)).toBeVisible();
   await expect.element(app.getByText(/collections/i)).toBeVisible();
 });
+
+test("loads CSDA Planet", async () => {
+  // https://github.com/developmentseed/stac-map/issues/96
+  window.history.pushState(
+    {},
+    "",
+    "?href=https://csdap.earthdata.nasa.gov/stac/collections/planet",
+  );
+  const app = await renderApp();
+  await expect
+    .element(app.getByRole("heading", { hasText: "Planet" }))
+    .toBeVisible();
+});