feat: 增强复制和文件上传功能

- 在CopyButton.tsx中添加自动保存历史记录功能
- 复制成功时自动保存当前配置到历史记录
- 在FileUpload.tsx中添加PDF文件处理支持
- 支持PDF文件拖拽上传并自动转换为Markdown
- 添加处理进度显示和状态提示
- 扩展文件类型支持，提升用户体验

Author: CC11001100

src/pages/CopyButton.tsx

@@ -1,10 +1,12 @@
-import React, {useMemo, useState} from 'react';
+import React, {useMemo, useState, useEffect} from 'react';
 import Button from '@mui/material/Button';
 import Snackbar from '@mui/material/Snackbar';
 import Alert from '@mui/material/Alert';
 import {FileInfo} from "../types/types.ts";
 import {keyframes} from '@mui/system';
 import {calculateTokenCount, formatTokenCount, generatePrompt} from "../utils/promptBuilder";
+import {HistoryRecord} from "../types/history";
+import {historyDB} from "../utils/indexedDB";
 
 interface CopyButtonProps {
     roleContent: string;
@@ -41,6 +43,20 @@ const CopyButton: React.FC<CopyButtonProps> = ({
         text: '',
         severity: 'success',
     });
+    const [isDBInitialized, setIsDBInitialized] = useState(false);
+
+    // 初始化IndexedDB
+    useEffect(() => {
+        const initDB = async () => {
+            try {
+                await historyDB.init();
+                setIsDBInitialized(true);
+            } catch (error) {
+                console.error('Failed to initialize IndexedDB:', error);
+            }
+        };
+        initDB();
+    }, []);
 
     const tokenCount = useMemo(() =>
             calculateTokenCount(roleContent, ruleContent, taskContent, outputContent, files),
@@ -51,11 +67,41 @@ const CopyButton: React.FC<CopyButtonProps> = ({
             formatTokenCount(tokenCount),
         [tokenCount]);
 
+    // 自动保存历史记录
+    const saveToHistory = async () => {
+        if (!isDBInitialized) return;
+
+        try {
+            const record: HistoryRecord = {
+                id: `copy_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+                timestamp: Date.now(),
+                title: `复制记录 ${new Date().toLocaleString('zh-CN')}`,
+                description: '通过复制按钮自动保存的历史记录',
+                roleContent,
+                ruleContent,
+                taskContent,
+                outputContent,
+                files,
+                tags: ['自动保存', '复制'],
+                version: 1
+            };
+
+            await historyDB.saveRecord(record);
+            console.log('History record saved automatically on copy');
+        } catch (error) {
+            console.error('Failed to save history record on copy:', error);
+        }
+    };
+
     const handleCopy = async () => {
         try {
-            await navigator.clipboard.writeText(
-                generatePrompt(roleContent, ruleContent, taskContent, outputContent, files)
-            );
+            const promptText = generatePrompt(roleContent, ruleContent, taskContent, outputContent, files);
+            await navigator.clipboard.writeText(promptText);
+
+            // 复制成功后自动保存历史记录
+            await saveToHistory();
+
+            setMessage({text: '复制成功，已自动保存到历史记录', severity: 'success'});
         } catch {
             setMessage({text: '复制失败', severity: 'error'});
         }

src/pages/FileUpload.tsx

@@ -1,6 +1,8 @@
 // FileUpload.tsx
 import React, {useState, useRef} from 'react';
 import {FileInfo} from "../types/types.ts";
+import { convertPDFToMarkdown, convertPDFResultToFileInfo, isPDFFile } from '../utils/pdfProcessor';
+import { Alert, LinearProgress, Typography, Box } from '@mui/material';
 
 interface FileUploadProps {
     onFilesUploaded: (files: FileInfo[]) => void;
@@ -43,9 +45,18 @@ const getFilesFromDirectory = async (directory: FileSystemDirectoryEntry): Promi
 
 const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
     const [isDragging, setIsDragging] = useState(false);
+    const [isProcessingPDF, setIsProcessingPDF] = useState(false);
+    const [processingStatus, setProcessingStatus] = useState<string>('');
+    const [processingProgress, setProcessingProgress] = useState(0);
     const fileInputRef = useRef<HTMLInputElement>(null);
 
     const readFileContent = async (file: File): Promise<FileInfo> => {
+        // 检查是否为PDF文件
+        if (isPDFFile(file)) {
+            return await processPDFFile(file);
+        }
+
+        // 处理普通文本文件
         return new Promise((resolve) => {
             const reader = new FileReader();
             reader.onload = (e) => {
@@ -61,6 +72,57 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
         });
     };
 
+    const processPDFFile = async (file: File): Promise<FileInfo> => {
+        setIsProcessingPDF(true);
+        setProcessingStatus(`正在处理PDF文件: ${file.name}`);
+        setProcessingProgress(0);
+
+        try {
+            // 模拟进度更新
+            const progressInterval = setInterval(() => {
+                setProcessingProgress(prev => Math.min(prev + 10, 90));
+            }, 200);
+
+            const result = await convertPDFToMarkdown(file, {
+                maxPages: 20,
+                preserveFormatting: true,
+                includeImages: false
+            });
+
+            clearInterval(progressInterval);
+            setProcessingProgress(100);
+
+            if (result.success) {
+                setProcessingStatus(`PDF处理完成: ${result.metadata.processedPages}/${result.metadata.pages} 页`);
+                setTimeout(() => {
+                    setIsProcessingPDF(false);
+                    setProcessingStatus('');
+                    setProcessingProgress(0);
+                }, 1500);
+
+                return convertPDFResultToFileInfo(file, result);
+            } else {
+                throw new Error(result.error || 'PDF处理失败');
+            }
+        } catch (error) {
+            setProcessingStatus(`PDF处理失败: ${error}`);
+            setTimeout(() => {
+                setIsProcessingPDF(false);
+                setProcessingStatus('');
+                setProcessingProgress(0);
+            }, 3000);
+
+            // 返回错误信息作为文件内容
+            return {
+                name: file.name.replace('.pdf', '_error.txt'),
+                path: file.name,
+                size: 0,
+                extension: 'txt',
+                content: `PDF处理失败: ${error}\n\n原文件: ${file.name}\n大小: ${file.size} bytes`
+            };
+        }
+    };
+
     const processEntries = async (items: DataTransferItemList) => {
         const files: File[] = [];
 
@@ -105,26 +167,52 @@ const FileUpload: React.FC<FileUploadProps> = ({onFilesUploaded}) => {
     };
 
     return (
-        <div
-            className={`drop-zone ${isDragging ? 'dragging' : ''}`}
-            onDragOver={(e) => {
-                e.preventDefault();
-                setIsDragging(true);
-            }}
-            onDragLeave={() => setIsDragging(false)}
-            onDrop={handleFileDrop}
-            onClick={handleClick}
-            style={{cursor: 'pointer'}}
-        >
-            <input
-                type="file"
-                multiple
-                // webkitdirectory=""
-                onChange={handleFileSelect}
-                className="file-input"
-                ref={fileInputRef}
-            />
-            <p>拖放AI参考代码文件/文件夹到这里或点击此处选择（参考上下文越完整，AI推理结果越好）</p>
+        <div>
+            <div
+                className={`drop-zone ${isDragging ? 'dragging' : ''}`}
+                onDragOver={(e) => {
+                    e.preventDefault();
+                    setIsDragging(true);
+                }}
+                onDragLeave={() => setIsDragging(false)}
+                onDrop={handleFileDrop}
+                onClick={!isProcessingPDF ? handleClick : undefined}
+                style={{cursor: isProcessingPDF ? 'default' : 'pointer'}}
+            >
+                <input
+                    type="file"
+                    multiple
+                    accept=".txt,.js,.ts,.jsx,.tsx,.py,.java,.cpp,.c,.h,.cs,.php,.rb,.go,.rs,.swift,.kt,.scala,.clj,.html,.css,.scss,.sass,.less,.xml,.json,.yaml,.yml,.md,.sql,.sh,.bat,.ps1,.dockerfile,.gitignore,.env,.config,.ini,.toml,.lock,.pdf"
+                    onChange={handleFileSelect}
+                    className="file-input"
+                    ref={fileInputRef}
+                    disabled={isProcessingPDF}
+                />
+                <p>
+                    拖放AI参考代码文件/文件夹到这里或点击此处选择
+                    <br />
+                    <small style={{ color: '#666', fontSize: '0.9em' }}>
+                        支持代码文件和PDF文档（PDF将自动转换为Markdown）
+                    </small>
+                </p>
+            </div>
+
+            {/* PDF处理状态显示 */}
+            {isProcessingPDF && (
+                <Box sx={{ mt: 2, p: 2, border: '1px solid #ddd', borderRadius: 1 }}>
+                    <Typography variant="body2" color="primary" gutterBottom>
+                        {processingStatus}
+                    </Typography>
+                    <LinearProgress
+                        variant="determinate"
+                        value={processingProgress}
+                        sx={{ mb: 1 }}
+                    />
+                    <Typography variant="caption" color="text.secondary">
+                        {processingProgress}% 完成
+                    </Typography>
+                </Box>
+            )}
         </div>
     );
 };