@ottocode/web-sdk 0.1.173

package/dist/hooks/useFileUpload.js

@@ -0,0 +1,258 @@
+import { useState, useCallback, useEffect, } from 'react';
+const IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
+const PDF_TYPES = ['application/pdf'];
+const TEXT_TYPES = ['text/plain', 'text/markdown', 'text/x-markdown'];
+const TEXT_EXTENSIONS = ['.txt', '.md', '.markdown'];
+const SUPPORTED_TYPES = [...IMAGE_TYPES, ...PDF_TYPES, ...TEXT_TYPES];
+function generateId() {
+    return `file-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function getFileType(file) {
+    if (IMAGE_TYPES.includes(file.type))
+        return 'image';
+    if (PDF_TYPES.includes(file.type))
+        return 'pdf';
+    if (TEXT_TYPES.includes(file.type))
+        return 'text';
+    const ext = file.name.toLowerCase().slice(file.name.lastIndexOf('.'));
+    if (TEXT_EXTENSIONS.includes(ext))
+        return 'text';
+    return null;
+}
+function isSupported(file) {
+    if (SUPPORTED_TYPES.includes(file.type))
+        return true;
+    const ext = file.name.toLowerCase().slice(file.name.lastIndexOf('.'));
+    return TEXT_EXTENSIONS.includes(ext);
+}
+async function fileToBase64(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const result = reader.result;
+            const base64 = result.split(',')[1];
+            resolve(base64);
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}
+async function fileToText(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsText(file);
+    });
+}
+async function fileToPreview(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}
+export function useFileUpload(options = {}) {
+    const { maxFiles = 10, maxSizeMB = 10, pageWide = true } = options;
+    const [files, setFiles] = useState([]);
+    const [isDragging, setIsDragging] = useState(false);
+    const [error, setError] = useState(null);
+    const maxSizeBytes = maxSizeMB * 1024 * 1024;
+    const validateFile = useCallback((file) => {
+        if (!isSupported(file)) {
+            return `Unsupported file type: ${file.type || file.name}. Supported: images, PDF, markdown, text`;
+        }
+        if (file.size > maxSizeBytes) {
+            return `File too large: ${(file.size / 1024 / 1024).toFixed(1)}MB. Max: ${maxSizeMB}MB`;
+        }
+        return null;
+    }, [maxSizeBytes, maxSizeMB]);
+    const addFiles = useCallback(async (inputFiles) => {
+        setError(null);
+        const fileArray = Array.from(inputFiles);
+        const remaining = maxFiles - files.length;
+        if (remaining <= 0) {
+            setError(`Maximum ${maxFiles} files allowed`);
+            return;
+        }
+        const filesToAdd = fileArray.slice(0, remaining);
+        const newFiles = [];
+        for (const file of filesToAdd) {
+            const validationError = validateFile(file);
+            if (validationError) {
+                setError(validationError);
+                continue;
+            }
+            const fileType = getFileType(file);
+            if (!fileType)
+                continue;
+            try {
+                let preview;
+                let data;
+                let textContent;
+                let mediaType = file.type;
+                if (fileType === 'image') {
+                    [preview, data] = await Promise.all([
+                        fileToPreview(file),
+                        fileToBase64(file),
+                    ]);
+                }
+                else if (fileType === 'pdf') {
+                    data = await fileToBase64(file);
+                    mediaType = 'application/pdf';
+                }
+                else {
+                    textContent = await fileToText(file);
+                    data = textContent;
+                    if (!mediaType) {
+                        const ext = file.name.toLowerCase();
+                        mediaType =
+                            ext.endsWith('.md') || ext.endsWith('.markdown')
+                                ? 'text/markdown'
+                                : 'text/plain';
+                    }
+                }
+                newFiles.push({
+                    id: generateId(),
+                    file,
+                    type: fileType,
+                    name: file.name,
+                    preview,
+                    data,
+                    mediaType,
+                    textContent,
+                });
+            }
+            catch {
+                setError(`Failed to process file: ${file.name}`);
+            }
+        }
+        if (newFiles.length > 0) {
+            setFiles((prev) => [...prev, ...newFiles]);
+        }
+    }, [files.length, maxFiles, validateFile]);
+    const removeFile = useCallback((id) => {
+        setFiles((prev) => prev.filter((f) => f.id !== id));
+        setError(null);
+    }, []);
+    const clearFiles = useCallback(() => {
+        setFiles([]);
+        setError(null);
+    }, []);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.dataTransfer.types.includes('Files')) {
+            setIsDragging(true);
+        }
+    }, []);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX;
+        const y = e.clientY;
+        if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) {
+            setIsDragging(false);
+        }
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        const droppedFiles = e.dataTransfer.files;
+        if (droppedFiles.length > 0) {
+            const supportedFiles = Array.from(droppedFiles).filter(isSupported);
+            if (supportedFiles.length > 0) {
+                addFiles(supportedFiles);
+            }
+        }
+    }, [addFiles]);
+    const handlePaste = useCallback((e) => {
+        const items = e.clipboardData?.items;
+        if (!items)
+            return;
+        const pastedFiles = [];
+        for (const item of Array.from(items)) {
+            if (item.kind === 'file') {
+                const file = item.getAsFile();
+                if (file && isSupported(file)) {
+                    pastedFiles.push(file);
+                }
+            }
+        }
+        if (pastedFiles.length > 0) {
+            e.preventDefault();
+            addFiles(pastedFiles);
+        }
+    }, [addFiles]);
+    useEffect(() => {
+        if (!pageWide)
+            return;
+        let dragCounter = 0;
+        const onDragEnter = (e) => {
+            e.preventDefault();
+            if (e.dataTransfer?.types.includes('Files')) {
+                dragCounter++;
+                if (dragCounter === 1) {
+                    setIsDragging(true);
+                }
+            }
+        };
+        const onDragLeave = (e) => {
+            e.preventDefault();
+            dragCounter--;
+            if (dragCounter === 0) {
+                setIsDragging(false);
+            }
+        };
+        const onDragOver = (e) => {
+            e.preventDefault();
+        };
+        const onDrop = (e) => {
+            e.preventDefault();
+            dragCounter = 0;
+            setIsDragging(false);
+            const droppedFiles = e.dataTransfer?.files;
+            if (droppedFiles && droppedFiles.length > 0) {
+                const supportedFiles = Array.from(droppedFiles).filter(isSupported);
+                if (supportedFiles.length > 0) {
+                    addFiles(supportedFiles);
+                }
+            }
+        };
+        document.addEventListener('dragenter', onDragEnter);
+        document.addEventListener('dragleave', onDragLeave);
+        document.addEventListener('dragover', onDragOver);
+        document.addEventListener('drop', onDrop);
+        return () => {
+            document.removeEventListener('dragenter', onDragEnter);
+            document.removeEventListener('dragleave', onDragLeave);
+            document.removeEventListener('dragover', onDragOver);
+            document.removeEventListener('drop', onDrop);
+        };
+    }, [pageWide, addFiles]);
+    const images = files.filter((f) => f.type === 'image');
+    const documents = files.filter((f) => f.type === 'pdf' || f.type === 'text');
+    return {
+        files,
+        images,
+        documents,
+        isDragging,
+        error,
+        addFiles,
+        removeFile,
+        clearFiles,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+        handlePaste,
+    };
+}
+//# sourceMappingURL=useFileUpload.js.map

package/dist/hooks/useFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUpload.js","sourceRoot":"","sources":["../../src/hooks/useFileUpload.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useFiles.d.ts

@@ -0,0 +1,9 @@
+export declare function useFiles(): import("@tanstack/react-query").UseQueryResult<{
+    files: string[];
+    changedFiles: {
+        path: string;
+        status: string;
+    }[];
+    truncated: boolean;
+}, Error>;
+//# sourceMappingURL=useFiles.d.ts.map

package/dist/hooks/useFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiles.d.ts","sourceRoot":"","sources":["../../src/hooks/useFiles.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ;;;;;;;UAWvB"}

package/dist/hooks/useFiles.js

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { apiClient } from '../lib/api-client';
+export function useFiles() {
+    return useQuery({
+        queryKey: ['files'],
+        queryFn: async () => {
+            const result = await apiClient.listFiles();
+            return result;
+        },
+        staleTime: 10000,
+        refetchOnWindowFocus: true,
+        retry: 1,
+    });
+}
+//# sourceMappingURL=useFiles.js.map

package/dist/hooks/useFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiles.js","sourceRoot":"","sources":["../../src/hooks/useFiles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,UAAU,QAAQ;IACvB,OAAO,QAAQ,CAAC;QACf,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,OAAO,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC;YAC3C,OAAO,MAAM,CAAC;QACf,CAAC;QACD,SAAS,EAAE,KAAK;QAChB,oBAAoB,EAAE,IAAI;QAC1B,KAAK,EAAE,CAAC;KACR,CAAC,CAAC;AACJ,CAAC"}

package/dist/hooks/useGit.d.ts

@@ -0,0 +1,15 @@
+export declare function useGitStatus(): import("@tanstack/react-query").UseQueryResult<import("..").GitStatusResponse, Error>;
+export declare function useGitDiff(file: string | null, staged?: boolean): import("@tanstack/react-query").UseQueryResult<import("..").GitDiffResponse, Error>;
+export declare function useGitBranch(): import("@tanstack/react-query").UseQueryResult<import("..").GitBranchInfo, Error>;
+export declare function useGenerateCommitMessage(sessionId?: string | null): import("@tanstack/react-query").UseMutationResult<import("..").GitGenerateCommitMessageResponse, Error, void, unknown>;
+export declare function useStageFiles(): import("@tanstack/react-query").UseMutationResult<import("..").GitStageResponse, Error, string[], unknown>;
+export declare function useUnstageFiles(): import("@tanstack/react-query").UseMutationResult<import("..").GitUnstageResponse, Error, string[], unknown>;
+export declare function useRestoreFiles(): import("@tanstack/react-query").UseMutationResult<{
+    restored: string[];
+}, Error, string[], unknown>;
+export declare function useDeleteFiles(): import("@tanstack/react-query").UseMutationResult<{
+    deleted: string[];
+}, Error, string[], unknown>;
+export declare function useCommitChanges(): import("@tanstack/react-query").UseMutationResult<import("..").GitCommitResponse, Error, string, unknown>;
+export declare function usePushCommits(): import("@tanstack/react-query").UseMutationResult<import("..").GitPushResponse, Error, void, unknown>;
+//# sourceMappingURL=useGit.d.ts.map

package/dist/hooks/useGit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGit.d.ts","sourceRoot":"","sources":["../../src/hooks/useGit.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,0FAa3B;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,UAAQ,uFAS7D;AAED,wBAAgB,YAAY,sFAW3B;AAED,wBAAgB,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,0HAIjE;AAED,wBAAgB,aAAa,+GAS5B;AAED,wBAAgB,eAAe,iHAS9B;AAED,wBAAgB,eAAe;;6BAS9B;AAED,wBAAgB,cAAc;;6BAS7B;AAED,wBAAgB,gBAAgB,8GAU/B;AAED,wBAAgB,cAAc,0GAU7B"}

package/dist/hooks/useGit.js

@@ -0,0 +1,99 @@
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { apiClient } from '../lib/api-client';
+import { useGitStore } from '../stores/gitStore';
+export function useGitStatus() {
+    const isExpanded = useGitStore((state) => state.isExpanded);
+    return useQuery({
+        queryKey: ['git', 'status'],
+        queryFn: () => apiClient.getGitStatus(),
+        // Only poll when sidebar is expanded to reduce unnecessary requests
+        // Disabled during active generation to prevent interference
+        refetchInterval: isExpanded ? 5000 : false, // Poll every 5 seconds when expanded
+        retry: 1,
+        // Keep data fresh but don't spam the server
+        staleTime: 3000,
+    });
+}
+export function useGitDiff(file, staged = false) {
+    return useQuery({
+        queryKey: ['git', 'diff', file, staged],
+        queryFn: () => (file ? apiClient.getGitDiff(file, staged) : null),
+        enabled: !!file,
+        retry: 1,
+        // Don't refetch automatically for diff views
+        refetchInterval: false,
+    });
+}
+export function useGitBranch() {
+    const isExpanded = useGitStore((state) => state.isExpanded);
+    return useQuery({
+        queryKey: ['git', 'branch'],
+        queryFn: () => apiClient.getGitBranch(),
+        // Only poll when sidebar is expanded
+        refetchInterval: isExpanded ? 10000 : false, // Poll every 10 seconds
+        retry: 1,
+        staleTime: 5000,
+    });
+}
+export function useGenerateCommitMessage(sessionId) {
+    return useMutation({
+        mutationFn: () => apiClient.generateCommitMessage(sessionId ?? undefined),
+    });
+}
+export function useStageFiles() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (files) => apiClient.stageFiles(files),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+        },
+    });
+}
+export function useUnstageFiles() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (files) => apiClient.unstageFiles(files),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+        },
+    });
+}
+export function useRestoreFiles() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (files) => apiClient.restoreFiles(files),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+        },
+    });
+}
+export function useDeleteFiles() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (files) => apiClient.deleteFiles(files),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+        },
+    });
+}
+export function useCommitChanges() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (message) => apiClient.commitChanges(message),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+            queryClient.invalidateQueries({ queryKey: ['git', 'branch'] });
+        },
+    });
+}
+export function usePushCommits() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: () => apiClient.pushCommits(),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ['git', 'status'] });
+            queryClient.invalidateQueries({ queryKey: ['git', 'branch'] });
+        },
+    });
+}
+//# sourceMappingURL=useGit.js.map

package/dist/hooks/useGit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGit.js","sourceRoot":"","sources":["../../src/hooks/useGit.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useImageUpload.d.ts

@@ -0,0 +1,28 @@
+import { type DragEvent, type ClipboardEvent } from 'react';
+export interface ImageAttachment {
+    id: string;
+    file: File;
+    preview: string;
+    data: string;
+    mediaType: string;
+}
+interface UseImageUploadOptions {
+    maxImages?: number;
+    maxSizeMB?: number;
+    pageWide?: boolean;
+}
+export declare function useImageUpload(options?: UseImageUploadOptions): {
+    images: ImageAttachment[];
+    isDragging: boolean;
+    error: string;
+    addImages: (files: FileList | File[]) => Promise<void>;
+    removeImage: (id: string) => void;
+    clearImages: () => void;
+    handleDragEnter: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    handlePaste: (e: ClipboardEvent) => void;
+};
+export {};
+//# sourceMappingURL=useImageUpload.d.ts.map

package/dist/hooks/useImageUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageUpload.d.ts","sourceRoot":"","sources":["../../src/hooks/useImageUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,eAAe;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CAClB;AA8BD,UAAU,qBAAqB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B;;;;uBAuBlD,QAAQ,GAAG,IAAI,EAAE;sBA6CK,MAAM;;yBAUH,SAAS;yBAQT,SAAS;wBAWV,SAAS;oBAM3C,SAAS;qBAmBT,cAAc;EA2FnB"}

package/dist/hooks/useImageUpload.js

@@ -0,0 +1,197 @@
+import { useState, useCallback, useEffect, } from 'react';
+const SUPPORTED_TYPES = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
+function generateId() {
+    return `img-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+}
+async function fileToBase64(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const result = reader.result;
+            const base64 = result.split(',')[1];
+            resolve(base64);
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}
+async function fileToPreview(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}
+export function useImageUpload(options = {}) {
+    const { maxImages = 5, maxSizeMB = 5, pageWide = true } = options;
+    const [images, setImages] = useState([]);
+    const [isDragging, setIsDragging] = useState(false);
+    const [error, setError] = useState(null);
+    const maxSizeBytes = maxSizeMB * 1024 * 1024;
+    const validateFile = useCallback((file) => {
+        if (!SUPPORTED_TYPES.includes(file.type)) {
+            return `Unsupported file type: ${file.type}. Supported: PNG, JPEG, GIF, WebP`;
+        }
+        if (file.size > maxSizeBytes) {
+            return `File too large: ${(file.size / 1024 / 1024).toFixed(1)}MB. Max: ${maxSizeMB}MB`;
+        }
+        return null;
+    }, [maxSizeBytes, maxSizeMB]);
+    const addImages = useCallback(async (files) => {
+        setError(null);
+        const fileArray = Array.from(files);
+        const remaining = maxImages - images.length;
+        if (remaining <= 0) {
+            setError(`Maximum ${maxImages} images allowed`);
+            return;
+        }
+        const filesToAdd = fileArray.slice(0, remaining);
+        const newImages = [];
+        for (const file of filesToAdd) {
+            const validationError = validateFile(file);
+            if (validationError) {
+                setError(validationError);
+                continue;
+            }
+            try {
+                const [preview, data] = await Promise.all([
+                    fileToPreview(file),
+                    fileToBase64(file),
+                ]);
+                newImages.push({
+                    id: generateId(),
+                    file,
+                    preview,
+                    data,
+                    mediaType: file.type,
+                });
+            }
+            catch {
+                setError('Failed to process image');
+            }
+        }
+        if (newImages.length > 0) {
+            setImages((prev) => [...prev, ...newImages]);
+        }
+    }, [images.length, maxImages, validateFile]);
+    const removeImage = useCallback((id) => {
+        setImages((prev) => prev.filter((img) => img.id !== id));
+        setError(null);
+    }, []);
+    const clearImages = useCallback(() => {
+        setImages([]);
+        setError(null);
+    }, []);
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.dataTransfer.types.includes('Files')) {
+            setIsDragging(true);
+        }
+    }, []);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX;
+        const y = e.clientY;
+        if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) {
+            setIsDragging(false);
+        }
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        const files = e.dataTransfer.files;
+        if (files.length > 0) {
+            const imageFiles = Array.from(files).filter((f) => f.type.startsWith('image/'));
+            if (imageFiles.length > 0) {
+                addImages(imageFiles);
+            }
+        }
+    }, [addImages]);
+    const handlePaste = useCallback((e) => {
+        const items = e.clipboardData?.items;
+        if (!items)
+            return;
+        const imageFiles = [];
+        for (const item of Array.from(items)) {
+            if (item.type.startsWith('image/')) {
+                const file = item.getAsFile();
+                if (file) {
+                    imageFiles.push(file);
+                }
+            }
+        }
+        if (imageFiles.length > 0) {
+            e.preventDefault();
+            addImages(imageFiles);
+        }
+    }, [addImages]);
+    useEffect(() => {
+        if (!pageWide)
+            return;
+        let dragCounter = 0;
+        const onDragEnter = (e) => {
+            e.preventDefault();
+            if (e.dataTransfer?.types.includes('Files')) {
+                dragCounter++;
+                if (dragCounter === 1) {
+                    setIsDragging(true);
+                }
+            }
+        };
+        const onDragLeave = (e) => {
+            e.preventDefault();
+            dragCounter--;
+            if (dragCounter === 0) {
+                setIsDragging(false);
+            }
+        };
+        const onDragOver = (e) => {
+            e.preventDefault();
+        };
+        const onDrop = (e) => {
+            e.preventDefault();
+            dragCounter = 0;
+            setIsDragging(false);
+            const files = e.dataTransfer?.files;
+            if (files && files.length > 0) {
+                const imageFiles = Array.from(files).filter((f) => f.type.startsWith('image/'));
+                if (imageFiles.length > 0) {
+                    addImages(imageFiles);
+                }
+            }
+        };
+        document.addEventListener('dragenter', onDragEnter);
+        document.addEventListener('dragleave', onDragLeave);
+        document.addEventListener('dragover', onDragOver);
+        document.addEventListener('drop', onDrop);
+        return () => {
+            document.removeEventListener('dragenter', onDragEnter);
+            document.removeEventListener('dragleave', onDragLeave);
+            document.removeEventListener('dragover', onDragOver);
+            document.removeEventListener('drop', onDrop);
+        };
+    }, [pageWide, addImages]);
+    return {
+        images,
+        isDragging,
+        error,
+        addImages,
+        removeImage,
+        clearImages,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+        handlePaste,
+    };
+}
+//# sourceMappingURL=useImageUpload.js.map