easter-egg-quest 1.0.24 → 1.0.25

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

@@ -662,12 +662,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,22 +679,28 @@ class HiddenEntry {
     const ordered = unused.length > 0 ? [...unused, ...rotated.filter((_, i) => usedSet.has(rotatedPrints[i]))] : rotated;
     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;
-        if (Math.abs(heightAfter - heightBefore) > 2) {
+        const widthAfter = host.getBoundingClientRect().width;
+        if (Math.abs(heightAfter - heightBefore) > 2 || Math.abs(widthAfter - widthBefore) > 24 || this._isTriggerClipped(host, span)) {
           host.removeChild(span);
           continue;
         }
@@ -814,9 +817,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();
@@ -982,8 +1029,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 +1043,50 @@ 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 rectBefore = host.getBoundingClientRect();
-    const afterNode = document.createTextNode(after);
-    textNode.textContent = before;
-    host.insertBefore(afterNode, textNode.nextSibling);
-    host.insertBefore(span, afterNode);
-    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 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);
+        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 true;
+    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;
   }
   // ─── Shared ───────────────────────────────────────────────────────────
   _attachToElement(el) {
@@ -1214,6 +1278,11 @@ class HiddenEntry {
       .eeq-entry-target {
         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);
+      }
       @keyframes eeq-shimmer {
         0%, 100% { opacity: 1; }
         50% { opacity: 0.55; }