uilint-react 0.1.38 → 0.1.40

package/dist/{ElementBadges-J2ELN2PU.js → ElementBadges-2I25HN6W.js}

@@ -1,8 +1,9 @@
 "use client";
 "use client";
 import {
-  useUILintContext
-} from "./chunk-PU6XPNPN.js";
+  useUILintContext,
+  useUILintStore
+} from "./chunk-LAL3JTAA.js";
 
 // src/components/ui-lint/ElementBadges.tsx
 import React, { useState, useEffect, useCallback, useMemo } from "react";
@@ -153,8 +154,7 @@ function getScaleFromDistance(distance) {
 }
 function getBadgeColor(issueCount) {
   if (issueCount === 0) return STYLES.success;
-  if (issueCount <= 2) return STYLES.warning;
-  return STYLES.error;
+  return STYLES.warning;
 }
 function formatElementLabel(element) {
   const tag = element.tagName.toLowerCase();
@@ -203,6 +203,10 @@ function ElementBadges() {
   const [cursorPos, setCursorPos] = useState({ x: 0, y: 0 });
   const [badgePositions, setBadgePositions] = useState([]);
   const [isAltKeyPressed, setIsAltKeyPressed] = useState(false);
+  const hoveredFilePath = useUILintStore((s) => s.hoveredFilePath);
+  const selectedFilePath = useUILintStore(
+    (s) => s.selectedFilePath
+  );
   useEffect(() => {
     setMounted(true);
   }, []);
@@ -256,15 +260,34 @@ function ElementBadges() {
       }
       setBadgePositions(positions);
     };
-    updatePositions();
-    let rafId;
-    const loop = () => {
-      updatePositions();
-      rafId = requestAnimationFrame(loop);
+    let rafId = null;
+    const scheduleUpdate = () => {
+      if (rafId !== null) return;
+      rafId = requestAnimationFrame(() => {
+        rafId = null;
+        updatePositions();
+      });
+    };
+    scheduleUpdate();
+    const handleScroll = () => scheduleUpdate();
+    const handleResize = () => scheduleUpdate();
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible") {
+        scheduleUpdate();
+      }
+    };
+    window.addEventListener("scroll", handleScroll, true);
+    window.addEventListener("resize", handleResize);
+    document.addEventListener("visibilitychange", handleVisibility);
+    return () => {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
+      window.removeEventListener("scroll", handleScroll, true);
+      window.removeEventListener("resize", handleResize);
+      document.removeEventListener("visibilitychange", handleVisibility);
     };
-    rafId = requestAnimationFrame(loop);
-    return () => cancelAnimationFrame(rafId);
-  }, [autoScanState, elementIssuesCache]);
+  }, [autoScanState.status, autoScanState.elements, elementIssuesCache]);
   const handleSelect = useCallback(
     (element, issue) => {
       const inspected = {
@@ -282,15 +305,25 @@ function ElementBadges() {
     [badgePositions]
   );
   const visibleBadges = useMemo(() => {
-    return nudgedPositions.filter(
+    let filtered = nudgedPositions.filter(
       (pos) => shouldShowBadge(pos.issue, isAltKeyPressed)
     );
-  }, [nudgedPositions, isAltKeyPressed]);
+    const activeFilePath = selectedFilePath || hoveredFilePath;
+    if (activeFilePath) {
+      filtered = filtered.filter(
+        (pos) => pos.element.source.fileName === activeFilePath
+      );
+    }
+    return filtered;
+  }, [nudgedPositions, isAltKeyPressed, selectedFilePath, hoveredFilePath]);
   if (!mounted) return null;
   if (autoScanState.status === "idle") return null;
   const content = /* @__PURE__ */ jsxs("div", { "data-ui-lint": true, children: [
     /* @__PURE__ */ jsx(BadgeAnimationStyles, {}),
-    visibleBadges.map((nudgedPos) => {
+    visibleBadges.filter((pos, idx, arr) => {
+      const id = pos.element.id;
+      return arr.findIndex((p) => p.element.id === id) === idx;
+    }).map((nudgedPos) => {
       const distance = Math.hypot(
         nudgedPos.nudgedX - cursorPos.x,
         nudgedPos.nudgedY - cursorPos.y

package/dist/{InspectionPanel-7N56XBWA.js → InspectionPanel-4LOWGHW7.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   InspectionPanel
-} from "./chunk-GZOQ6QWC.js";
-import "./chunk-PU6XPNPN.js";
+} from "./chunk-2VRWAMW7.js";
+import "./chunk-LAL3JTAA.js";
 export {
   InspectionPanel
 };

package/dist/{LocatorOverlay-RDDLASGB.js → LocatorOverlay-ERRFPXKK.js}

@@ -3,8 +3,8 @@
 import {
   InspectedElementHighlight,
   LocatorOverlay
-} from "./chunk-V4273T5B.js";
-import "./chunk-PU6XPNPN.js";
+} from "./chunk-UD6HPLEZ.js";
+import "./chunk-LAL3JTAA.js";
 export {
   InspectedElementHighlight,
   LocatorOverlay

package/dist/{UILintToolbar-OQY2V7Q7.js → UILintToolbar-MJH7RUZK.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-WEBVLQL5.js";
-import "./chunk-PU6XPNPN.js";
+} from "./chunk-C6NUU5MF.js";
+import "./chunk-LAL3JTAA.js";
 export {
   UILintToolbar
 };