easter-egg-quest 1.0.10 → 1.0.12

package/dist/easter-egg-quest.es.js

@@ -524,6 +524,10 @@ class HiddenEntry {
     this.fallbackButton = null;
     this._injectedElement = null;
     this._destroyed = false;
+    this._hintVisibleElapsed = 0;
+    this._hintVisibleStart = 0;
+    this._hintCheckInterval = null;
+    this._hintVisibilityHandler = null;
     this.config = config;
     this.script = script;
     this.onFound = onFound;
@@ -547,6 +551,7 @@ class HiddenEntry {
   cleanup() {
     var _a2, _b2, _c, _d;
     this._destroyed = true;
+    this._stopHintTimer();
     for (const t of this.hintTimers) clearTimeout(t);
     this.hintTimers = [];
     if (this.clickHandler && this.targetElement) {
@@ -728,22 +733,70 @@ class HiddenEntry {
     this._injectShimmerStyles();
     this._createHintContainer();
     const hints = this.script.hiddenEntryHints;
-    const FIRST_HINT_DELAY = 3e5;
+    const FIRST_HINT_DELAY = 12e4;
     const HINT_INTERVAL = 6e4;
+    const SHIMMER_DELAY = 24e4;
+    const thresholds = [];
     for (let i = 0; i < hints.length; i++) {
-      const delay = FIRST_HINT_DELAY + i * HINT_INTERVAL;
-      const timer = setTimeout(() => {
-        if (this._destroyed) return;
-        this._showHint(hints[i]);
-      }, delay);
-      this.hintTimers.push(timer);
+      thresholds.push({
+        at: FIRST_HINT_DELAY + i * HINT_INTERVAL,
+        fired: false,
+        action: () => this._showHint(hints[i])
+      });
+    }
+    thresholds.push({
+      at: SHIMMER_DELAY,
+      fired: false,
+      action: () => {
+        if (this.targetElement) {
+          this.targetElement.classList.add("eeq-entry-target");
+        }
+      }
+    });
+    const getVisibleElapsed = () => this._hintVisibleElapsed + (this._hintVisibleStart ? Date.now() - this._hintVisibleStart : 0);
+    const checkThresholds = () => {
+      if (this._destroyed) return;
+      const elapsed = getVisibleElapsed();
+      for (const t of thresholds) {
+        if (!t.fired && elapsed >= t.at) {
+          t.fired = true;
+          t.action();
+        }
+      }
+      if (thresholds.every((t) => t.fired)) this._stopHintTimer();
+    };
+    const startTimer = () => {
+      if (this._hintCheckInterval) return;
+      this._hintVisibleStart = Date.now();
+      this._hintCheckInterval = setInterval(checkThresholds, 1e3);
+    };
+    const pauseTimer = () => {
+      if (this._hintVisibleStart) {
+        this._hintVisibleElapsed += Date.now() - this._hintVisibleStart;
+        this._hintVisibleStart = 0;
+      }
+      if (this._hintCheckInterval) {
+        clearInterval(this._hintCheckInterval);
+        this._hintCheckInterval = null;
+      }
+    };
+    this._hintVisibilityHandler = () => {
+      if (this._destroyed) return;
+      if (document.visibilityState === "visible") startTimer();
+      else pauseTimer();
+    };
+    document.addEventListener("visibilitychange", this._hintVisibilityHandler);
+    if (document.visibilityState === "visible") startTimer();
+  }
+  _stopHintTimer() {
+    if (this._hintCheckInterval) {
+      clearInterval(this._hintCheckInterval);
+      this._hintCheckInterval = null;
+    }
+    if (this._hintVisibilityHandler) {
+      document.removeEventListener("visibilitychange", this._hintVisibilityHandler);
+      this._hintVisibilityHandler = null;
     }
-    const shimmerDelay = 42e4;
-    const shimmerTimer = setTimeout(() => {
-      if (this._destroyed || !this.targetElement) return;
-      this.targetElement.classList.add("eeq-entry-target");
-    }, shimmerDelay);
-    this.hintTimers.push(shimmerTimer);
   }
   _showHint(text) {
     if (!this.hintContainer) return;