easter-egg-quest 1.0.3 → 1.0.4

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

@@ -952,6 +952,42 @@ class NarrativeRenderer {
       this.clear();
     }, 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 = 4500) {
     for (const line of lines) {
@@ -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(4500);
+      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);
@@ -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(4500);
+      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);
@@ -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(4500);
+      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);
@@ -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();