Moved anchor debug messages to useMutationAwareAnchor

FrigadeHQ · Jan 22, 2025 · 5d9deef · 5d9deef
1 parent 754a628
commit 5d9deef
Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/apps/smithy/src/stories/Tour/Tour.stories.tsx b/apps/smithy/src/stories/Tour/Tour.stories.tsx
@@ -49,7 +49,7 @@ export const Default = {
           );
 
           setForceRender(Math.random());
-        }, 333);
+        }, 1000);
       }, []);
 
       return (

diff --git a/packages/react/src/components/Hint/useFloatingHint.ts b/packages/react/src/components/Hint/useFloatingHint.ts
@@ -106,8 +106,6 @@ export function useFloatingHint({
   useEffect(() => {
     if (anchorElement != null) {
       refs.setReference(anchorElement)
-    } else {
-      console.debug(`[frigade] Hint: No anchor found for selector: ${anchor}`)
     }
   }, [anchor, anchorElement, refs])
 

diff --git a/packages/react/src/components/Hint/useMutationAwareAnchor.ts b/packages/react/src/components/Hint/useMutationAwareAnchor.ts
@@ -32,10 +32,13 @@ export function useMutationAwareAnchor(anchor: string) {
       const element = document.querySelector(anchor)
 
       if (element != null) {
+        console.debug(`[frigade] Found anchor: ${anchor}`)
         setAnchorElement(element)
+      } else {
+        console.debug(`[frigade] No anchor found for selector: ${anchor}`)
       }
     } catch (invalidSelector) {
-      /* no-op */
+      console.debug(`[frigade] Invalid selector for anchor: ${anchor}`)
     }
   }, [anchor])
 
@@ -54,6 +57,7 @@ export function useMutationAwareAnchor(anchor: string) {
           const maybeAnchor = checkElementForAnchor(node as Element, anchor)
 
           if (maybeAnchor != null) {
+            console.debug(`[frigade] Found anchor: ${anchor}`)
             setAnchorElement(maybeAnchor)
             break
           }
@@ -67,6 +71,7 @@ export function useMutationAwareAnchor(anchor: string) {
           const maybeAnchor = checkElementForAnchor(node as Element, anchor)
 
           if (maybeAnchor != null) {
+            console.debug(`[frigade] Removed anchor: ${anchor}`)
             setAnchorElement(null)
             break
           }