easter-egg-quest 1.0.2 → 1.0.4

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

@@ -729,8 +729,8 @@ class HiddenEntry {
     this._injectShimmerStyles();
     this._createHintContainer();
     const hints = this.script.hiddenEntryHints;
-    const FIRST_HINT_DELAY = 5e3;
-    const HINT_INTERVAL = 3e3;
+    const FIRST_HINT_DELAY = 3e5;
+    const HINT_INTERVAL = 6e4;
     for (let i = 0; i < hints.length; i++) {
       const delay = FIRST_HINT_DELAY + i * HINT_INTERVAL;
       const timer = setTimeout(() => {
@@ -739,7 +739,7 @@ class HiddenEntry {
       }, delay);
       this.hintTimers.push(timer);
     }
-    const shimmerDelay = 12e3;
+    const shimmerDelay = 42e4;
     const shimmerTimer = setTimeout(() => {
       if (this._destroyed || !this.targetElement) return;
       this.targetElement.classList.add("eeq-entry-target");
@@ -950,10 +950,46 @@ class NarrativeRenderer {
     this.currentLine = line;
     this.clearTimer = setTimeout(() => {
       this.clear();
-    }, 5e3);
+    }, 12e3);
+  }
+  /**
+   * Show a narrative line with a confirmation button.
+   * Resolves when user clicks OK (no auto-advance).
+   */
+  showLineWithConfirm(text) {
+    return new Promise((resolve) => {
+      if (!this.container) {
+        resolve();
+        return;
+      }
+      if (this.currentLine) {
+        const prev = this.currentLine;
+        prev.classList.add("eeq-narrative-exit");
+        setTimeout(() => prev.remove(), 750);
+      }
+      if (this.clearTimer) {
+        clearTimeout(this.clearTimer);
+        this.clearTimer = null;
+      }
+      const line = document.createElement("div");
+      line.className = "eeq-line";
+      line.textContent = text;
+      this.container.appendChild(line);
+      const btn = document.createElement("button");
+      btn.className = "eeq-confirm-btn";
+      btn.textContent = "OK";
+      btn.addEventListener("click", () => resolve(), { once: true });
+      line.appendChild(btn);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          line.classList.add("eeq-line-visible");
+        });
+      });
+      this.currentLine = line;
+    });
   }
   /** Show a sequence of lines with pauses. */
-  async showSequence(lines, pauseMs = 1500) {
+  async showSequence(lines, pauseMs = 4500) {
     for (const line of lines) {
       this.showLine(line);
       await new Promise((r) => setTimeout(r, pauseMs));
@@ -1076,6 +1112,27 @@ class NarrativeRenderer {
       .eeq-celebration.eeq-narrative-exit {
         transform: translate(-50%, -50%) scale(1.1) !important;
       }
+
+      .eeq-confirm-btn {
+        display: block;
+        margin: 14px auto 0;
+        padding: 5px 32px;
+        border: 1px solid rgba(255,255,255,0.18);
+        border-radius: 20px;
+        background: rgba(255,255,255,0.08);
+        color: inherit;
+        font-family: inherit;
+        font-size: 0.8em;
+        letter-spacing: 0.08em;
+        cursor: pointer;
+        pointer-events: auto;
+        transition: background 0.3s, border-color 0.3s;
+      }
+
+      .eeq-confirm-btn:hover {
+        background: rgba(255,255,255,0.18);
+        border-color: rgba(255,255,255,0.35);
+      }
     `;
   }
 }
@@ -3979,8 +4036,12 @@ class StillnessStage {
     this._introPlayed = false;
     const introLines = this.script.stage1Intro;
     for (let i = 0; i < introLines.length; i++) {
-      this.bus.emit("narrative:show", introLines[i]);
-      await this._wait(1500);
+      if (i === introLines.length - 1) {
+        await this._showAndConfirm(introLines[i]);
+      } else {
+        this.bus.emit("narrative:show", introLines[i]);
+        await this._wait(5e3);
+      }
     }
     this.bus.emit("narrative:clear");
     await this._wait(1e3);
@@ -4020,7 +4081,7 @@ class StillnessStage {
   _handleBreak() {
     this._breaks++;
     const now = Date.now();
-    if (now - this._lastBreakNarrativeTime > 5e3) {
+    if (now - this._lastBreakNarrativeTime > 6e4) {
       this._lastBreakNarrativeTime = now;
       const reactions = this.script.stage1Reactions;
       const line = reactions[this._narrativeIndex % reactions.length];
@@ -4031,6 +4092,16 @@ class StillnessStage {
   _wait(ms) {
     return new Promise((r) => setTimeout(r, ms));
   }
+  _showAndConfirm(text) {
+    this.bus.emit("narrative:showConfirm", text);
+    return new Promise((resolve) => {
+      const handler = () => {
+        this.bus.off("narrative:confirmed", handler);
+        resolve();
+      };
+      this.bus.on("narrative:confirmed", handler);
+    });
+  }
 }
 class MotionStage {
   constructor(config, script, input, bus) {
@@ -4059,8 +4130,12 @@ class MotionStage {
     this._introPlayed = false;
     const introLines = this.script.stage2Intro;
     for (let i = 0; i < introLines.length; i++) {
-      this.bus.emit("narrative:show", introLines[i]);
-      await this._wait(1500);
+      if (i === introLines.length - 1) {
+        await this._showAndConfirm(introLines[i]);
+      } else {
+        this.bus.emit("narrative:show", introLines[i]);
+        await this._wait(5e3);
+      }
     }
     this.bus.emit("narrative:clear");
     await this._wait(1e3);
@@ -4115,7 +4190,7 @@ class MotionStage {
   // ─── Internal ──────────────────────────────────────────────────────────
   _handleFade() {
     const now = Date.now();
-    if (now - this._lastFadeNarrativeTime > 5e3) {
+    if (now - this._lastFadeNarrativeTime > 6e4) {
       this._lastFadeNarrativeTime = now;
       const reactions = this.script.stage2Reactions;
       const line = reactions[this._narrativeIndex % reactions.length];
@@ -4126,6 +4201,16 @@ class MotionStage {
   _wait(ms) {
     return new Promise((r) => setTimeout(r, ms));
   }
+  _showAndConfirm(text) {
+    this.bus.emit("narrative:showConfirm", text);
+    return new Promise((resolve) => {
+      const handler = () => {
+        this.bus.off("narrative:confirmed", handler);
+        resolve();
+      };
+      this.bus.on("narrative:confirmed", handler);
+    });
+  }
 }
 class RhythmStage {
   constructor(config, script, input, bus) {
@@ -4158,8 +4243,12 @@ class RhythmStage {
     this._introPlayed = false;
     const introLines = this.script.stage3Intro;
     for (let i = 0; i < introLines.length; i++) {
-      this.bus.emit("narrative:show", introLines[i]);
-      await this._wait(1500);
+      if (i === introLines.length - 1) {
+        await this._showAndConfirm(introLines[i]);
+      } else {
+        this.bus.emit("narrative:show", introLines[i]);
+        await this._wait(5e3);
+      }
     }
     this.bus.emit("narrative:clear");
     await this._wait(1e3);
@@ -4219,7 +4308,7 @@ class RhythmStage {
   }
   _showReaction() {
     const now = Date.now();
-    if (now - this._lastNarrativeTime > 5e3) {
+    if (now - this._lastNarrativeTime > 6e4) {
       this._lastNarrativeTime = now;
       const reactions = this.script.stage3Reactions;
       const line = reactions[this._narrativeIndex % reactions.length];
@@ -4230,6 +4319,16 @@ class RhythmStage {
   _wait(ms) {
     return new Promise((r) => setTimeout(r, ms));
   }
+  _showAndConfirm(text) {
+    this.bus.emit("narrative:showConfirm", text);
+    return new Promise((resolve) => {
+      const handler = () => {
+        this.bus.off("narrative:confirmed", handler);
+        resolve();
+      };
+      this.bus.on("narrative:confirmed", handler);
+    });
+  }
 }
 class PageReactor {
   constructor() {
@@ -4467,6 +4566,11 @@ class GameController {
       var _a3;
       return (_a3 = this.narrative) == null ? void 0 : _a3.showLine(text);
     });
+    this.bus.on("narrative:showConfirm", async (text) => {
+      var _a3;
+      await ((_a3 = this.narrative) == null ? void 0 : _a3.showLineWithConfirm(text));
+      this.bus.emit("narrative:confirmed");
+    });
     this.bus.on("narrative:clear", () => {
       var _a3;
       return (_a3 = this.narrative) == null ? void 0 : _a3.clear();
@@ -4683,7 +4787,7 @@ class GameController {
     this.hiddenEntry = null;
     this._startAnticipationTremor();
     (_b2 = this.shrine) == null ? void 0 : _b2.show();
-    await ((_c = this.narrative) == null ? void 0 : _c.showSequence(this.script.entryConfirmation, 1500));
+    await ((_c = this.narrative) == null ? void 0 : _c.showSequence(this.script.entryConfirmation, 4200));
     (_d = this.narrative) == null ? void 0 : _d.clear();
     this._stopAnticipationTremor();
     await this._wait(800);
@@ -4799,7 +4903,7 @@ class GameController {
       (_b2 = (_a2 = this.config.callbacks).onStageComplete) == null ? void 0 : _b2.call(_a2, this.fsm.state, result);
     }
     const successLines = eggIndex === 0 ? this.script.stage1Success : eggIndex === 1 ? this.script.stage2Success : this.script.stage3Success;
-    await ((_c = this.narrative) == null ? void 0 : _c.showSequence(successLines, 1500));
+    await ((_c = this.narrative) == null ? void 0 : _c.showSequence(successLines, 4500));
     (_d = this.narrative) == null ? void 0 : _d.clear();
     await this._wait(800);
     if (this.threeRenderer) {
@@ -4880,7 +4984,7 @@ class GameController {
     (_c = this.shrine) == null ? void 0 : _c.hideAll();
     await this._wait(1e3);
     (_d = this.eggRenderer) == null ? void 0 : _d.startFinale();
-    await ((_e = this.narrative) == null ? void 0 : _e.showSequence(this.script.finale, 1500));
+    await ((_e = this.narrative) == null ? void 0 : _e.showSequence(this.script.finale, 5e3));
     (_f = this.narrative) == null ? void 0 : _f.clear();
     await this._wait(4e3);
     this.fsm.transitionTo("results");