@nasa-terra/components 0.0.179 → 0.0.182

package/cdn/chunks/chunk.MZC6KDXV.js

@@ -0,0 +1,417 @@
+import {
+  time_average_map_cache_service_default
+} from "./chunk.3C6QCU6U.js";
+import {
+  extractHarmonyError
+} from "./chunk.3TKV2VNC.js";
+import {
+  HarmonyRequestController
+} from "./chunk.3465UHBW.js";
+import {
+  HarmonyRequest
+} from "./chunk.VUKYQOBK.js";
+import {
+  CollectionController
+} from "./chunk.M65VG5RW.js";
+import {
+  FINAL_STATUSES,
+  ThumbnailService,
+  harmonyApi
+} from "./chunk.KIWNTLEB.js";
+import {
+  LatLngBounds
+} from "./chunk.EABQJ4NF.js";
+import {
+  format,
+  formatDate
+} from "./chunk.TKSEPVAL.js";
+import {
+  h
+} from "./chunk.BQDEKCXK.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet,
+  __spreadValues,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/time-average-map/time-average-map.controller.ts
+init_dirname();
+init_buffer();
+init_process();
+var HISTORY_LOOKUP_DAYS = 7;
+var HISTORY_JOB_LIMIT = 10;
+var HARMONY_LINK_PROXY_URL = "https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy";
+var HARMONY_STATUS_WAIT_INTERVAL_MS = 300;
+var MAX_COLLECTION_CONCEPT_ID_WAIT_MS = 1e4;
+var _host, _cacheService, _thumbnailService, _collectionController, _harmonyRequestController, _getCollectionEntryId, getCollectionEntryId_fn, _waitForCollectionConceptId, waitForCollectionConceptId_fn, _waitForHarmonyJob, waitForHarmonyJob_fn, _fetchJobBlob, fetchJobBlob_fn, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn, _captureThumbnail, captureThumbnail_fn, _handleHarmonyError, handleHarmonyError_fn, _fetchRecentHistoryJobs, fetchRecentHistoryJobs_fn, _isMatchingTimeAvgMapJob, isMatchingTimeAvgMapJob_fn, _sleep, sleep_fn;
+var TimeAvgMapController = class {
+  constructor(host) {
+    __privateAdd(this, _getCollectionEntryId);
+    __privateAdd(this, _waitForCollectionConceptId);
+    __privateAdd(this, _waitForHarmonyJob);
+    __privateAdd(this, _fetchJobBlob);
+    __privateAdd(this, _updateGeoTIFFLayer);
+    __privateAdd(this, _captureThumbnail);
+    __privateAdd(this, _handleHarmonyError);
+    /**
+     * Fetches recent successful Harmony jobs for this component type.
+     * Returns an empty array if the user is unauthenticated (no bearer token).
+     */
+    __privateAdd(this, _fetchRecentHistoryJobs);
+    /**
+     * Returns true if a Harmony history job matches the parameters of the given request.
+     * Compares collection, variable, date range, bounding box, format, and average type.
+     * Does not require application-id or metadata labels to match.
+     */
+    __privateAdd(this, _isMatchingTimeAvgMapJob);
+    __privateAdd(this, _sleep);
+    __privateAdd(this, _host, void 0);
+    __privateAdd(this, _cacheService, new time_average_map_cache_service_default());
+    __privateAdd(this, _thumbnailService, new ThumbnailService());
+    __privateAdd(this, _collectionController, void 0);
+    __privateAdd(this, _harmonyRequestController, void 0);
+    __privateSet(this, _host, host);
+    __privateSet(this, _collectionController, new CollectionController(__privateGet(this, _host), {
+      getCollectionEntryId: () => __privateMethod(this, _getCollectionEntryId, getCollectionEntryId_fn).call(this),
+      getBearerToken: () => __privateGet(this, _host).bearerToken
+    }));
+    __privateSet(this, _harmonyRequestController, new HarmonyRequestController(__privateGet(this, _host)));
+    this.jobStatusTask = new h(host, {
+      task: async ([], { signal }) => {
+        var _a, _b;
+        const startDate = __privateGet(this, _host).startDate;
+        const endDate = __privateGet(this, _host).endDate;
+        const location = __privateGet(this, _host).location;
+        const catalogVariable = __privateGet(this, _host).catalogVariable;
+        if (!startDate || !endDate || !location || !catalogVariable) {
+          return void 0;
+        }
+        __privateGet(this, _harmonyRequestController).reset();
+        __privateGet(this, _host).harmonyJobId = void 0;
+        const cacheKey = this.getCacheKey();
+        if (!__privateGet(this, _host).noCache) {
+          const existing = await __privateGet(this, _cacheService).getValidCacheEntry(cacheKey);
+          if (existing) {
+            console.log(
+              "Returning existing map blob from cache",
+              cacheKey
+            );
+            __privateGet(this, _host).harmonyJobId = existing.harmonyJobId;
+            __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, existing.blob);
+            return existing.blob;
+          }
+        }
+        const collectionConceptId = await __privateMethod(this, _waitForCollectionConceptId, waitForCollectionConceptId_fn).call(this, signal);
+        const [w, s, e, n] = location.split(",").map(Number);
+        const locationBounds = new LatLngBounds([w, s, e, n]);
+        const harmonyRequest = new HarmonyRequest({
+          collectionConceptId,
+          location: locationBounds,
+          environment: __privateGet(this, _host).environment
+        }).variable(`${__privateGet(this, _host).collection}_${__privateGet(this, _host).variable}`).dateRange(
+          format(new Date(startDate), "yyyy-MM-dd'T'00:00:00'Z'"),
+          format(new Date(endDate), "yyyy-MM-dd'T'00:00:00'Z'")
+        ).format("image/tiff").average("time").label("terra-time-average-map");
+        if (__privateGet(this, _host).applicationId) {
+          harmonyRequest.label(__privateGet(this, _host).applicationId);
+        }
+        harmonyRequest.addLabelsFromVariable(catalogVariable);
+        const historyJobs = await __privateMethod(this, _fetchRecentHistoryJobs, fetchRecentHistoryJobs_fn).call(this);
+        const historyMatch = historyJobs.find(
+          (job) => __privateMethod(this, _isMatchingTimeAvgMapJob, isMatchingTimeAvgMapJob_fn).call(this, job, harmonyRequest)
+        );
+        if (historyMatch) {
+          console.log(
+            "Found matching time average map job in Harmony history",
+            historyMatch.jobID
+          );
+          const fullHistoryJob = await harmonyApi.getJobStatus(
+            historyMatch.jobID,
+            { bearerToken: __privateGet(this, _host).bearerToken, signal }
+          );
+          const blob2 = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, fullHistoryJob, signal);
+          if (!__privateGet(this, _host).noCache) {
+            await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+              blob: blob2,
+              environment: __privateGet(this, _host).environment,
+              harmonyJobId: historyMatch.jobID
+            });
+          }
+          __privateGet(this, _host).harmonyJobId = historyMatch.jobID;
+          __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob2);
+          return blob2;
+        }
+        console.log("Creating time average map job...");
+        let jobId;
+        try {
+          const job = await __privateGet(this, _harmonyRequestController).startJob({
+            harmonyRequest,
+            options: {
+              signal,
+              bearerToken: __privateGet(this, _host).bearerToken,
+              environment: __privateGet(this, _host).environment
+            }
+          });
+          jobId = job.jobID;
+          __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+            detail: job
+          });
+        } catch (error) {
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error);
+          throw error;
+        }
+        console.log("Waiting for harmony job...");
+        const jobStatus = await __privateMethod(this, _waitForHarmonyJob, waitForHarmonyJob_fn).call(this, jobId, signal);
+        if (jobStatus.status === "failed" /* FAILED */) {
+          const errorMessage = jobStatus.message || ((_b = (_a = jobStatus.errors) == null ? void 0 : _a[0]) == null ? void 0 : _b.message) || "The subset job failed";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        if (jobStatus.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ && jobStatus.errors && jobStatus.errors.length > 0) {
+          const errorMessage = jobStatus.errors[0].message || "The subset job completed with errors";
+          const error = new Error(errorMessage);
+          __privateMethod(this, _handleHarmonyError, handleHarmonyError_fn).call(this, error, jobStatus.errors);
+          throw error;
+        }
+        const blob = await __privateMethod(this, _fetchJobBlob, fetchJobBlob_fn).call(this, jobStatus, signal);
+        if (!__privateGet(this, _host).noCache) {
+          await __privateGet(this, _cacheService).storeEntry(cacheKey, {
+            blob,
+            environment: __privateGet(this, _host).environment,
+            harmonyJobId: jobStatus.jobID
+          });
+        }
+        __privateGet(this, _host).harmonyJobId = jobStatus.jobID;
+        __privateMethod(this, _updateGeoTIFFLayer, updateGeoTIFFLayer_fn).call(this, blob);
+        return blob;
+      },
+      args: () => [],
+      autoRun: false
+    });
+  }
+  render(renderFunctions) {
+    return this.jobStatusTask.render(renderFunctions);
+  }
+  getCacheKey() {
+    var _a, _b, _c, _d, _e, _f;
+    const collection = (_a = __privateGet(this, _host).collection) != null ? _a : "";
+    const variable = (_b = __privateGet(this, _host).variable) != null ? _b : "";
+    const start = (_c = __privateGet(this, _host).startDate) != null ? _c : "";
+    const end = (_d = __privateGet(this, _host).endDate) != null ? _d : "";
+    const location = (_e = __privateGet(this, _host).location) != null ? _e : "";
+    const environment = (_f = __privateGet(this, _host).environment) != null ? _f : "prod";
+    return __privateGet(this, _cacheService).getCacheKey(
+      collection,
+      variable,
+      start,
+      end,
+      location,
+      environment
+    );
+  }
+};
+_host = new WeakMap();
+_cacheService = new WeakMap();
+_thumbnailService = new WeakMap();
+_collectionController = new WeakMap();
+_harmonyRequestController = new WeakMap();
+_getCollectionEntryId = new WeakSet();
+getCollectionEntryId_fn = function() {
+  const collection = __privateGet(this, _host).collection;
+  const variable = __privateGet(this, _host).catalogVariable;
+  if (!collection || !variable)
+    return void 0;
+  return `${variable.dataProductShortName}_${variable.dataProductVersion}`;
+};
+_waitForCollectionConceptId = new WeakSet();
+waitForCollectionConceptId_fn = async function(signal) {
+  const deadline = Date.now() + MAX_COLLECTION_CONCEPT_ID_WAIT_MS;
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Aborted while waiting for collection concept ID");
+    }
+    const conceptId = __privateGet(this, _collectionController).conceptId;
+    if (conceptId) {
+      return conceptId;
+    }
+    if (Date.now() > deadline) {
+      throw new Error("Timed out waiting for collection concept ID");
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, 200, signal);
+  }
+};
+_waitForHarmonyJob = new WeakSet();
+waitForHarmonyJob_fn = async function(jobId, signal) {
+  __privateGet(this, _harmonyRequestController).startPollForJobStatus(jobId);
+  while (true) {
+    if (signal.aborted) {
+      throw new Error("Job polling was aborted");
+    }
+    const jobStatus = __privateGet(this, _harmonyRequestController).data;
+    if (jobStatus) {
+      __privateGet(this, _host).emit("terra-harmony-job-status-update", {
+        detail: jobStatus
+      });
+    }
+    if ((jobStatus == null ? void 0 : jobStatus.jobID) === jobId && FINAL_STATUSES.has(jobStatus.status)) {
+      return jobStatus;
+    }
+    await __privateMethod(this, _sleep, sleep_fn).call(this, HARMONY_STATUS_WAIT_INTERVAL_MS, signal);
+  }
+};
+_fetchJobBlob = new WeakSet();
+fetchJobBlob_fn = async function(jobStatus, signal) {
+  var _a;
+  const dataLink = (_a = jobStatus.links.find((link) => link.rel === "data")) == null ? void 0 : _a.href;
+  if (!dataLink) {
+    throw new Error("No data link found for Harmony job");
+  }
+  const proxyUrl = `${HARMONY_LINK_PROXY_URL}?url=${encodeURIComponent(dataLink)}`;
+  const response = await fetch(proxyUrl, {
+    signal,
+    headers: __spreadValues({}, __privateGet(this, _host).bearerToken ? { Authorization: `Bearer ${__privateGet(this, _host).bearerToken}` } : {})
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch subset job data: ${response.statusText}`);
+  }
+  return response.blob();
+};
+_updateGeoTIFFLayer = new WeakSet();
+updateGeoTIFFLayer_fn = function(blob) {
+  this.blobUrl = blob;
+  __privateGet(this, _host).emit("terra-time-average-map-data-change", {
+    detail: {
+      data: blob,
+      variable: __privateGet(this, _host).catalogVariable,
+      startDate: formatDate(__privateGet(this, _host).startDate),
+      endDate: formatDate(__privateGet(this, _host).endDate),
+      location: __privateGet(this, _host).location,
+      colorMap: __privateGet(this, _host).colorMapName,
+      harmonyJobId: __privateGet(this, _host).harmonyJobId
+    }
+  });
+  __privateGet(this, _host).updateGeoTIFFLayer(blob);
+  const harmonyJobId = __privateGet(this, _host).harmonyJobId;
+  if (harmonyJobId) {
+    __privateMethod(this, _captureThumbnail, captureThumbnail_fn).call(this, harmonyJobId).catch(console.error);
+  }
+};
+_captureThumbnail = new WeakSet();
+captureThumbnail_fn = async function(harmonyJobId, delayMs = 1500) {
+  await new Promise((resolve) => setTimeout(resolve, delayMs));
+  const blob = await __privateGet(this, _host).captureMapThumbnail();
+  if (blob) {
+    await __privateGet(this, _thumbnailService).store(harmonyJobId, blob);
+  }
+};
+_handleHarmonyError = new WeakSet();
+handleHarmonyError_fn = function(error, jobErrors) {
+  const errorDetails = extractHarmonyError(error, jobErrors);
+  __privateGet(this, _host).dispatchEvent(
+    new CustomEvent("terra-time-average-map-error", {
+      detail: errorDetails,
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+_fetchRecentHistoryJobs = new WeakSet();
+fetchRecentHistoryJobs_fn = async function() {
+  if (!__privateGet(this, _host).bearerToken) {
+    return [];
+  }
+  try {
+    const result = await harmonyApi.getJobs(
+      {
+        page: 1,
+        limit: HISTORY_JOB_LIMIT,
+        label: "terra-time-average-map"
+      },
+      { bearerToken: __privateGet(this, _host).bearerToken }
+    );
+    const cutoff = /* @__PURE__ */ new Date();
+    cutoff.setDate(cutoff.getDate() - HISTORY_LOOKUP_DAYS);
+    return result.jobs.filter((job) => {
+      if (job.status !== "successful" /* SUCCESSFUL */)
+        return false;
+      if (new Date(job.createdAt) < cutoff)
+        return false;
+      if (job.dataExpiration && new Date(job.dataExpiration) < /* @__PURE__ */ new Date())
+        return false;
+      return true;
+    });
+  } catch (e) {
+    return [];
+  }
+};
+_isMatchingTimeAvgMapJob = new WeakSet();
+isMatchingTimeAvgMapJob_fn = function(job, harmonyRequest) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const parsed = HarmonyRequest.fromUrl(job.request);
+  const req = harmonyRequest.options;
+  const hist = parsed.options;
+  if (hist.collectionConceptId !== req.collectionConceptId)
+    return false;
+  if (hist.format !== "image/tiff")
+    return false;
+  if (hist.average !== "time")
+    return false;
+  const reqVars = /* @__PURE__ */ new Set([
+    ...(_a = req.variables) != null ? _a : [],
+    ...(_b = req.variableConceptIds) != null ? _b : []
+  ]);
+  const histVars = /* @__PURE__ */ new Set([
+    ...(_c = hist.variables) != null ? _c : [],
+    ...(_d = hist.variableConceptIds) != null ? _d : []
+  ]);
+  if (reqVars.size !== histVars.size)
+    return false;
+  for (const v of reqVars) {
+    if (!histVars.has(v))
+      return false;
+  }
+  const reqStart = (_e = req.startDate) == null ? void 0 : _e.slice(0, 10);
+  const reqEnd = (_f = req.endDate) == null ? void 0 : _f.slice(0, 10);
+  const histStart = (_g = hist.startDate) == null ? void 0 : _g.slice(0, 10);
+  const histEnd = (_h = hist.endDate) == null ? void 0 : _h.slice(0, 10);
+  if (reqStart !== histStart || reqEnd !== histEnd)
+    return false;
+  if (req.location instanceof LatLngBounds && hist.location instanceof LatLngBounds) {
+    const epsilon = 1e-3;
+    if (Math.abs(req.location.getSouth() - hist.location.getSouth()) > epsilon)
+      return false;
+    if (Math.abs(req.location.getNorth() - hist.location.getNorth()) > epsilon)
+      return false;
+    if (Math.abs(req.location.getWest() - hist.location.getWest()) > epsilon)
+      return false;
+    if (Math.abs(req.location.getEast() - hist.location.getEast()) > epsilon)
+      return false;
+  } else {
+    return false;
+  }
+  return true;
+};
+_sleep = new WeakSet();
+sleep_fn = function(ms, signal) {
+  return new Promise((resolve, reject) => {
+    if (signal.aborted) {
+      reject(new Error("Aborted"));
+      return;
+    }
+    const timer = setTimeout(resolve, ms);
+    signal.addEventListener("abort", () => {
+      clearTimeout(timer);
+      reject(new Error("Aborted"));
+    });
+  });
+};
+
+export {
+  TimeAvgMapController
+};

package/cdn/chunks/chunk.MZX3RGLE.js

@@ -0,0 +1,189 @@
+import {
+  scroll_hint_styles_default
+} from "./chunk.LPKSQA35.js";
+import {
+  TerraIcon
+} from "./chunk.S3QWAZET.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  n,
+  r
+} from "./chunk.7ZVYIV7K.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/scroll-hint/scroll-hint.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraScrollHint = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.inline = false;
+    this.dark = false;
+    this.inactivityDelay = 3e3;
+    this.visible = false;
+    this.handleScroll = () => {
+      if (this.inline) {
+        return;
+      }
+      const isAtBottom = this.isAtBottomOfPage();
+      if (isAtBottom) {
+        if (this.visible) {
+          this.hide();
+        }
+        this.clearTimers();
+      } else {
+        if (this.visible) {
+          this.hide();
+          this.startInactivityTimer();
+        }
+      }
+    };
+    this.handleDocumentClick = (e) => {
+      if (this.contains(e.target)) {
+        return;
+      }
+      if (!this.inline && this.visible) {
+        this.hide();
+        this.startInactivityTimer();
+      }
+    };
+    this.handleClick = () => {
+      this.emit("terra-scroll");
+      if (!this.inline) {
+        this.hide();
+        setTimeout(() => {
+          this.startInactivityTimer();
+        }, 100);
+      }
+      this.scrollDown();
+    };
+  }
+  handleInlineChange() {
+    if (this.inline) {
+      this.visible = true;
+      this.clearTimers();
+    } else {
+      this.visible = false;
+      this.clearTimers();
+      this.startInactivityTimer();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setupEventListeners();
+    if (this.inline) {
+      this.visible = true;
+    } else {
+      this.startInactivityTimer();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.cleanupEventListeners();
+    this.clearTimers();
+  }
+  setupEventListeners() {
+    window.addEventListener("scroll", this.handleScroll, { passive: true });
+    document.addEventListener("click", this.handleDocumentClick);
+  }
+  cleanupEventListeners() {
+    window.removeEventListener("scroll", this.handleScroll);
+    document.removeEventListener("click", this.handleDocumentClick);
+  }
+  isAtBottomOfPage() {
+    const windowHeight = window.innerHeight;
+    const documentHeight = document.documentElement.scrollHeight;
+    const scrollTop = window.scrollY || document.documentElement.scrollTop;
+    const threshold = 100;
+    return scrollTop + windowHeight >= documentHeight - threshold;
+  }
+  scrollDown() {
+    const viewportHeight = window.innerHeight;
+    window.scrollBy({
+      top: viewportHeight,
+      behavior: "smooth"
+    });
+  }
+  hide() {
+    this.visible = false;
+    this.clearTimers();
+  }
+  startInactivityTimer() {
+    if (this.inline) {
+      return;
+    }
+    if (this.isAtBottomOfPage()) {
+      return;
+    }
+    this.inactivityTimeout = window.setTimeout(() => {
+      if (!this.isAtBottomOfPage()) {
+        this.visible = true;
+      }
+    }, this.inactivityDelay);
+  }
+  clearTimers() {
+    clearTimeout(this.scrollTimeout);
+    clearTimeout(this.clickTimeout);
+    clearTimeout(this.inactivityTimeout);
+  }
+  render() {
+    if (!this.visible) {
+      return b``;
+    }
+    return b`
+            <button
+                part="button"
+                class="scroll-hint"
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `;
+  }
+};
+TerraScrollHint.styles = [component_styles_default, scroll_hint_styles_default];
+TerraScrollHint.dependencies = {
+  "terra-icon": TerraIcon
+};
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraScrollHint.prototype, "inline", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraScrollHint.prototype, "dark", 2);
+__decorateClass([
+  n({ type: Number })
+], TerraScrollHint.prototype, "inactivityDelay", 2);
+__decorateClass([
+  r()
+], TerraScrollHint.prototype, "visible", 2);
+__decorateClass([
+  watch("inline")
+], TerraScrollHint.prototype, "handleInlineChange", 1);
+
+export {
+  TerraScrollHint
+};