vite-plugin-ai-annotator 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/inspector/ai.d.ts

@@ -0,0 +1,20 @@
+/**
+ * AI Manager for tRPC client management and AI communication
+ */
+import type { ElementData, PageInfo, SendMessageResponse } from '../shared/types';
+export interface AIMessageHandler {
+    onData: (data: SendMessageResponse) => void;
+    onError: (error: any) => void;
+    onComplete: () => void;
+}
+export interface AIManager {
+    initialize(aiEndpoint: string): void;
+    sendMessage(userPrompt: string, selectedElements: ElementData[], pageInfo: PageInfo, cwd: string, handler: AIMessageHandler): Promise<void>;
+    newChat(): Promise<void>;
+    cancel(): void;
+    getSessionId(): string | null;
+    isInitialized(): boolean;
+    isProcessing(): boolean;
+    destroy(): void;
+}
+export declare function createAIManager(verbose?: boolean): AIManager;

package/dist/inspector/console.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Global console capture system for errors, warnings, and info messages
+ */
+declare global {
+    interface Console {
+        original?: {
+            error?: typeof console.error;
+            warn?: typeof console.warn;
+            info?: typeof console.info;
+            log?: typeof console.log;
+            assert?: typeof console.assert;
+        };
+    }
+}
+export declare function initializeConsoleErrorCapture(): void;
+export declare function captureConsoleErrors(): string[];
+export declare function captureConsoleWarnings(): string[];
+export declare function captureConsoleInfo(): string[];
+export declare function flushConsoleCaptures(): void;
+export declare function stopConsoleCapture(): void;

package/dist/inspector/detectors.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Framework component detection and file location extraction
+ */
+import { ElementSelector } from '../utils/xpath';
+export interface ComponentInfo {
+    componentLocation: string;
+    componentName?: string;
+    elementLocation?: {
+        file: string;
+        line: number;
+        column: number;
+        endLine?: number;
+        endColumn?: number;
+        source?: string;
+    };
+    framework?: 'vue' | 'react' | 'angular' | 'svelte' | 'vanilla';
+    sourceMap?: {
+        originalLine: number;
+        originalColumn: number;
+        originalSource: string;
+        originalName?: string;
+    };
+    sourceHierarchy?: string;
+    selectors?: {
+        primary: ElementSelector;
+        fallbacks: string[];
+        confidence: 'high' | 'medium' | 'low';
+    };
+}
+/**
+ * Find the nearest component in the DOM tree
+ */
+export declare function findNearestComponent(element: Element, verbose?: boolean): ComponentInfo | null;

package/dist/inspector/inspection.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Inspection Manager for mouse inspection mode handling
+ */
+export interface InspectionManager {
+    enterInspectionMode(): void;
+    exitInspectionMode(): void;
+    isInInspectionMode(): boolean;
+    destroy(): void;
+}
+export declare function createInspectionManager(onElementSelect?: (element: Element) => void, shouldIgnoreElement?: (element: Element) => boolean, isElementSelected?: (element: Element) => boolean): InspectionManager;

package/dist/inspector/logger.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Browser-side logging utility
+ */
+export interface Logger {
+    log(...args: any[]): void;
+    info(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+}
+export declare function createLogger(verbose: boolean): Logger;
+export declare function createSilentLogger(): Logger;

package/dist/inspector/selection.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Element Selection Manager for element selection, highlighting, and badge management
+ */
+import type { ElementData } from '../rpc/define';
+export interface SelectedElementInfo {
+    color: string;
+    originalOutline: string;
+    originalOutlineOffset: string;
+    index: number;
+}
+export interface ElementSelectionManager {
+    selectElement(element: Element, componentFinder?: (el: Element) => any): void;
+    deselectElement(element: Element): void;
+    clearAllSelections(): void;
+    hasElement(element: Element): boolean;
+    getSelectedElements(): Map<Element, SelectedElementInfo>;
+    getSelectedCount(): number;
+    findSelectedParent(element: Element): Element | null;
+    findSelectedChildren(element: Element): Element[];
+    buildHierarchicalStructure(componentFinder?: (el: Element) => any, imagePaths?: Map<Element, string>): ElementData[];
+    setOnEditClick(callback: (element: Element) => void): void;
+    updateBadgeCommentIndicator(element: Element, hasComment: boolean): void;
+}
+export declare function createElementSelectionManager(): ElementSelectionManager;

package/dist/inspector/style.d.ts

@@ -0,0 +1,13 @@
+/**
+ * CSS styles for the inspector toolbar
+ * Organized by component and animation types
+ */
+export declare const ANIMATION_CONFIG: {
+    readonly DURATIONS: {
+        readonly GRADIENT_SHIFT: "7.3s";
+        readonly GLOWING_AURA: "9.7s";
+        readonly ROTATE_MIST: "13.5s";
+        readonly BLINK_EYE: "5s";
+    };
+};
+export declare const TOOLBAR_STYLES: import("lit").CSSResult;