@claude-canvas/core 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,328 @@
+declare class ShadowContainer {
+    private host;
+    private shadow;
+    private container;
+    private mounted;
+    constructor();
+    mount(): void;
+    unmount(): void;
+    getContainer(): HTMLDivElement;
+    getShadowRoot(): ShadowRoot;
+}
+
+type ToastVariant = 'success' | 'warning' | 'error' | 'info';
+declare class Toast {
+    private shadowRoot;
+    private toastContainer;
+    private styleInjected;
+    constructor(shadowRoot: ShadowRoot);
+    private ensureStyle;
+    show(message: string, variant: ToastVariant): void;
+    hide(): void;
+}
+
+type AnnotationMode$1 = 'off' | 'select' | 'box' | 'memo' | 'capture';
+interface KeyboardHandlerCallbacks {
+    onToggleMode: () => void;
+    onEscape: () => void;
+    onToolSwitch: (mode: AnnotationMode$1) => void;
+    onSend: () => void;
+}
+declare class KeyboardHandler {
+    private callbacks;
+    private enabled;
+    private listener;
+    constructor(callbacks: KeyboardHandlerCallbacks);
+    mount(): void;
+    unmount(): void;
+    setEnabled(enabled: boolean): void;
+}
+
+interface FabButtonOptions {
+    onActivate: () => void;
+}
+declare class FabButton {
+    private shadowRoot;
+    private options;
+    private button;
+    private tooltip;
+    private styleEl;
+    private mounted;
+    constructor(shadowRoot: ShadowRoot, options: FabButtonOptions);
+    mount(): void;
+    unmount(): void;
+    setVisible(visible: boolean): void;
+    private handleClick;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private showTooltip;
+    private hideTooltip;
+}
+
+type AnnotationMode = 'off' | 'select' | 'box' | 'memo' | 'capture';
+type AnnotationType = 'box' | 'element-select';
+type MessageRole = 'user' | 'assistant' | 'system';
+type FileAction = 'edit' | 'create' | 'delete';
+type LibraryType = 'carbon' | 'project-wrapper' | 'unknown';
+interface SourceInfo {
+    componentName: string;
+    file: string;
+    line: number;
+    column: number;
+    library?: string;
+    tagName: string;
+    className?: string;
+}
+interface Annotation {
+    id: string;
+    type: AnnotationType;
+    rect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    source?: SourceInfo;
+    memo: string;
+    createdAt: number;
+}
+interface AnnotationSet {
+    annotations: Annotation[];
+    screenshot?: string;
+    viewport: {
+        width: number;
+        height: number;
+    };
+}
+interface FileChange {
+    file: string;
+    action: FileAction;
+    linesAdded: number;
+    linesRemoved: number;
+}
+interface ChatMessage {
+    id: string;
+    role: MessageRole;
+    content: string;
+    annotations?: AnnotationSet;
+    filesChanged?: FileChange[];
+    timestamp: number;
+}
+
+declare class ChatPanel {
+    private container;
+    private messageList;
+    private inputArea;
+    private sendButton;
+    private messages;
+    private collapsed;
+    private onSend?;
+    constructor(shadowRoot: ShadowRoot);
+    addMessage(msg: ChatMessage): void;
+    appendStream(delta: string): void;
+    toggle(): void;
+    isCollapsed(): boolean;
+    onMessageSend(cb: (message: string) => void): void;
+    private handleSend;
+    private renderMessage;
+}
+
+type SessionBarStatus = 'active' | 'qa-running' | 'qa-passed' | 'qa-failed';
+declare class SessionBarPanel {
+    private container;
+    private statusDot;
+    private branchLabel;
+    private changeLabel;
+    private hmrLabel;
+    private endBtn;
+    private onEndSession?;
+    private visible;
+    constructor(shadowRoot: ShadowRoot);
+    show(branch: string): void;
+    hide(): void;
+    setStatus(status: SessionBarStatus): void;
+    updateChangedFiles(count: number): void;
+    setHmrStatus(connected: boolean): void;
+    onEnd(cb: () => void): void;
+    isVisible(): boolean;
+}
+
+interface QAStepDisplay {
+    name: string;
+    status: 'pending' | 'running' | 'pass' | 'fail';
+    duration?: number;
+    output?: string;
+}
+interface FileChangeDisplay {
+    file: string;
+    action: string;
+    linesAdded: number;
+    linesRemoved: number;
+}
+declare class QAResultPanel {
+    private overlay;
+    private modal;
+    private stepList;
+    private changeSummary;
+    private mergeBtn;
+    private fixBtn;
+    private discardBtn;
+    private confirmDialog;
+    private onMerge?;
+    private onFix?;
+    private onDiscard?;
+    constructor(shadowRoot: ShadowRoot);
+    show(): void;
+    hide(): void;
+    updateStep(step: QAStepDisplay): void;
+    setOverallPass(pass: boolean): void;
+    setChangeSummary(changes: FileChangeDisplay[]): void;
+    onMergeClick(cb: () => void): void;
+    onFixClick(cb: () => void): void;
+    onDiscardClick(cb: () => void): void;
+    private showConfirm;
+}
+
+interface ReactFiberDebugSource {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}
+interface ReactFiberType {
+    name?: string;
+    displayName?: string;
+}
+interface ReactFiber {
+    type: ReactFiberType | string | null;
+    stateNode: HTMLElement | null | Record<string, unknown>;
+    _debugSource: ReactFiberDebugSource | null;
+    return: ReactFiber | null;
+}
+declare const FiberWalker: {
+    /**
+     * Find the React fiber attached to a DOM element.
+     * React 18+ uses __reactFiber$<hash>, older versions use __reactInternalInstance$<hash>.
+     */
+    getFiberFromElement(el: HTMLElement): ReactFiber | null;
+    /**
+     * Extract SourceInfo from a React fiber's _debugSource.
+     * Returns null when debug source info is unavailable.
+     */
+    getSourceInfo(fiber: ReactFiber): SourceInfo | null;
+};
+
+declare class SourceMapper {
+    static detectLibrary(source: SourceInfo, wrapperPaths?: string[]): LibraryType;
+    static isWrapperComponent(file: string, wrapperPaths: string[]): boolean;
+    static formatSourcePath(file: string, line: number, column: number): string;
+    detectLibrary(source: SourceInfo, wrapperPaths?: string[]): LibraryType;
+    isWrapperComponent(file: string, wrapperPaths: string[]): boolean;
+    formatSourcePath(file: string, line: number, column: number): string;
+}
+
+declare class CanvasOverlay {
+    private canvas;
+    private ctx;
+    private mode;
+    private annotations;
+    constructor();
+    mount(): void;
+    unmount(): void;
+    setMode(mode: AnnotationMode): void;
+    getMode(): AnnotationMode;
+    drawHoverHighlight(rect: DOMRect): void;
+    drawSelectHighlight(rect: DOMRect): void;
+    drawBoxAnnotation(rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, memo: string): void;
+    clear(): void;
+    getAnnotations(): Annotation[];
+    addAnnotation(ann: Annotation): void;
+    clearAnnotations(): void;
+}
+
+declare class BoxTool {
+    private startX;
+    private startY;
+    private drawing;
+    startDraw(x: number, y: number): void;
+    updateDraw(x: number, y: number): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    endDraw(x: number, y: number): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    isDrawing(): boolean;
+}
+
+declare class TextMemo {
+    private input;
+    private visible;
+    constructor(container: HTMLElement);
+    show(x: number, y: number): void;
+    hide(): void;
+    getValue(): string;
+    isVisible(): boolean;
+}
+
+declare class CanvasOverlayPanel {
+    private overlay;
+    readonly boxTool: BoxTool;
+    private mode;
+    private onSourceSelect?;
+    private onAnnotationsReady?;
+    constructor();
+    mount(): void;
+    unmount(): void;
+    setMode(mode: AnnotationMode): void;
+    getMode(): AnnotationMode;
+    onSelect(cb: (source: SourceInfo) => void): void;
+    onSend(cb: (set: AnnotationSet) => void): void;
+    handleElementHover(el: HTMLElement): void;
+    handleElementSelect(el: HTMLElement): void;
+    collectAnnotationSet(): AnnotationSet;
+    send(): void;
+    clearAnnotations(): void;
+}
+
+declare class ToolbarPanel {
+    private container;
+    private currentTool;
+    private onModeChange?;
+    private onSend?;
+    private buttons;
+    private mounted;
+    constructor(shadowRoot: ShadowRoot);
+    mount(): void;
+    unmount(): void;
+    setActiveTool(mode: AnnotationMode): void;
+    getActiveTool(): AnnotationMode;
+    onToolChange(cb: (mode: AnnotationMode) => void): void;
+    onSendClick(cb: () => void): void;
+    isMounted(): boolean;
+}
+
+declare class InspectorPopupPanel {
+    private element;
+    private sourceMapper;
+    private pinned;
+    constructor(shadowRoot: ShadowRoot);
+    show(source: SourceInfo, rect: DOMRect): void;
+    hide(): void;
+    forceHide(): void;
+    pin(): void;
+    unpin(): void;
+    isPinned(): boolean;
+    isVisible(): boolean;
+}
+
+export { type Annotation, type AnnotationMode, type AnnotationSet, type AnnotationType, BoxTool, CanvasOverlay, CanvasOverlayPanel, type ChatMessage, ChatPanel, FabButton, type FabButtonOptions, FiberWalker, type FileAction, type FileChange, type FileChangeDisplay, InspectorPopupPanel, KeyboardHandler, type KeyboardHandlerCallbacks, type LibraryType, type MessageRole, QAResultPanel, type QAStepDisplay, type ReactFiber, type ReactFiberDebugSource, type ReactFiberType, SessionBarPanel, type SessionBarStatus, ShadowContainer, type SourceInfo, SourceMapper, TextMemo, Toast, type ToastVariant, ToolbarPanel };