easter-egg-quest 1.0.25 → 1.0.27

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();
@@ -680,31 +683,8 @@ class HiddenEntry {
     for (const candidate of ordered) {
       const host = candidate;
       if (!this._canHostInjectedTrigger(host)) continue;
-      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.classList.add("eeq-inline-trigger");
-      span.style.cssText = `
-        font: inherit;
-        color: inherit;
-        letter-spacing: inherit;
-        cursor: pointer;
-        white-space: nowrap;
-        transition: filter 0.18s ease, opacity 0.18s ease, text-shadow 0.18s ease;
-      `;
-      const inserted = !isInline && this._tryInsertBetweenWords(host, span);
-      if (!inserted) {
-        const heightBefore = host.getBoundingClientRect().height;
-        const widthBefore = host.getBoundingClientRect().width;
-        host.appendChild(span);
-        const heightAfter = host.getBoundingClientRect().height;
-        const widthAfter = host.getBoundingClientRect().width;
-        if (Math.abs(heightAfter - heightBefore) > 2 || Math.abs(widthAfter - widthBefore) > 24 || this._isTriggerClipped(host, span)) {
-          host.removeChild(span);
-          continue;
-        }
-      }
+      const span = this._replaceTextCandidate(host);
+      if (!span) continue;
       const idx = sorted.indexOf(candidate);
       if (idx >= 0) {
         usedSet.add(prints[idx]);
@@ -1009,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();
@@ -1067,6 +1048,7 @@ class HiddenEntry {
         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);
@@ -1088,6 +1070,104 @@ class HiddenEntry {
     }
     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();
+    target.textNode.textContent = "";
+    target.parent.insertBefore(span, target.textNode.nextSibling);
+    const rectAfter = host.getBoundingClientRect();
+    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;
+    }
+    this._replacedTextNode = target.textNode;
+    this._replacedTextContent = target.text;
+    return span;
+  }
+  _findReplacementTextTarget(host) {
+    const triggerLength = "start hunt".length;
+    const minReplaceLength = 5;
+    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 (this._isIconLikeTarget(parent)) return NodeFilter.FILTER_REJECT;
+        if (!isElementVisible(parent)) return NodeFilter.FILTER_REJECT;
+        if (text.length < minReplaceLength) 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();
+  }
+  _isIconLikeTarget(parent) {
+    const tag = parent.tagName.toLowerCase();
+    const className = parent.className.toString().toLowerCase();
+    const role = (parent.getAttribute("role") ?? "").toLowerCase();
+    const ariaHidden = parent.getAttribute("aria-hidden");
+    if (tag === "mat-icon" || tag === "svg" || tag === "i") return true;
+    if (className.includes("icon") || className.includes("mat-icon")) return true;
+    if (role === "img" || ariaHidden === "true") return true;
+    if (parent.querySelector("svg, mat-icon")) return true;
+    return false;
+  }
+  _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) {
     this.clickHandler = (e) => {
@@ -1279,9 +1359,7 @@ class HiddenEntry {
         animation: eeq-shimmer 3s ease-in-out infinite !important;
       }
       .eeq-inline-trigger:hover {
-        filter: brightness(1.35);
-        opacity: 1;
-        text-shadow: 0 0 10px rgba(255, 248, 220, 0.35);
+        color: ${this.config.theme.accent};
       }
       @keyframes eeq-shimmer {
         0%, 100% { opacity: 1; }