@fgv/ts-res-ui-components 5.0.0-10

package/lib/components/views/ImportView/index.js

@@ -0,0 +1,514 @@
+import React, { useState, useCallback, useRef } from 'react';
+import { DocumentArrowUpIcon, CheckCircleIcon, ExclamationTriangleIcon, ArchiveBoxIcon, FolderOpenIcon } from '@heroicons/react/24/outline';
+import { Bundle } from '@fgv/ts-res';
+import { isZipFile } from '../../../utils/zipLoader';
+export const ImportView = ({ onImport, onBundleImport, onZipImport, acceptedFileTypes = ['.json', '.zip'], onMessage, className = '' }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [importStatus, setImportStatus] = useState({
+        hasImported: false,
+        fileCount: 0,
+        isDirectory: false,
+        isBundle: false,
+        isZip: false
+    });
+    const [error, setError] = useState(null);
+    const fileInputRef = useRef(null);
+    const dirInputRef = useRef(null);
+    // Check for File System Access API support
+    const isFileSystemAccessSupported = 'showDirectoryPicker' in window || 'showOpenFilePicker' in window;
+    // Handle file selection
+    const handleFileSelect = useCallback(async (event) => {
+        const files = event.target.files;
+        if (!files || files.length === 0)
+            return;
+        setIsLoading(true);
+        setError(null);
+        try {
+            // Handle single file selection - check file type first
+            if (files.length === 1) {
+                const file = files[0];
+                // Check if it's a ZIP file first
+                if (isZipFile(file.name)) {
+                    console.log(`[ImportView] ✅ ${file.name} detected as ZIP file`);
+                    onMessage?.('info', `Processing ZIP file: ${file.name}`);
+                    // Just pass the File object directly to onZipImport
+                    // The App will handle creating the FileTree
+                    if (onZipImport) {
+                        setImportStatus({
+                            hasImported: true,
+                            fileCount: 1,
+                            isDirectory: false,
+                            isBundle: false,
+                            isZip: true
+                        });
+                        onMessage?.('success', `ZIP file detected: ${file.name}`);
+                        onZipImport(file, undefined);
+                        setIsLoading(false);
+                        return;
+                    }
+                    else {
+                        throw new Error('No ZIP import handler configured');
+                    }
+                }
+            }
+            // Handle regular files (non-ZIP)
+            const importedFiles = [];
+            let bundleFile;
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                const content = await readFileContent(file);
+                const importedFile = {
+                    name: file.name,
+                    path: file.webkitRelativePath || file.name,
+                    content,
+                    type: file.type
+                };
+                // Check if it's a bundle file using proper detection
+                let isCurrentFileBundle = false;
+                try {
+                    const parsedData = JSON.parse(content);
+                    console.log(`[ImportView] Checking if ${file.name} is a bundle...`);
+                    // Use BundleUtils for proper bundle detection
+                    if (Bundle.BundleUtils.isBundleFile(parsedData)) {
+                        console.log(`[ImportView] ✅ ${file.name} detected as bundle file`);
+                        bundleFile = { ...importedFile, bundle: parsedData };
+                        isCurrentFileBundle = true;
+                    }
+                    else if (Bundle.BundleUtils.isBundleFileName(file.name)) {
+                        // File name suggests it's a bundle, but content doesn't match - log a warning
+                        console.warn(`[ImportView] ⚠️ File ${file.name} appears to be a bundle by name but content doesn't match bundle structure`);
+                    }
+                    else {
+                        console.log(`[ImportView] ❌ ${file.name} is not a bundle file`);
+                    }
+                }
+                catch (parseError) {
+                    console.log(`[ImportView] ❌ ${file.name} failed JSON parsing:`, parseError);
+                    // Not valid JSON or not a bundle, treat as regular file
+                }
+                // Only add to regular files if this specific file is not a bundle
+                if (!isCurrentFileBundle) {
+                    importedFiles.push(importedFile);
+                }
+            }
+            // Process results
+            if (bundleFile) {
+                console.log(`[ImportView] Processing bundle file: ${bundleFile.name}`, bundleFile.bundle);
+                setImportStatus({
+                    hasImported: true,
+                    fileCount: 1,
+                    isDirectory: false,
+                    isBundle: true,
+                    isZip: false
+                });
+                onMessage?.('info', `Bundle file detected: ${bundleFile.name}`);
+                if (onBundleImport && bundleFile.bundle) {
+                    console.log(`[ImportView] Calling onBundleImport with bundle data`);
+                    onBundleImport(bundleFile.bundle);
+                }
+                else {
+                    console.warn(`[ImportView] No bundle import handler or bundle data missing`);
+                }
+            }
+            else if (importedFiles.length > 0) {
+                setImportStatus({
+                    hasImported: true,
+                    fileCount: importedFiles.length,
+                    isDirectory: false,
+                    isBundle: false,
+                    isZip: false
+                });
+                onMessage?.('success', `Imported ${importedFiles.length} file(s)`);
+                onImport?.(importedFiles);
+            }
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : String(err);
+            setError(errorMsg);
+            onMessage?.('error', `Import failed: ${errorMsg}`);
+        }
+        finally {
+            setIsLoading(false);
+            // Reset input
+            if (event.target) {
+                event.target.value = '';
+            }
+        }
+    }, [onImport, onBundleImport, onMessage]);
+    // Handle directory selection (for browsers with webkitdirectory support)
+    const handleDirectorySelect = useCallback(async (event) => {
+        const files = event.target.files;
+        if (!files || files.length === 0)
+            return;
+        setIsLoading(true);
+        setError(null);
+        try {
+            const filesByPath = new Map();
+            const dirPaths = new Set();
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                const content = await readFileContent(file);
+                const path = file.webkitRelativePath;
+                if (path) {
+                    const parts = path.split('/');
+                    const dirPath = parts.slice(0, -1).join('/');
+                    dirPaths.add(dirPath);
+                    if (!filesByPath.has(dirPath)) {
+                        filesByPath.set(dirPath, []);
+                    }
+                    filesByPath.get(dirPath).push({
+                        name: parts[parts.length - 1],
+                        path: path,
+                        content,
+                        type: file.type
+                    });
+                }
+            }
+            // Build directory structure
+            const rootDir = {
+                name: 'imported',
+                files: filesByPath.get('') || [],
+                subdirectories: []
+            };
+            // Create subdirectories
+            const sortedPaths = Array.from(dirPaths).sort();
+            for (const dirPath of sortedPaths) {
+                if (dirPath && dirPath !== '') {
+                    const parts = dirPath.split('/');
+                    let currentLevel = rootDir;
+                    for (let i = 0; i < parts.length; i++) {
+                        const part = parts[i];
+                        const currentPath = parts.slice(0, i + 1).join('/');
+                        if (!currentLevel.subdirectories) {
+                            currentLevel.subdirectories = [];
+                        }
+                        let subdir = currentLevel.subdirectories.find((d) => d.name === part);
+                        if (!subdir) {
+                            subdir = {
+                                name: part,
+                                path: currentPath,
+                                files: filesByPath.get(currentPath) || [],
+                                subdirectories: []
+                            };
+                            currentLevel.subdirectories.push(subdir);
+                        }
+                        currentLevel = subdir;
+                    }
+                }
+            }
+            setImportStatus({
+                hasImported: true,
+                fileCount: files.length,
+                isDirectory: true,
+                isBundle: false,
+                isZip: false
+            });
+            onMessage?.('success', `Imported directory with ${files.length} file(s)`);
+            onImport?.(rootDir);
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : String(err);
+            setError(errorMsg);
+            onMessage?.('error', `Directory import failed: ${errorMsg}`);
+        }
+        finally {
+            setIsLoading(false);
+            // Reset input
+            if (event.target) {
+                event.target.value = '';
+            }
+        }
+    }, [onImport, onMessage]);
+    // Modern File System Access API handlers
+    const handleModernDirectoryPick = useCallback(async () => {
+        if (!('showDirectoryPicker' in window)) {
+            onMessage?.('error', 'Directory picker not supported in this browser');
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const dirHandle = await window.showDirectoryPicker();
+            const rootDir = await processDirectoryHandle(dirHandle);
+            const fileCount = countFiles(rootDir);
+            setImportStatus({
+                hasImported: true,
+                fileCount,
+                isDirectory: true,
+                isBundle: false,
+                isZip: false
+            });
+            onMessage?.('success', `Imported directory "${rootDir.name}" with ${fileCount} file(s)`);
+            onImport?.(rootDir);
+        }
+        catch (err) {
+            if (err.name !== 'AbortError') {
+                const errorMsg = err instanceof Error ? err.message : String(err);
+                setError(errorMsg);
+                onMessage?.('error', `Directory import failed: ${errorMsg}`);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [onImport, onMessage]);
+    const handleModernFilePick = useCallback(async () => {
+        if (!('showOpenFilePicker' in window)) {
+            onMessage?.('error', 'File picker not supported in this browser');
+            return;
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const fileHandles = await window.showOpenFilePicker({
+                multiple: true,
+                types: [
+                    {
+                        description: 'Resource files',
+                        accept: {
+                            'application/json': ['.json'],
+                            'application/zip': ['.zip']
+                        }
+                    }
+                ]
+            });
+            // Check if we have a single ZIP file first
+            if (fileHandles.length === 1) {
+                const file = await fileHandles[0].getFile();
+                if (isZipFile(file.name)) {
+                    console.log(`[ImportView] Modern API - ✅ ${file.name} detected as ZIP file`);
+                    onMessage?.('info', `Processing ZIP file: ${file.name}`);
+                    if (onZipImport) {
+                        setImportStatus({
+                            hasImported: true,
+                            fileCount: 1,
+                            isDirectory: false,
+                            isBundle: false,
+                            isZip: true
+                        });
+                        onMessage?.('success', `ZIP file detected: ${file.name}`);
+                        onZipImport(file, undefined);
+                        setIsLoading(false);
+                        return;
+                    }
+                    else {
+                        throw new Error('No ZIP import handler configured');
+                    }
+                }
+            }
+            const importedFiles = [];
+            let bundleFile;
+            for (const fileHandle of fileHandles) {
+                const file = await fileHandle.getFile();
+                // Skip ZIP files in multi-file selection
+                if (isZipFile(file.name)) {
+                    onMessage?.('warning', `Skipping ZIP file ${file.name} - select it individually to import`);
+                    continue;
+                }
+                const content = await file.text();
+                const importedFile = {
+                    name: file.name,
+                    content,
+                    type: file.type
+                };
+                // Check for bundle using proper detection
+                let isCurrentFileBundle = false;
+                try {
+                    const parsedData = JSON.parse(content);
+                    console.log(`[ImportView] Modern API - Checking if ${file.name} is a bundle...`);
+                    // Use BundleUtils for proper bundle detection
+                    if (Bundle.BundleUtils.isBundleFile(parsedData)) {
+                        console.log(`[ImportView] Modern API - ✅ ${file.name} detected as bundle file`);
+                        bundleFile = { ...importedFile, bundle: parsedData };
+                        isCurrentFileBundle = true;
+                    }
+                    else if (Bundle.BundleUtils.isBundleFileName(file.name)) {
+                        console.warn(`[ImportView] Modern API - ⚠️ File ${file.name} appears to be a bundle by name but content doesn't match bundle structure`);
+                    }
+                    else {
+                        console.log(`[ImportView] Modern API - ❌ ${file.name} is not a bundle file`);
+                    }
+                }
+                catch (parseError) {
+                    console.log(`[ImportView] Modern API - ❌ ${file.name} failed JSON parsing:`, parseError);
+                }
+                // Only add to regular files if this specific file is not a bundle
+                if (!isCurrentFileBundle) {
+                    importedFiles.push(importedFile);
+                }
+            }
+            // Process results
+            if (bundleFile) {
+                setImportStatus({
+                    hasImported: true,
+                    fileCount: 1,
+                    isDirectory: false,
+                    isBundle: true,
+                    isZip: false
+                });
+                onMessage?.('info', `Bundle file detected: ${bundleFile.name}`);
+                if (onBundleImport && bundleFile.bundle) {
+                    onBundleImport(bundleFile.bundle);
+                }
+            }
+            else if (importedFiles.length > 0) {
+                setImportStatus({
+                    hasImported: true,
+                    fileCount: importedFiles.length,
+                    isDirectory: false,
+                    isBundle: false,
+                    isZip: false
+                });
+                onMessage?.('success', `Imported ${importedFiles.length} file(s)`);
+                onImport?.(importedFiles);
+            }
+        }
+        catch (err) {
+            if (err.name !== 'AbortError') {
+                const errorMsg = err instanceof Error ? err.message : String(err);
+                setError(errorMsg);
+                onMessage?.('error', `File import failed: ${errorMsg}`);
+            }
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [onImport, onBundleImport, onMessage, acceptedFileTypes]);
+    const handleReset = useCallback(() => {
+        setImportStatus({
+            hasImported: false,
+            fileCount: 0,
+            isDirectory: false,
+            isBundle: false,
+            isZip: false
+        });
+        setError(null);
+        onMessage?.('info', 'Import cleared');
+    }, [onMessage]);
+    return (React.createElement("div", { className: `p-6 ${className}` },
+        React.createElement("div", { className: "flex items-center space-x-3 mb-6" },
+            React.createElement(DocumentArrowUpIcon, { className: "h-8 w-8 text-blue-600" }),
+            React.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "Import Resources")),
+        React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6" },
+            React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
+                React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Import Files"),
+                React.createElement("div", { className: "space-y-4" },
+                    React.createElement("div", { className: "flex items-center space-x-2 text-sm text-gray-600" }, isFileSystemAccessSupported ? (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "w-2 h-2 bg-green-500 rounded-full" }),
+                        React.createElement("span", null, "Modern File System API available"))) : (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "w-2 h-2 bg-yellow-500 rounded-full" }),
+                        React.createElement("span", null, "Using fallback file input")))),
+                    React.createElement("div", { className: "flex flex-col space-y-3" }, isFileSystemAccessSupported ? (React.createElement(React.Fragment, null,
+                        React.createElement("button", { onClick: handleModernDirectoryPick, disabled: isLoading, className: "flex items-center justify-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" },
+                            React.createElement(FolderOpenIcon, { className: "w-5 h-5" }),
+                            React.createElement("span", null, isLoading ? 'Importing...' : 'Import Resource Directory')),
+                        React.createElement("button", { onClick: handleModernFilePick, disabled: isLoading, className: "flex items-center justify-center space-x-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" },
+                            React.createElement(DocumentArrowUpIcon, { className: "w-5 h-5" }),
+                            React.createElement("span", null, isLoading ? 'Importing...' : 'Import Resource Files')))) : (React.createElement(React.Fragment, null,
+                        React.createElement("input", { ref: dirInputRef, type: "file", 
+                            // @ts-ignore - webkitdirectory is not in types
+                            webkitdirectory: "", directory: "", multiple: true, onChange: handleDirectorySelect, className: "hidden" }),
+                        React.createElement("button", { onClick: () => dirInputRef.current?.click(), disabled: isLoading, className: "flex items-center justify-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" },
+                            React.createElement(FolderOpenIcon, { className: "w-5 h-5" }),
+                            React.createElement("span", null, isLoading ? 'Importing...' : 'Import Resource Directory')),
+                        React.createElement("input", { ref: fileInputRef, type: "file", accept: acceptedFileTypes.join(','), multiple: true, onChange: handleFileSelect, className: "hidden" }),
+                        React.createElement("button", { onClick: () => fileInputRef.current?.click(), disabled: isLoading, className: "flex items-center justify-center space-x-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" },
+                            React.createElement(DocumentArrowUpIcon, { className: "w-5 h-5" }),
+                            React.createElement("span", null, isLoading ? 'Importing...' : 'Import Resource Files'))))),
+                    React.createElement("div", { className: "text-sm text-gray-600 space-y-2" },
+                        React.createElement("p", { className: "font-medium" }, "Import Options:"),
+                        React.createElement("ul", { className: "list-disc list-inside space-y-1 ml-2" },
+                            React.createElement("li", null,
+                                React.createElement("strong", null, "Directory:"),
+                                " Select a folder with ts-res resources"),
+                            React.createElement("li", null,
+                                React.createElement("strong", null, "Files:"),
+                                " Select individual JSON resource files"),
+                            React.createElement("li", null,
+                                React.createElement("strong", null, "Bundles:"),
+                                " Automatically detected and loaded"))))),
+            React.createElement("div", { className: "space-y-6" },
+                React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
+                    React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Import Status"),
+                    React.createElement("div", { className: "space-y-3" },
+                        React.createElement("div", { className: "flex items-center space-x-3" }, importStatus.hasImported ? (React.createElement(React.Fragment, null,
+                            React.createElement(CheckCircleIcon, { className: "w-5 h-5 text-green-500" }),
+                            React.createElement("span", { className: "text-sm text-gray-900" }, importStatus.isBundle
+                                ? 'Bundle imported'
+                                : importStatus.isZip
+                                    ? 'ZIP archive imported'
+                                    : importStatus.isDirectory
+                                        ? 'Directory imported'
+                                        : `${importStatus.fileCount} file(s) imported`))) : (React.createElement(React.Fragment, null,
+                            React.createElement("div", { className: "w-5 h-5 rounded-full border-2 border-gray-300" }),
+                            React.createElement("span", { className: "text-sm text-gray-500" }, "No files imported yet")))),
+                        importStatus.isBundle && (React.createElement("div", { className: "flex items-center space-x-3" },
+                            React.createElement(ArchiveBoxIcon, { className: "w-5 h-5 text-blue-500" }),
+                            React.createElement("span", { className: "text-sm text-blue-900" }, "Bundle file detected"))),
+                        importStatus.isZip && (React.createElement("div", { className: "flex items-center space-x-3" },
+                            React.createElement(ArchiveBoxIcon, { className: "w-5 h-5 text-purple-500" }),
+                            React.createElement("span", { className: "text-sm text-purple-900" }, "ZIP archive processed")))),
+                    importStatus.hasImported && (React.createElement("button", { onClick: handleReset, className: "mt-4 px-4 py-2 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors" }, "Clear Import"))),
+                error && (React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-red-200 p-6" },
+                    React.createElement("div", { className: "flex items-start space-x-2" },
+                        React.createElement(ExclamationTriangleIcon, { className: "w-5 h-5 text-red-600 mt-0.5" }),
+                        React.createElement("div", { className: "text-sm text-red-800" },
+                            React.createElement("p", { className: "font-medium" }, "Error"),
+                            React.createElement("p", null, error))))),
+                importStatus.hasImported && !error && (React.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-green-200 p-6" },
+                    React.createElement("div", { className: "flex items-start space-x-2" },
+                        React.createElement(CheckCircleIcon, { className: "w-5 h-5 text-green-600 mt-0.5" }),
+                        React.createElement("div", { className: "text-sm text-green-800" },
+                            React.createElement("p", { className: "font-medium" }, "Import Successful!"),
+                            React.createElement("p", null, importStatus.isBundle
+                                ? 'Bundle resources are ready to browse.'
+                                : importStatus.isZip
+                                    ? 'ZIP archive contents have been imported and are ready for processing.'
+                                    : 'Resources are ready for processing.')))))))));
+};
+// Helper functions
+async function readFileContent(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = (e) => resolve(e.target?.result);
+        reader.onerror = (e) => reject(new Error(`Failed to read file: ${file.name}`));
+        reader.readAsText(file);
+    });
+}
+async function processDirectoryHandle(dirHandle, parentPath = '') {
+    const files = [];
+    const subdirectories = [];
+    for await (const entry of dirHandle.values()) {
+        if (entry.kind === 'file') {
+            const file = await entry.getFile();
+            const content = await file.text();
+            files.push({
+                name: file.name,
+                path: parentPath ? `${parentPath}/${file.name}` : file.name,
+                content,
+                type: file.type
+            });
+        }
+        else if (entry.kind === 'directory') {
+            const subdir = await processDirectoryHandle(entry, parentPath ? `${parentPath}/${entry.name}` : entry.name);
+            subdirectories.push(subdir);
+        }
+    }
+    return {
+        name: dirHandle.name,
+        path: parentPath,
+        files,
+        subdirectories: subdirectories.length > 0 ? subdirectories : undefined
+    };
+}
+function countFiles(dir) {
+    let count = dir.files?.length || 0;
+    if (dir.subdirectories) {
+        for (const subdir of dir.subdirectories) {
+            count += countFiles(subdir);
+        }
+    }
+    return count;
+}
+export default ImportView;
+//# sourceMappingURL=index.js.map

package/lib/components/views/ImportView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/ImportView/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from 'react';\nimport {\n  DocumentArrowUpIcon,\n  CheckCircleIcon,\n  ExclamationTriangleIcon,\n  ArchiveBoxIcon,\n  FolderOpenIcon\n} from '@heroicons/react/24/outline';\nimport { ImportViewProps, ImportedFile, ImportedDirectory, ExtendedProcessedResources } from '../../../types';\nimport { Bundle, Config } from '@fgv/ts-res';\nimport { isZipFile } from '../../../utils/zipLoader';\n\ninterface FileInputResult {\n  files: ImportedFile[];\n  directory?: ImportedDirectory;\n  bundleFile?: ImportedFile & { bundle?: Bundle.IBundle };\n}\n\nexport const ImportView: React.FC<ImportViewProps> = ({\n  onImport,\n  onBundleImport,\n  onZipImport,\n  acceptedFileTypes = ['.json', '.zip'],\n  onMessage,\n  className = ''\n}) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [importStatus, setImportStatus] = useState<{\n    hasImported: boolean;\n    fileCount: number;\n    isDirectory: boolean;\n    isBundle: boolean;\n    isZip: boolean;\n  }>({\n    hasImported: false,\n    fileCount: 0,\n    isDirectory: false,\n    isBundle: false,\n    isZip: false\n  });\n  const [error, setError] = useState<string | null>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const dirInputRef = useRef<HTMLInputElement>(null);\n\n  // Check for File System Access API support\n  const isFileSystemAccessSupported = 'showDirectoryPicker' in window || 'showOpenFilePicker' in window;\n\n  // Handle file selection\n  const handleFileSelect = useCallback(\n    async (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = event.target.files;\n      if (!files || files.length === 0) return;\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        // Handle single file selection - check file type first\n        if (files.length === 1) {\n          const file = files[0];\n\n          // Check if it's a ZIP file first\n          if (isZipFile(file.name)) {\n            console.log(`[ImportView] ✅ ${file.name} detected as ZIP file`);\n            onMessage?.('info', `Processing ZIP file: ${file.name}`);\n\n            // Just pass the File object directly to onZipImport\n            // The App will handle creating the FileTree\n            if (onZipImport) {\n              setImportStatus({\n                hasImported: true,\n                fileCount: 1,\n                isDirectory: false,\n                isBundle: false,\n                isZip: true\n              });\n\n              onMessage?.('success', `ZIP file detected: ${file.name}`);\n              onZipImport(file, undefined);\n\n              setIsLoading(false);\n              return;\n            } else {\n              throw new Error('No ZIP import handler configured');\n            }\n          }\n        }\n\n        // Handle regular files (non-ZIP)\n        const importedFiles: ImportedFile[] = [];\n        let bundleFile: (ImportedFile & { bundle?: Bundle.IBundle }) | undefined;\n\n        for (let i = 0; i < files.length; i++) {\n          const file = files[i];\n          const content = await readFileContent(file);\n\n          const importedFile: ImportedFile = {\n            name: file.name,\n            path: file.webkitRelativePath || file.name,\n            content,\n            type: file.type\n          };\n\n          // Check if it's a bundle file using proper detection\n          let isCurrentFileBundle = false;\n          try {\n            const parsedData = JSON.parse(content);\n\n            console.log(`[ImportView] Checking if ${file.name} is a bundle...`);\n\n            // Use BundleUtils for proper bundle detection\n            if (Bundle.BundleUtils.isBundleFile(parsedData)) {\n              console.log(`[ImportView] ✅ ${file.name} detected as bundle file`);\n              bundleFile = { ...importedFile, bundle: parsedData };\n              isCurrentFileBundle = true;\n            } else if (Bundle.BundleUtils.isBundleFileName(file.name)) {\n              // File name suggests it's a bundle, but content doesn't match - log a warning\n              console.warn(\n                `[ImportView] ⚠️ File ${file.name} appears to be a bundle by name but content doesn't match bundle structure`\n              );\n            } else {\n              console.log(`[ImportView] ❌ ${file.name} is not a bundle file`);\n            }\n          } catch (parseError) {\n            console.log(`[ImportView] ❌ ${file.name} failed JSON parsing:`, parseError);\n            // Not valid JSON or not a bundle, treat as regular file\n          }\n\n          // Only add to regular files if this specific file is not a bundle\n          if (!isCurrentFileBundle) {\n            importedFiles.push(importedFile);\n          }\n        }\n\n        // Process results\n        if (bundleFile) {\n          console.log(`[ImportView] Processing bundle file: ${bundleFile.name}`, bundleFile.bundle);\n\n          setImportStatus({\n            hasImported: true,\n            fileCount: 1,\n            isDirectory: false,\n            isBundle: true,\n            isZip: false\n          });\n          onMessage?.('info', `Bundle file detected: ${bundleFile.name}`);\n          if (onBundleImport && bundleFile.bundle) {\n            console.log(`[ImportView] Calling onBundleImport with bundle data`);\n            onBundleImport(bundleFile.bundle);\n          } else {\n            console.warn(`[ImportView] No bundle import handler or bundle data missing`);\n          }\n        } else if (importedFiles.length > 0) {\n          setImportStatus({\n            hasImported: true,\n            fileCount: importedFiles.length,\n            isDirectory: false,\n            isBundle: false,\n            isZip: false\n          });\n          onMessage?.('success', `Imported ${importedFiles.length} file(s)`);\n          onImport?.(importedFiles);\n        }\n      } catch (err) {\n        const errorMsg = err instanceof Error ? err.message : String(err);\n        setError(errorMsg);\n        onMessage?.('error', `Import failed: ${errorMsg}`);\n      } finally {\n        setIsLoading(false);\n        // Reset input\n        if (event.target) {\n          event.target.value = '';\n        }\n      }\n    },\n    [onImport, onBundleImport, onMessage]\n  );\n\n  // Handle directory selection (for browsers with webkitdirectory support)\n  const handleDirectorySelect = useCallback(\n    async (event: React.ChangeEvent<HTMLInputElement>) => {\n      const files = event.target.files;\n      if (!files || files.length === 0) return;\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const filesByPath = new Map<string, ImportedFile[]>();\n        const dirPaths = new Set<string>();\n\n        for (let i = 0; i < files.length; i++) {\n          const file = files[i];\n          const content = await readFileContent(file);\n          const path = file.webkitRelativePath;\n\n          if (path) {\n            const parts = path.split('/');\n            const dirPath = parts.slice(0, -1).join('/');\n            dirPaths.add(dirPath);\n\n            if (!filesByPath.has(dirPath)) {\n              filesByPath.set(dirPath, []);\n            }\n\n            filesByPath.get(dirPath)!.push({\n              name: parts[parts.length - 1],\n              path: path,\n              content,\n              type: file.type\n            });\n          }\n        }\n\n        // Build directory structure\n        const rootDir: ImportedDirectory = {\n          name: 'imported',\n          files: filesByPath.get('') || [],\n          subdirectories: []\n        };\n\n        // Create subdirectories\n        const sortedPaths = Array.from(dirPaths).sort();\n        for (const dirPath of sortedPaths) {\n          if (dirPath && dirPath !== '') {\n            const parts = dirPath.split('/');\n            let currentLevel = rootDir;\n\n            for (let i = 0; i < parts.length; i++) {\n              const part = parts[i];\n              const currentPath = parts.slice(0, i + 1).join('/');\n\n              if (!currentLevel.subdirectories) {\n                currentLevel.subdirectories = [];\n              }\n\n              let subdir = currentLevel.subdirectories.find((d) => d.name === part);\n              if (!subdir) {\n                subdir = {\n                  name: part,\n                  path: currentPath,\n                  files: filesByPath.get(currentPath) || [],\n                  subdirectories: []\n                };\n                currentLevel.subdirectories.push(subdir);\n              }\n\n              currentLevel = subdir;\n            }\n          }\n        }\n\n        setImportStatus({\n          hasImported: true,\n          fileCount: files.length,\n          isDirectory: true,\n          isBundle: false,\n          isZip: false\n        });\n\n        onMessage?.('success', `Imported directory with ${files.length} file(s)`);\n        onImport?.(rootDir);\n      } catch (err) {\n        const errorMsg = err instanceof Error ? err.message : String(err);\n        setError(errorMsg);\n        onMessage?.('error', `Directory import failed: ${errorMsg}`);\n      } finally {\n        setIsLoading(false);\n        // Reset input\n        if (event.target) {\n          event.target.value = '';\n        }\n      }\n    },\n    [onImport, onMessage]\n  );\n\n  // Modern File System Access API handlers\n  const handleModernDirectoryPick = useCallback(async () => {\n    if (!('showDirectoryPicker' in window)) {\n      onMessage?.('error', 'Directory picker not supported in this browser');\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const dirHandle = await (window as any).showDirectoryPicker();\n      const rootDir = await processDirectoryHandle(dirHandle);\n\n      const fileCount = countFiles(rootDir);\n      setImportStatus({\n        hasImported: true,\n        fileCount,\n        isDirectory: true,\n        isBundle: false,\n        isZip: false\n      });\n\n      onMessage?.('success', `Imported directory \"${rootDir.name}\" with ${fileCount} file(s)`);\n      onImport?.(rootDir);\n    } catch (err: any) {\n      if (err.name !== 'AbortError') {\n        const errorMsg = err instanceof Error ? err.message : String(err);\n        setError(errorMsg);\n        onMessage?.('error', `Directory import failed: ${errorMsg}`);\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  }, [onImport, onMessage]);\n\n  const handleModernFilePick = useCallback(async () => {\n    if (!('showOpenFilePicker' in window)) {\n      onMessage?.('error', 'File picker not supported in this browser');\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const fileHandles = await (window as any).showOpenFilePicker({\n        multiple: true,\n        types: [\n          {\n            description: 'Resource files',\n            accept: {\n              'application/json': ['.json'],\n              'application/zip': ['.zip']\n            }\n          }\n        ]\n      });\n\n      // Check if we have a single ZIP file first\n      if (fileHandles.length === 1) {\n        const file = await fileHandles[0].getFile();\n\n        if (isZipFile(file.name)) {\n          console.log(`[ImportView] Modern API - ✅ ${file.name} detected as ZIP file`);\n          onMessage?.('info', `Processing ZIP file: ${file.name}`);\n\n          if (onZipImport) {\n            setImportStatus({\n              hasImported: true,\n              fileCount: 1,\n              isDirectory: false,\n              isBundle: false,\n              isZip: true\n            });\n\n            onMessage?.('success', `ZIP file detected: ${file.name}`);\n            onZipImport(file, undefined);\n\n            setIsLoading(false);\n            return;\n          } else {\n            throw new Error('No ZIP import handler configured');\n          }\n        }\n      }\n\n      const importedFiles: ImportedFile[] = [];\n      let bundleFile: (ImportedFile & { bundle?: Bundle.IBundle }) | undefined;\n\n      for (const fileHandle of fileHandles) {\n        const file = await fileHandle.getFile();\n\n        // Skip ZIP files in multi-file selection\n        if (isZipFile(file.name)) {\n          onMessage?.('warning', `Skipping ZIP file ${file.name} - select it individually to import`);\n          continue;\n        }\n\n        const content = await file.text();\n\n        const importedFile: ImportedFile = {\n          name: file.name,\n          content,\n          type: file.type\n        };\n\n        // Check for bundle using proper detection\n        let isCurrentFileBundle = false;\n        try {\n          const parsedData = JSON.parse(content);\n\n          console.log(`[ImportView] Modern API - Checking if ${file.name} is a bundle...`);\n\n          // Use BundleUtils for proper bundle detection\n          if (Bundle.BundleUtils.isBundleFile(parsedData)) {\n            console.log(`[ImportView] Modern API - ✅ ${file.name} detected as bundle file`);\n            bundleFile = { ...importedFile, bundle: parsedData };\n            isCurrentFileBundle = true;\n          } else if (Bundle.BundleUtils.isBundleFileName(file.name)) {\n            console.warn(\n              `[ImportView] Modern API - ⚠️ File ${file.name} appears to be a bundle by name but content doesn't match bundle structure`\n            );\n          } else {\n            console.log(`[ImportView] Modern API - ❌ ${file.name} is not a bundle file`);\n          }\n        } catch (parseError) {\n          console.log(`[ImportView] Modern API - ❌ ${file.name} failed JSON parsing:`, parseError);\n        }\n\n        // Only add to regular files if this specific file is not a bundle\n        if (!isCurrentFileBundle) {\n          importedFiles.push(importedFile);\n        }\n      }\n\n      // Process results\n      if (bundleFile) {\n        setImportStatus({\n          hasImported: true,\n          fileCount: 1,\n          isDirectory: false,\n          isBundle: true,\n          isZip: false\n        });\n        onMessage?.('info', `Bundle file detected: ${bundleFile.name}`);\n        if (onBundleImport && bundleFile.bundle) {\n          onBundleImport(bundleFile.bundle);\n        }\n      } else if (importedFiles.length > 0) {\n        setImportStatus({\n          hasImported: true,\n          fileCount: importedFiles.length,\n          isDirectory: false,\n          isBundle: false,\n          isZip: false\n        });\n        onMessage?.('success', `Imported ${importedFiles.length} file(s)`);\n        onImport?.(importedFiles);\n      }\n    } catch (err: any) {\n      if (err.name !== 'AbortError') {\n        const errorMsg = err instanceof Error ? err.message : String(err);\n        setError(errorMsg);\n        onMessage?.('error', `File import failed: ${errorMsg}`);\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  }, [onImport, onBundleImport, onMessage, acceptedFileTypes]);\n\n  const handleReset = useCallback(() => {\n    setImportStatus({\n      hasImported: false,\n      fileCount: 0,\n      isDirectory: false,\n      isBundle: false,\n      isZip: false\n    });\n    setError(null);\n    onMessage?.('info', 'Import cleared');\n  }, [onMessage]);\n\n  return (\n    <div className={`p-6 ${className}`}>\n      <div className=\"flex items-center space-x-3 mb-6\">\n        <DocumentArrowUpIcon className=\"h-8 w-8 text-blue-600\" />\n        <h2 className=\"text-2xl font-bold text-gray-900\">Import Resources</h2>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        {/* Left column: Import Controls */}\n        <div className=\"bg-white rounded-lg shadow-sm border border-gray-200 p-6\">\n          <h3 className=\"text-lg font-semibold text-gray-900 mb-4\">Import Files</h3>\n\n          <div className=\"space-y-4\">\n            {/* API Support Status */}\n            <div className=\"flex items-center space-x-2 text-sm text-gray-600\">\n              {isFileSystemAccessSupported ? (\n                <>\n                  <div className=\"w-2 h-2 bg-green-500 rounded-full\"></div>\n                  <span>Modern File System API available</span>\n                </>\n              ) : (\n                <>\n                  <div className=\"w-2 h-2 bg-yellow-500 rounded-full\"></div>\n                  <span>Using fallback file input</span>\n                </>\n              )}\n            </div>\n\n            {/* Import Buttons */}\n            <div className=\"flex flex-col space-y-3\">\n              {isFileSystemAccessSupported ? (\n                <>\n                  <button\n                    onClick={handleModernDirectoryPick}\n                    disabled={isLoading}\n                    className=\"flex items-center justify-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n                  >\n                    <FolderOpenIcon className=\"w-5 h-5\" />\n                    <span>{isLoading ? 'Importing...' : 'Import Resource Directory'}</span>\n                  </button>\n\n                  <button\n                    onClick={handleModernFilePick}\n                    disabled={isLoading}\n                    className=\"flex items-center justify-center space-x-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n                  >\n                    <DocumentArrowUpIcon className=\"w-5 h-5\" />\n                    <span>{isLoading ? 'Importing...' : 'Import Resource Files'}</span>\n                  </button>\n                </>\n              ) : (\n                <>\n                  {/* Fallback inputs */}\n                  <input\n                    ref={dirInputRef}\n                    type=\"file\"\n                    // @ts-ignore - webkitdirectory is not in types\n                    webkitdirectory=\"\"\n                    directory=\"\"\n                    multiple\n                    onChange={handleDirectorySelect}\n                    className=\"hidden\"\n                  />\n                  <button\n                    onClick={() => dirInputRef.current?.click()}\n                    disabled={isLoading}\n                    className=\"flex items-center justify-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n                  >\n                    <FolderOpenIcon className=\"w-5 h-5\" />\n                    <span>{isLoading ? 'Importing...' : 'Import Resource Directory'}</span>\n                  </button>\n\n                  <input\n                    ref={fileInputRef}\n                    type=\"file\"\n                    accept={acceptedFileTypes.join(',')}\n                    multiple\n                    onChange={handleFileSelect}\n                    className=\"hidden\"\n                  />\n                  <button\n                    onClick={() => fileInputRef.current?.click()}\n                    disabled={isLoading}\n                    className=\"flex items-center justify-center space-x-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n                  >\n                    <DocumentArrowUpIcon className=\"w-5 h-5\" />\n                    <span>{isLoading ? 'Importing...' : 'Import Resource Files'}</span>\n                  </button>\n                </>\n              )}\n            </div>\n\n            {/* Usage Instructions */}\n            <div className=\"text-sm text-gray-600 space-y-2\">\n              <p className=\"font-medium\">Import Options:</p>\n              <ul className=\"list-disc list-inside space-y-1 ml-2\">\n                <li>\n                  <strong>Directory:</strong> Select a folder with ts-res resources\n                </li>\n                <li>\n                  <strong>Files:</strong> Select individual JSON resource files\n                </li>\n                <li>\n                  <strong>Bundles:</strong> Automatically detected and loaded\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n\n        {/* Right column: Status */}\n        <div className=\"space-y-6\">\n          {/* Import Status */}\n          <div className=\"bg-white rounded-lg shadow-sm border border-gray-200 p-6\">\n            <h3 className=\"text-lg font-semibold text-gray-900 mb-4\">Import Status</h3>\n\n            <div className=\"space-y-3\">\n              {/* Import Status */}\n              <div className=\"flex items-center space-x-3\">\n                {importStatus.hasImported ? (\n                  <>\n                    <CheckCircleIcon className=\"w-5 h-5 text-green-500\" />\n                    <span className=\"text-sm text-gray-900\">\n                      {importStatus.isBundle\n                        ? 'Bundle imported'\n                        : importStatus.isZip\n                        ? 'ZIP archive imported'\n                        : importStatus.isDirectory\n                        ? 'Directory imported'\n                        : `${importStatus.fileCount} file(s) imported`}\n                    </span>\n                  </>\n                ) : (\n                  <>\n                    <div className=\"w-5 h-5 rounded-full border-2 border-gray-300\"></div>\n                    <span className=\"text-sm text-gray-500\">No files imported yet</span>\n                  </>\n                )}\n              </div>\n\n              {/* Bundle Detection */}\n              {importStatus.isBundle && (\n                <div className=\"flex items-center space-x-3\">\n                  <ArchiveBoxIcon className=\"w-5 h-5 text-blue-500\" />\n                  <span className=\"text-sm text-blue-900\">Bundle file detected</span>\n                </div>\n              )}\n\n              {/* ZIP Detection */}\n              {importStatus.isZip && (\n                <div className=\"flex items-center space-x-3\">\n                  <ArchiveBoxIcon className=\"w-5 h-5 text-purple-500\" />\n                  <span className=\"text-sm text-purple-900\">ZIP archive processed</span>\n                </div>\n              )}\n            </div>\n\n            {/* Reset Button */}\n            {importStatus.hasImported && (\n              <button\n                onClick={handleReset}\n                className=\"mt-4 px-4 py-2 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors\"\n              >\n                Clear Import\n              </button>\n            )}\n          </div>\n\n          {/* Error Display */}\n          {error && (\n            <div className=\"bg-white rounded-lg shadow-sm border border-red-200 p-6\">\n              <div className=\"flex items-start space-x-2\">\n                <ExclamationTriangleIcon className=\"w-5 h-5 text-red-600 mt-0.5\" />\n                <div className=\"text-sm text-red-800\">\n                  <p className=\"font-medium\">Error</p>\n                  <p>{error}</p>\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Success Message */}\n          {importStatus.hasImported && !error && (\n            <div className=\"bg-white rounded-lg shadow-sm border border-green-200 p-6\">\n              <div className=\"flex items-start space-x-2\">\n                <CheckCircleIcon className=\"w-5 h-5 text-green-600 mt-0.5\" />\n                <div className=\"text-sm text-green-800\">\n                  <p className=\"font-medium\">Import Successful!</p>\n                  <p>\n                    {importStatus.isBundle\n                      ? 'Bundle resources are ready to browse.'\n                      : importStatus.isZip\n                      ? 'ZIP archive contents have been imported and are ready for processing.'\n                      : 'Resources are ready for processing.'}\n                  </p>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// Helper functions\nasync function readFileContent(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = (e) => resolve(e.target?.result as string);\n    reader.onerror = (e) => reject(new Error(`Failed to read file: ${file.name}`));\n    reader.readAsText(file);\n  });\n}\n\nasync function processDirectoryHandle(dirHandle: any, parentPath: string = ''): Promise<ImportedDirectory> {\n  const files: ImportedFile[] = [];\n  const subdirectories: ImportedDirectory[] = [];\n\n  for await (const entry of dirHandle.values()) {\n    if (entry.kind === 'file') {\n      const file = await entry.getFile();\n      const content = await file.text();\n      files.push({\n        name: file.name,\n        path: parentPath ? `${parentPath}/${file.name}` : file.name,\n        content,\n        type: file.type\n      });\n    } else if (entry.kind === 'directory') {\n      const subdir = await processDirectoryHandle(\n        entry,\n        parentPath ? `${parentPath}/${entry.name}` : entry.name\n      );\n      subdirectories.push(subdir);\n    }\n  }\n\n  return {\n    name: dirHandle.name,\n    path: parentPath,\n    files,\n    subdirectories: subdirectories.length > 0 ? subdirectories : undefined\n  };\n}\n\nfunction countFiles(dir: ImportedDirectory): number {\n  let count = dir.files?.length || 0;\n  if (dir.subdirectories) {\n    for (const subdir of dir.subdirectories) {\n      count += countFiles(subdir);\n    }\n  }\n  return count;\n}\n\nexport default ImportView;\n"]}

package/lib/components/views/ResolutionView/EditableJsonView.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface EditableJsonViewProps {
+    /** The original JSON value */
+    value: any;
+    /** The resource ID for tracking edits */
+    resourceId: string;
+    /** Whether this resource has been edited */
+    isEdited?: boolean;
+    /** The current edited value if any */
+    editedValue?: any;
+    /** Callback when the user saves an edit */
+    onSave?: (resourceId: string, editedValue: any, originalValue: any) => void;
+    /** Callback when the user cancels an edit */
+    onCancel?: (resourceId: string) => void;
+    /** Whether editing is currently disabled */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const EditableJsonView: React.FC<EditableJsonViewProps>;
+//# sourceMappingURL=EditableJsonView.d.ts.map

package/lib/components/views/ResolutionView/EditableJsonView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableJsonView.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ResolutionView/EditableJsonView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,KAAK,EAAE,GAAG,CAAC;IACX,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5E,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6L5D,CAAC"}