easter-egg-quest 1.0.24 → 1.0.26

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

@@ -567,6 +567,8 @@ class HiddenEntry {
     this.clickHandler = null;
     this.fallbackButton = null;
     this._injectedElement = null;
+    this._replacedTextNode = null;
+    this._replacedTextContent = "";
     this._destroyed = false;
     this._hintVisibleElapsed = 0;
     this._hintVisibleStart = 0;
@@ -610,6 +612,7 @@ class HiddenEntry {
     }
     this._stopWatchdog();
     this._stopBootstrapWatch();
+    this._restoreReplacedText();
     (_a2 = this._injectedElement) == null ? void 0 : _a2.remove();
     this._injectedElement = null;
     (_b2 = this.hintContainer) == null ? void 0 : _b2.remove();
@@ -662,12 +665,9 @@ class HiddenEntry {
     const navEls = sorted.filter(
       (el) => el.closest("nav") !== null || el.closest("header") !== null
     );
-    const offset = bodyEls.length > 1 ? visitCount % bodyEls.length : 0;
-    const rotated = [
-      ...bodyEls.slice(offset),
-      ...bodyEls.slice(0, offset),
-      ...navEls
-    ];
+    const rotated = this._shuffleCandidates(bodyEls, visitCount).concat(
+      this._shuffleCandidates(navEls, visitCount + 17)
+    );
     const rotatedPrints = rotated.map(
       (el) => {
         var _a3;
@@ -682,26 +682,9 @@ class HiddenEntry {
     const ordered = unused.length > 0 ? [...unused, ...rotated.filter((_, i) => usedSet.has(rotatedPrints[i]))] : rotated;
     for (const candidate of ordered) {
       const host = candidate;
-      const isInline = host.tagName === "A" || host.tagName === "BUTTON" || host.tagName === "LI" || host.closest("nav") !== null;
-      const span = document.createElement("span");
-      span.textContent = isInline ? " · start hunt" : " start hunt";
-      span.setAttribute("data-eeq", "trigger");
-      span.style.cssText = `
-        font: inherit;
-        color: inherit;
-        letter-spacing: inherit;
-        cursor: pointer;
-      `;
-      const inserted = !isInline && this._tryInsertBetweenWords(host, span);
-      if (!inserted) {
-        const heightBefore = host.getBoundingClientRect().height;
-        host.appendChild(span);
-        const heightAfter = host.getBoundingClientRect().height;
-        if (Math.abs(heightAfter - heightBefore) > 2) {
-          host.removeChild(span);
-          continue;
-        }
-      }
+      if (!this._canHostInjectedTrigger(host)) continue;
+      const span = this._replaceTextCandidate(host);
+      if (!span) continue;
       const idx = sorted.indexOf(candidate);
       if (idx >= 0) {
         usedSet.add(prints[idx]);
@@ -814,9 +797,53 @@ class HiddenEntry {
       if (childElementCount > 12) return false;
       const rect = el.getBoundingClientRect();
       if (rect.width < 18 || rect.height < 12) return false;
+      if (!this._canHostInjectedTrigger(el)) return false;
       return true;
     });
   }
+  _shuffleCandidates(candidates, seed) {
+    if (candidates.length < 2) return [...candidates];
+    const arr = [...candidates];
+    let state = (seed || 1) ^ Date.now() & 65535;
+    const rand = () => {
+      state ^= state << 13;
+      state ^= state >>> 17;
+      state ^= state << 5;
+      return (state >>> 0) % 1e4 / 1e4;
+    };
+    for (let i = arr.length - 1; i > 0; i--) {
+      const j = Math.floor(rand() * (i + 1));
+      [arr[i], arr[j]] = [arr[j], arr[i]];
+    }
+    return arr;
+  }
+  _canHostInjectedTrigger(host) {
+    const style = getComputedStyle(host);
+    const textOverflow = style.textOverflow;
+    const whiteSpace = style.whiteSpace;
+    const overflowX = style.overflowX;
+    const overflow = style.overflow;
+    if (textOverflow === "ellipsis") return false;
+    if (whiteSpace === "nowrap" && ["hidden", "clip"].includes(overflowX || overflow)) return false;
+    if (host.scrollWidth > host.clientWidth + 2 && host.clientWidth > 0) return false;
+    if (host.scrollHeight > host.clientHeight + 2 && host.clientHeight > 0 && whiteSpace === "nowrap") return false;
+    return true;
+  }
+  _isTriggerClipped(host, span) {
+    if (!document.body.contains(span)) return true;
+    const hostRect = host.getBoundingClientRect();
+    const spanRect = span.getBoundingClientRect();
+    const style = getComputedStyle(host);
+    const clipsHorizontally = ["hidden", "clip"].includes(style.overflowX || style.overflow);
+    const clipsVertically = ["hidden", "clip"].includes(style.overflowY || style.overflow);
+    if (host.scrollWidth > host.clientWidth + 2 && host.clientWidth > 0) return true;
+    if (style.textOverflow === "ellipsis") return true;
+    if (clipsHorizontally && spanRect.right > hostRect.right - 1) return true;
+    if (clipsHorizontally && spanRect.left < hostRect.left + 1) return true;
+    if (clipsVertically && spanRect.bottom > hostRect.bottom - 1) return true;
+    if (clipsVertically && spanRect.top < hostRect.top + 1) return true;
+    return false;
+  }
   _startBootstrapWatch() {
     this._stopBootstrapWatch();
     const root = this._getSearchRoot();
@@ -962,6 +989,7 @@ class HiddenEntry {
     if (this._injectedElement && document.body.contains(this._injectedElement)) {
       this._injectedElement.remove();
     }
+    this._restoreReplacedText();
     this._injectedElement = null;
     this.targetElement = null;
     this._startBootstrapWatch();
@@ -982,8 +1010,8 @@ class HiddenEntry {
     const walker = document.createTreeWalker(host, NodeFilter.SHOW_TEXT, {
       acceptNode: (node) => {
         var _a2;
-        const text2 = ((_a2 = node.textContent) == null ? void 0 : _a2.trim()) ?? "";
-        if (text2.length <= 5) return NodeFilter.FILTER_REJECT;
+        const text = ((_a2 = node.textContent) == null ? void 0 : _a2.trim()) ?? "";
+        if (text.length <= 5) return NodeFilter.FILTER_REJECT;
         const parent = node.parentElement;
         if (!parent) return NodeFilter.FILTER_REJECT;
         if (parent.closest("[data-eeq], script, style, noscript")) return NodeFilter.FILTER_REJECT;
@@ -996,33 +1024,135 @@ class HiddenEntry {
       current = walker.nextNode();
     }
     if (!textNodes.length) return false;
-    const slotSeed = Math.floor(Date.now() / (1e3 * 60 * 2));
-    const textNode = textNodes[slotSeed % textNodes.length];
-    const text = textNode.textContent ?? "";
-    const spacePositions = [];
-    for (let i = 1; i < text.length - 1; i++) {
-      if (text[i] === " ") spacePositions.push(i);
-    }
-    if (spacePositions.length < 2) return false;
-    const start = Math.floor(spacePositions.length * 0.25);
-    const end = Math.floor(spacePositions.length * 0.75);
-    const idx = start + slotSeed % Math.max(1, end - start);
-    const splitAt = spacePositions[Math.min(idx, spacePositions.length - 1)];
-    const before = text.slice(0, splitAt);
-    const after = text.slice(splitAt);
+    const textNodesOrdered = this._shuffleCandidates(
+      textNodes.map((node) => node.parentElement).filter((el) => !!el),
+      Date.now()
+    );
+    const uniqueTextNodes = textNodesOrdered.map((parent) => textNodes.find((node) => node.parentElement === parent)).filter((node) => !!node);
+    for (const textNode of uniqueTextNodes) {
+      const text = textNode.textContent ?? "";
+      const parent = textNode.parentElement;
+      if (!parent) continue;
+      const spacePositions = [];
+      for (let i = 1; i < text.length - 1; i++) {
+        if (text[i] === " ") spacePositions.push(i);
+      }
+      if (spacePositions.length < 2) continue;
+      const start = Math.floor(spacePositions.length * 0.2);
+      const end = Math.ceil(spacePositions.length * 0.8);
+      const candidateBreaks = this._shuffleNumbers(
+        spacePositions.slice(start, Math.max(start + 1, end))
+      );
+      for (const splitAt of candidateBreaks) {
+        const before = text.slice(0, splitAt);
+        const after = text.slice(splitAt);
+        const rectBefore = host.getBoundingClientRect();
+        const afterNode = document.createTextNode(after);
+        this._applyTriggerTypography(span, parent);
+        textNode.textContent = before;
+        parent.insertBefore(span, textNode.nextSibling);
+        parent.insertBefore(afterNode, span.nextSibling);
+        const rectAfter = host.getBoundingClientRect();
+        const invalid = Math.abs(rectAfter.height - rectBefore.height) > 8 || Math.abs(rectAfter.width - rectBefore.width) > 24 || this._isTriggerClipped(host, span);
+        if (!invalid) return true;
+        span.remove();
+        afterNode.remove();
+        textNode.textContent = text;
+      }
+    }
+    return false;
+  }
+  _shuffleNumbers(values) {
+    const arr = [...values];
+    for (let i = arr.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [arr[i], arr[j]] = [arr[j], arr[i]];
+    }
+    return arr;
+  }
+  _replaceTextCandidate(host) {
+    const target = this._findReplacementTextTarget(host);
+    if (!target) return null;
+    const span = document.createElement("span");
+    span.textContent = "start hunt";
+    span.setAttribute("data-eeq", "trigger");
+    span.classList.add("eeq-inline-trigger");
+    this._applyTriggerTypography(span, target.parent);
     const rectBefore = host.getBoundingClientRect();
-    const afterNode = document.createTextNode(after);
-    textNode.textContent = before;
-    host.insertBefore(afterNode, textNode.nextSibling);
-    host.insertBefore(span, afterNode);
+    target.textNode.textContent = "";
+    target.parent.insertBefore(span, target.textNode.nextSibling);
     const rectAfter = host.getBoundingClientRect();
-    if (Math.abs(rectAfter.height - rectBefore.height) > 8 || Math.abs(rectAfter.width - rectBefore.width) > 24) {
-      host.removeChild(span);
-      host.removeChild(afterNode);
-      textNode.textContent = text;
-      return false;
+    const invalid = Math.abs(rectAfter.height - rectBefore.height) > 6 || Math.abs(rectAfter.width - rectBefore.width) > 20 || this._isTriggerClipped(host, span);
+    if (invalid) {
+      span.remove();
+      target.textNode.textContent = target.text;
+      return null;
     }
-    return true;
+    this._replacedTextNode = target.textNode;
+    this._replacedTextContent = target.text;
+    return span;
+  }
+  _findReplacementTextTarget(host) {
+    const triggerLength = "start hunt".length;
+    const textTargets = [];
+    const walker = document.createTreeWalker(host, NodeFilter.SHOW_TEXT, {
+      acceptNode: (node) => {
+        const parent = node.parentElement;
+        const text = this._normalizeComparableText(node.textContent ?? "");
+        if (!parent || text.length === 0) return NodeFilter.FILTER_REJECT;
+        if (parent.closest("[data-eeq], script, style, noscript")) return NodeFilter.FILTER_REJECT;
+        if (!isElementVisible(parent)) return NodeFilter.FILTER_REJECT;
+        if (Math.abs(text.length - triggerLength) > 10) return NodeFilter.FILTER_REJECT;
+        return NodeFilter.FILTER_ACCEPT;
+      }
+    });
+    let current = walker.nextNode();
+    while (current) {
+      const textNode = current;
+      const parent = textNode.parentElement;
+      const text = textNode.textContent ?? "";
+      if (parent) {
+        textTargets.push({ textNode, parent, text });
+      }
+      current = walker.nextNode();
+    }
+    if (!textTargets.length) return null;
+    const shuffled = this._shuffleTextTargets(textTargets);
+    return shuffled[0] ?? null;
+  }
+  _shuffleTextTargets(values) {
+    const arr = [...values];
+    for (let i = arr.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [arr[i], arr[j]] = [arr[j], arr[i]];
+    }
+    return arr;
+  }
+  _normalizeComparableText(text) {
+    return text.replace(/\s+/g, " ").trim();
+  }
+  _restoreReplacedText() {
+    if (this._replacedTextNode) {
+      this._replacedTextNode.textContent = this._replacedTextContent;
+    }
+    this._replacedTextNode = null;
+    this._replacedTextContent = "";
+  }
+  _applyTriggerTypography(span, source) {
+    const style = getComputedStyle(source);
+    span.style.cssText = `
+      font-family: ${style.fontFamily};
+      font-size: ${style.fontSize};
+      font-weight: ${style.fontWeight};
+      font-style: ${style.fontStyle};
+      line-height: ${style.lineHeight};
+      letter-spacing: ${style.letterSpacing};
+      text-transform: ${style.textTransform};
+      color: ${style.color};
+      cursor: pointer;
+      white-space: nowrap;
+      transition: color 0.18s ease;
+    `;
   }
   // ─── Shared ───────────────────────────────────────────────────────────
   _attachToElement(el) {
@@ -1214,6 +1344,9 @@ class HiddenEntry {
       .eeq-entry-target {
         animation: eeq-shimmer 3s ease-in-out infinite !important;
       }
+      .eeq-inline-trigger:hover {
+        color: ${this.config.theme.accent};
+      }
       @keyframes eeq-shimmer {
         0%, 100% { opacity: 1; }
         50% { opacity: 0.55; }