easter-egg-quest 1.0.11 → 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) {
@@ -730,43 +735,67 @@ class HiddenEntry {
     const hints = this.script.hiddenEntryHints;
     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._showHintWhenVisible(hints[i]);
-      }, delay);
-      this.hintTimers.push(timer);
+      thresholds.push({
+        at: FIRST_HINT_DELAY + i * HINT_INTERVAL,
+        fired: false,
+        action: () => this._showHint(hints[i])
+      });
     }
-    const shimmerDelay = 24e4;
-    const shimmerTimer = setTimeout(() => {
-      if (this._destroyed || !this.targetElement) return;
-      this.targetElement.classList.add("eeq-entry-target");
-    }, shimmerDelay);
-    this.hintTimers.push(shimmerTimer);
-  }
-  /** Show hint only when the page is visible. If hidden, wait for visibility change. */
-  _showHintWhenVisible(text) {
-    if (this._destroyed) return;
-    if (document.visibilityState === "visible" && document.hasFocus()) {
-      this._showHint(text);
-    } else {
-      const handler = () => {
-        if (this._destroyed) {
-          document.removeEventListener("visibilitychange", handler);
-          window.removeEventListener("focus", handler);
-          return;
+    thresholds.push({
+      at: SHIMMER_DELAY,
+      fired: false,
+      action: () => {
+        if (this.targetElement) {
+          this.targetElement.classList.add("eeq-entry-target");
         }
-        if (document.visibilityState === "visible" && document.hasFocus()) {
-          document.removeEventListener("visibilitychange", handler);
-          window.removeEventListener("focus", handler);
-          setTimeout(() => {
-            if (!this._destroyed) this._showHint(text);
-          }, 800);
+      }
+    });
+    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();
         }
-      };
-      document.addEventListener("visibilitychange", handler);
-      window.addEventListener("focus", handler);
+      }
+      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;
     }
   }
   _showHint(text) {