chore: type safety and code cleanup

yeahhe365 · yeahhe365 · commit 0bad18675c77 · 2026-03-30T01:23:39.000+08:00
- Remove all 'as any' casts with proper browser type declarations
- Add types/browser.d.ts for webkitRelativePath and webkitdirectory
- Add meta description and theme-color to index.html
- Remove dead activeMatchIndexInFile from useSearch (computed in useAppLogic)
diff --git a/structure-insight/hooks/useFileProcessing.ts b/structure-insight/hooks/useFileProcessing.ts
@@ -67,7 +67,7 @@ export const useFileProcessing = ({
     const handleFileSelect = () => {
         const input = document.createElement('input');
         input.type = 'file';
-        (input as any).webkitdirectory = true;
+        input.webkitdirectory = true;
         input.multiple = true;
         input.onchange = (e: any) => {
             if (e.target.files) {
diff --git a/structure-insight/hooks/useSearch.ts b/structure-insight/hooks/useSearch.ts
@@ -103,12 +103,6 @@ export const useSearch = ({
         }
     }, [searchResults, activeResultIndex, isMobile, setMobileView, setSelectedFilePath, setActiveView]);
 
-    const activeMatchIndexInFile = React.useMemo(() => {
-        if (activeResultIndex === null || !searchResults.length) return null;
-        // Need selectedFilePath from outer scope - we'll compute this differently
-        return null; // This will be computed in useAppLogic
-    }, [activeResultIndex, searchResults]);
-
     const resetSearch = React.useCallback(() => {
         setIsSearchOpen(false);
         setSearchResults([]);
@@ -125,7 +119,6 @@ export const useSearch = ({
         searchOptions,
         handleSearch,
         handleNavigate,
-        activeMatchIndexInFile,
         resetSearch,
     };
 };
diff --git a/structure-insight/index.html b/structure-insight/index.html
@@ -4,6 +4,8 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="浏览器端代码结构分析工具 - 快速分析和可视化代码项目结构" />
+    <meta name="theme-color" content="#3B82F6" />
     <title>Structure Insight Web</title>
     
     <link rel="preconnect" href="https://fonts.googleapis.com">
diff --git a/structure-insight/services/fileProcessor.ts b/structure-insight/services/fileProcessor.ts
@@ -121,7 +121,7 @@ export async function processDroppedItems(items: DataTransferItemList, onProgres
         if (entry.isFile) {
             return new Promise((resolve, reject) => {
                 (entry as FileSystemFileEntry).file(file => {
-                    if(!(file as any).webkitRelativePath){
+                    if(!file.webkitRelativePath){
                          Object.defineProperty(file, 'webkitRelativePath', {
                             value: entry.fullPath.startsWith('/') ? entry.fullPath.substring(1) : entry.fullPath,
                             writable: true,
@@ -201,7 +201,7 @@ export async function processFiles(files: File[], onProgress: (msg: string) => v
 
 
     const validFiles = allNonZipFiles.filter(file => {
-        const path = (file as any).webkitRelativePath || file.name;
+        const path = file.webkitRelativePath || file.name;
         return path && !path.split('/').some(part => IGNORED_DIRS.has(part) || part.startsWith('.'));
     });
 
@@ -216,7 +216,7 @@ export async function processFiles(files: File[], onProgress: (msg: string) => v
         processedCount++;
         onProgress(`正在处理文件 ${processedCount}/${totalFiles}: ${file.name}`);
 
-        const path = (file as any).webkitRelativePath || file.name;
+        const path = file.webkitRelativePath || file.name;
         const parts = path.split('/').filter(p => p);
 
         let parentNode: FileNode | undefined = undefined;
diff --git a/structure-insight/types/browser.d.ts b/structure-insight/types/browser.d.ts
@@ -0,0 +1,11 @@
+// Type augmentations for browser APIs not in standard lib.dom
+
+interface HTMLInputElement {
+    /** Non-standard: Opens directory picker instead of file picker */
+    webkitdirectory?: boolean;
+}
+
+interface File {
+    /** Non-standard: Relative path of the file within the dropped directory */
+    readonly webkitRelativePath: string;
+}
