uilint-react 0.1.19 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilint-react",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "React component for AI-powered UI consistency checking",
   "author": "Peter Suggate",
   "repository": {
@@ -34,7 +34,7 @@
     "node": ">=20.0.0"
   },
   "dependencies": {
-    "uilint-core": "^0.1.19"
+    "uilint-core": "^0.1.21"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/dist/LocatorOverlay-FQEYAMT6.js

@@ -1,9 +0,0 @@
-"use client";
-"use client";
-import {
-  LocatorOverlay
-} from "./chunk-KUFV22FO.js";
-import "./chunk-7WYVWDRU.js";
-export {
-  LocatorOverlay
-};

package/dist/SourceOverlays-2SEINA2B.js

@@ -1,9 +0,0 @@
-"use client";
-"use client";
-import {
-  SourceOverlays
-} from "./chunk-MEP7WO7U.js";
-import "./chunk-7WYVWDRU.js";
-export {
-  SourceOverlays
-};

package/dist/chunk-MEP7WO7U.js

@@ -1,210 +0,0 @@
-"use client";
-import {
-  buildEditorUrl,
-  useUILintContext
-} from "./chunk-7WYVWDRU.js";
-
-// src/components/ui-lint/SourceOverlays.tsx
-import { useState, useEffect, useMemo, useCallback } from "react";
-import { createPortal } from "react-dom";
-import { jsx, jsxs } from "react/jsx-runtime";
-var STYLES = {
-  font: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  fontMono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
-  shadow: "0 2px 8px rgba(0, 0, 0, 0.3)"
-};
-function getLabelPositionStyles(position) {
-  switch (position) {
-    case "top-left":
-      return { top: "-1px", left: "-1px" };
-    case "top-right":
-      return { top: "-1px", right: "-1px" };
-    case "bottom-left":
-      return { bottom: "-1px", left: "-1px" };
-    case "bottom-right":
-      return { bottom: "-1px", right: "-1px" };
-  }
-}
-function SourceOverlays() {
-  const {
-    sourceFiles,
-    scannedElements,
-    settings,
-    selectedElement,
-    setSelectedElement,
-    hoveredElement,
-    setHoveredElement,
-    mode
-  } = useUILintContext();
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const elementToFile = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const file of sourceFiles) {
-      for (const element of file.elements) {
-        map.set(element.id, file);
-      }
-    }
-    return map;
-  }, [sourceFiles]);
-  const handleElementClick = useCallback(
-    (element) => {
-      if (mode === "inspect") {
-        setSelectedElement(
-          selectedElement?.id === element.id ? null : element
-        );
-      }
-    },
-    [mode, selectedElement, setSelectedElement]
-  );
-  const handleLabelClick = useCallback(
-    (element, e) => {
-      e.stopPropagation();
-      if (element.source) {
-        const url = buildEditorUrl(element.source, "cursor");
-        window.open(url, "_blank");
-      }
-    },
-    []
-  );
-  if (!mounted) return null;
-  const content = /* @__PURE__ */ jsxs("div", { "data-ui-lint": true, style: { pointerEvents: "none" }, children: [
-    /* @__PURE__ */ jsx("style", { children: `
-        @keyframes uilint-overlay-fade-in {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-      ` }),
-    scannedElements.map((element) => {
-      const file = elementToFile.get(element.id);
-      if (!file) return null;
-      const isSelected = selectedElement?.id === element.id;
-      const isHovered = hoveredElement?.id === element.id;
-      return /* @__PURE__ */ jsx(
-        ElementOverlay,
-        {
-          element,
-          file,
-          settings,
-          isSelected,
-          isHovered,
-          onHover: () => setHoveredElement(element),
-          onLeave: () => setHoveredElement(null),
-          onClick: () => handleElementClick(element),
-          onLabelClick: (e) => handleLabelClick(element, e),
-          showClickable: mode === "inspect"
-        },
-        element.id
-      );
-    })
-  ] });
-  return createPortal(content, document.body);
-}
-function ElementOverlay({
-  element,
-  file,
-  settings,
-  isSelected,
-  isHovered,
-  onHover,
-  onLeave,
-  onClick,
-  onLabelClick,
-  showClickable
-}) {
-  const { rect } = element;
-  if (rect.width < 20 || rect.height < 20) return null;
-  if (rect.bottom < 0 || rect.top > window.innerHeight || rect.right < 0 || rect.left > window.innerWidth) {
-    return null;
-  }
-  const borderWidth = isSelected ? 3 : isHovered ? 2 : 1.5;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        top: rect.top,
-        left: rect.left,
-        width: rect.width,
-        height: rect.height,
-        border: `${borderWidth}px solid ${file.color}`,
-        borderRadius: "2px",
-        pointerEvents: showClickable ? "auto" : "none",
-        cursor: showClickable ? "pointer" : "default",
-        zIndex: isSelected ? 99998 : isHovered ? 99997 : 99996,
-        animation: "uilint-overlay-fade-in 0.15s ease-out",
-        transition: "border-width 0.15s"
-      },
-      onMouseEnter: onHover,
-      onMouseLeave: onLeave,
-      onClick,
-      children: settings.showLabels && /* @__PURE__ */ jsx(
-        FileLabel,
-        {
-          file,
-          element,
-          position: settings.labelPosition,
-          isHovered,
-          isSelected,
-          onClick: onLabelClick
-        }
-      )
-    }
-  );
-}
-function FileLabel({
-  file,
-  element,
-  position,
-  isHovered,
-  isSelected,
-  onClick
-}) {
-  const [showFullPath, setShowFullPath] = useState(false);
-  const positionStyles = getLabelPositionStyles(position);
-  const displayName = file.displayName.length > 20 ? file.displayName.slice(0, 17) + "..." : file.displayName;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        ...positionStyles,
-        display: "flex",
-        alignItems: "center",
-        gap: "4px",
-        padding: "2px 6px",
-        borderRadius: "3px",
-        backgroundColor: file.color,
-        color: "#FFFFFF",
-        fontSize: "10px",
-        fontWeight: 600,
-        fontFamily: STYLES.fontMono,
-        whiteSpace: "nowrap",
-        pointerEvents: "auto",
-        cursor: "pointer",
-        boxShadow: STYLES.shadow,
-        transition: "transform 0.1s, padding 0.1s",
-        transform: isHovered || isSelected ? "scale(1.05)" : "scale(1)",
-        zIndex: 99999
-      },
-      onMouseEnter: () => setShowFullPath(true),
-      onMouseLeave: () => setShowFullPath(false),
-      onClick,
-      title: `${file.path}:${element.source?.lineNumber || "?"}
-Click to open in editor`,
-      children: [
-        /* @__PURE__ */ jsx("span", { children: displayName }),
-        element.source?.lineNumber && /* @__PURE__ */ jsxs("span", { style: { opacity: 0.8, fontSize: "9px" }, children: [
-          ":",
-          element.source.lineNumber
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  SourceOverlays
-};