uilint-react 0.1.19 → 0.1.21

package/dist/index.d.ts

@@ -1,29 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
-import { Violation, GroupedSnapshot, DOMSnapshot, ExtractedStyles, AnalysisResult } from 'uilint-core';
+import { GroupedSnapshot, Violation, DOMSnapshot, ExtractedStyles, AnalysisResult } from 'uilint-core';
 export { AnalysisResult, ConsistencyResult, DOMSnapshot, ElementRole, ElementSnapshot, ExtractedStyles, GroupedSnapshot, SerializedStyles, StyleGuide, StyleSnapshot, UILintIssue, Violation, ViolationCategory, ViolationSeverity, createEmptyStyleGuide, createStyleSummary, extractStylesFromDOM, generateStyleGuideFromStyles as generateStyleGuide, mergeStyleGuides, parseStyleGuide, serializeStyles } from 'uilint-core';
 
-interface UILintProps {
-    children: React$1.ReactNode;
-    enabled?: boolean;
-    position?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
-    autoScan?: boolean;
-    apiEndpoint?: string;
-}
-interface UILintContextValue$1 {
-    violations: Violation[];
-    isScanning: boolean;
-    elementCount: number;
-    scan: () => Promise<void>;
-    clearViolations: () => void;
-    selectedViolation: Violation | null;
-    setSelectedViolation: (violation: Violation | null) => void;
-    lockedViolation: Violation | null;
-    setLockedViolation: (violation: Violation | null) => void;
-}
-declare function useUILint(): UILintContextValue$1;
-declare function UILint({ children, enabled, position, autoScan, apiEndpoint, }: UILintProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Types for UILint Source Visualization
  */
@@ -67,15 +46,8 @@ interface SourceFile {
  * User-configurable settings for the overlay
  */
 interface UILintSettings {
-    showLabels: boolean;
     hideNodeModules: boolean;
-    overlayOpacity: number;
-    labelPosition: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }
-/**
- * Operating modes for the UILint overlay
- */
-type UILintMode = "off" | "sources" | "inspect";
 /**
  * Element detected under the cursor during Alt-key locator mode
  */
@@ -87,22 +59,21 @@ interface LocatorTarget {
     /** Index in the component stack (0 = current element, higher = parent) */
     stackIndex: number;
 }
+/**
+ * Element being inspected in the sidebar
+ */
+interface InspectedElement {
+    element: Element;
+    source: SourceLocation | null;
+    componentStack: ComponentInfo[];
+    rect: DOMRect;
+}
 /**
  * Context value provided by UILintProvider
  */
 interface UILintContextValue {
-    mode: UILintMode;
-    setMode: (mode: UILintMode) => void;
-    scannedElements: ScannedElement[];
-    sourceFiles: SourceFile[];
-    selectedElement: ScannedElement | null;
-    setSelectedElement: (element: ScannedElement | null) => void;
-    hoveredElement: ScannedElement | null;
-    setHoveredElement: (element: ScannedElement | null) => void;
     settings: UILintSettings;
     updateSettings: (settings: Partial<UILintSettings>) => void;
-    rescan: () => void;
-    isScanning: boolean;
     /** True when Alt/Option key is held down */
     altKeyHeld: boolean;
     /** Current element under cursor when Alt is held */
@@ -111,6 +82,10 @@ interface UILintContextValue {
     locatorGoUp: () => void;
     /** Navigate to child component in locator mode */
     locatorGoDown: () => void;
+    /** Element currently being inspected in sidebar */
+    inspectedElement: InspectedElement | null;
+    /** Set the element to inspect (opens sidebar) */
+    setInspectedElement: (element: InspectedElement | null) => void;
 }
 /**
  * Props for the UILintProvider component
@@ -118,7 +93,6 @@ interface UILintContextValue {
 interface UILintProviderProps {
     children: React.ReactNode;
     enabled?: boolean;
-    defaultMode?: UILintMode;
 }
 /**
  * Response from the source API
@@ -155,34 +129,36 @@ declare function useUILintContext(): UILintContextValue;
 /**
  * UILint Provider Component
  */
-declare function UILintProvider({ children, enabled, defaultMode, }: UILintProviderProps): react_jsx_runtime.JSX.Element;
+declare function UILintProvider({ children, enabled, }: UILintProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
- * UILint Toolbar - Floating pill-shaped toolbar with mode toggles and settings
+ * UILint Toolbar - Simple floating button with settings popover
  */
 
 /**
- * Main Toolbar Component
+ * Main Toolbar Component - Simple floating button with settings popover
  */
 declare function UILintToolbar(): React$1.ReactPortal | null;
 
 /**
- * Source Overlays - Colored rectangles over components with file labels
+ * Inspection Panel - Slide-out sidebar showing element details, source preview,
+ * and LLM analysis with clipboard-ready fix prompts
  */
 
 /**
- * Main Source Overlays Component
+ * Main Inspection Panel Component
  */
-declare function SourceOverlays(): React$1.ReactPortal | null;
+declare function InspectionPanel(): React$1.ReactPortal | null;
 
 /**
- * Inspection Panel - Slide-out panel showing element details and source preview
+ * Locator Overlay - Shows element info when Alt/Option key is held
+ * Inspired by LocatorJS for a quick "hover to find source" experience
  */
 
 /**
- * Main Inspection Panel Component
+ * Main Locator Overlay Component
  */
-declare function InspectionPanel(): React$1.ReactPortal | null;
+declare function LocatorOverlay(): React$1.ReactPortal | null;
 
 /**
  * React Fiber inspection utilities for source file visualization
@@ -287,21 +263,6 @@ declare function getCachedSource(filePath: string): SourceApiResponse | null;
  */
 declare function prefetchSources(filePaths: string[]): Promise<void>;
 
-interface UseElementScanOptions {
-    enabled: boolean;
-    settings: UILintSettings;
-}
-interface UseElementScanResult {
-    elements: ScannedElement[];
-    sourceFiles: SourceFile[];
-    isScanning: boolean;
-    rescan: () => void;
-}
-/**
- * Hook for managing element scanning
- */
-declare function useElementScan({ enabled, settings, }: UseElementScanOptions): UseElementScanResult;
-
 /**
  * DOM snapshotting for consistency analysis
  */
@@ -382,4 +343,4 @@ declare class LLMClient {
     generateStyleGuide(styles: ExtractedStyles): Promise<string | null>;
 }
 
-export { type CachedSource, type ComponentInfo, ConsistencyHighlighter, DATA_UILINT_ID, DEFAULT_SETTINGS, FILE_COLORS, InspectionPanel, LLMClient, type ScannedElement, type SourceApiResponse, type SourceFile, type SourceLocation, SourceOverlays, UILint, type UILintContextValue, type UILintMode, type UILintProps, UILintProvider, type UILintProviderProps, type UILintSettings, UILintToolbar, buildEditorUrl, cleanupDataAttributes, cleanupDataElements, clearSourceCache, createSnapshot, fetchSource, fetchSourceWithContext, getCachedSource, getComponentStack, getDebugOwner, getDebugSource, getDisplayName, getElementById, getElementBySnapshotId, getFiberFromElement, groupBySourceFile, isBrowser, isJSDOM, isNode, isNodeModulesPath, prefetchSources, scanDOM, scanDOMForSources, updateElementRects, useElementScan, useUILint, useUILintContext };
+export { type CachedSource, type ComponentInfo, ConsistencyHighlighter, DATA_UILINT_ID, DEFAULT_SETTINGS, FILE_COLORS, type InspectedElement, InspectionPanel, LLMClient, LocatorOverlay, type LocatorTarget, type ScannedElement, type SourceApiResponse, type SourceFile, type SourceLocation, type UILintContextValue, UILintProvider, type UILintProviderProps, type UILintSettings, UILintToolbar, buildEditorUrl, cleanupDataAttributes, cleanupDataElements, clearSourceCache, createSnapshot, fetchSource, fetchSourceWithContext, getCachedSource, getComponentStack, getDebugOwner, getDebugSource, getDisplayName, getElementById, getElementBySnapshotId, getFiberFromElement, groupBySourceFile, isBrowser, isJSDOM, isNode, isNodeModulesPath, prefetchSources, scanDOM, scanDOMForSources, updateElementRects, useUILintContext };