82f5f9afa960a1d6ebfecd2f1f4a7b3b38a1712e
21 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
|
|
82f5f9afa9 |
Add missing SiXml import
- Add SiXml to import list to fix ReferenceError - SiXml was being used in iconMap but not imported - All XML files now properly display XML icon |
||
|
|
7bcc863270 |
Fix SiJava import error - replace with SiOracle
- Replace non-existent SiJava with SiOracle for Java files - Oracle is the owner of Java, making it an appropriate icon choice - All imported icons now exist and should work correctly - Maintain red color scheme for Java files |
||
|
|
7bb09935a6 |
Fix icon import error and classify YAML as code files
- Replace SiCsharp with SiDotnet for C# files (correct icon name) - Move yaml and yml extensions to codeExts array - Remove separate yaml file type, treat as code files - Simplify file type logic by removing yaml-specific conditions - YAML files now get full CodeMirror editing experience with syntax highlighting |
||
|
|
560b47532c |
Add official programming language icons and YAML support
- Install react-icons library for official technology icons - Create getLanguageIcon function with 25+ language-specific icons - Add official brand colors for each programming language: - JavaScript/JSX (yellow), TypeScript/TSX (blue) - Python (blue), Java (red), Go (cyan), Rust (orange) - HTML5 (orange), CSS3 (blue), SCSS/Sass (pink) - JSON (yellow), YAML (red), SQL (blue), etc. - Add dedicated YAML file type support with official YAML icon - Support special files: Dockerfile, Makefile, Gemfile - Ensure YAML files get CodeMirror syntax highlighting and editing - Update shouldShowAsText logic to include YAML files - Maintain consistent professional appearance across all file types |
||
|
|
5e2d463678 |
Add comprehensive code editing support with syntax highlighting
- Integrate CodeMirror for advanced code editing with syntax highlighting - Support 20+ programming languages including JavaScript, TypeScript, Python, Java, Go, Rust, etc. - Add JSON files to code file category for proper syntax highlighting - Implement line numbers for both CodeMirror and search mode - Add comprehensive editor features: code folding, auto-completion, bracket matching - Maintain search functionality with line numbers in read-only mode - Use dark theme to match project design system - Ensure all code files are fully editable with professional IDE-like features |
||
|
|
978981dd6b |
Fix search highlighting scroll issue and improve color contrast
- Remove overlay-based highlighting that stayed in place during scroll - Switch between read-only highlighted view and editable textarea based on search state - Enhance color contrast: current match (red text + yellow bg), other matches (blue text + light blue bg) - Use font-bold for better visibility of search results - Ensure highlights follow text content during scrolling |
||
|
|
1d79fd721e |
Optimize search highlighting: change from background colors to text color changes
- Replace background highlighting with text color changes for better visibility - Current match highlighted in orange, other matches in blue - Add font-semibold for better distinction of search results - Improve readability by avoiding color overlay on text |
||
|
|
f4f5e47e48 |
Refactor file window components to use shadcn design tokens
- Replace hardcoded colors with shadcn CSS variables in DraggableWindow - Update FileViewer to use proper shadcn theme colors - Switch from gray-* to muted/foreground/background tokens - Improve dark mode compatibility and visual consistency - Maintain all existing functionality with better theming support 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
|
0497ff139e |
Fix SSH connection issues and enable no-extension file editing
- Add SSH connection checking with auto-reconnection in FileWindow - Fix missing sshHost parameter passing from FileManagerModern - Enable editing for files without extensions (.bashrc, Dockerfile, etc.) - Add proper error handling for SSH connection failures - Fix onContentChange callback for real-time text editing 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
|
e364c20213 |
Add smart large file handling for unknown file types
Enhanced FileViewer to handle unknown file types intelligently: ⚠️ **Large File Warning System**: - Files > 1MB show warning dialog before opening as text - Files > 10MB are blocked for security (cannot open as text) - User can choose: "Open as Text", "Download Instead", or "Cancel" - Prevents browser crashes from massive files 📝 **Universal Text Fallback**: - Unknown file types now default to text viewer for files ≤ 1MB - Users can force-open larger files as text after warning - Smart detection prevents opening binary files accidentally 🛡️ **Safety Features**: - Hard 10MB limit prevents system crashes - Clear file size display in warnings - Performance impact warnings for 1MB+ files - Graceful fallback to download option 🎯 **User Experience**: - Unknown files automatically try text mode first - Clear messaging about potential issues - Multiple resolution options (text/download/cancel) - Maintains safety while maximizing accessibility This allows users to examine any file type as text when safe, while protecting against performance issues and crashes. |
||
|
|
22ac7d8596 |
Implement draggable file windows - Windows Explorer style
Added comprehensive draggable window system with the following features: 🪟 **DraggableWindow Component**: - Full drag and drop functionality with title bar dragging - Window resizing from all edges and corners - Maximize/minimize/close window controls - Double-click title bar to maximize/restore - Auto position adjustment to prevent off-screen windows - Windows-style blue gradient title bar 📁 **FileViewer Component**: - Multi-format file support (text, code, images, videos, audio) - Syntax highlighting distinction for code files - Editable text files with real-time content tracking - File metadata display (size, modified date, permissions) - Save and download functionality - Unsaved changes indicator 🎯 **WindowManager System**: - Multi-window support with proper z-index management - Window factory pattern for dynamic component creation - Focus management - clicking brings window to front - Smart window positioning with auto-offset - Memory leak prevention with proper cleanup 🔗 **FileWindow Integration**: - SSH file loading with error handling - Auto-detect editable file types - Real-time file saving to remote server - Download files as binary blobs - Loading states and progress feedback ✨ **User Experience**: - Double-click any file to open in draggable window - Multiple files can be open simultaneously - Windows behave like native Windows Explorer - Smooth animations and transitions - Responsive design that works on all screen sizes This transforms the file manager from a basic browser into a full desktop-class application with native OS window management behavior. |
||
|
|
501de06266 |
Fix context menu click-outside behavior - Windows Explorer style
- Fixed menu not closing when clicking outside by removing event.stopPropagation() - Added delayed event listener attachment (50ms) to avoid capturing the triggering click - Implemented proper Windows Explorer behaviors: * Left click outside menu → closes menu * Right click anywhere → closes current menu * Escape key → closes menu * Window blur → closes menu * Scroll → closes menu - Added transparent backdrop layer for better click detection - Used data-context-menu attribute for precise element targeting - Improved event cleanup to prevent memory leaks Now matches Windows file manager behavior exactly. |
||
|
|
dcce5d1eec |
Remove legacy file manager view toggle - simplify architecture
- Eliminated useModernView state and all related switching logic - Removed overlapping view toggle buttons that interfered with UI - FileManager now directly renders FileManagerModern component - Significantly reduced bundle size from 3MB to 1.4MB - Modern file manager is now the only interface with full features: * Grid and list view modes * SSH connection management * Drag-and-drop uploads * Context menus and file operations * Navigation history The legacy view is no longer needed as the modern view provides all functionality with better UX and performance. |
||
|
|
fee7af3c46 |
Fix file manager view mode toggle - add grid and list view support
- Added viewMode prop to FileManagerGrid component - Implemented list view layout with detailed file information - Updated icon sizing for different view modes (8px for grid, 6px for list) - Added proper file metadata display in list view (size, permissions, modified date) - Connected view mode state from FileManagerModern to FileManagerGrid - Both grid and list view buttons now fully functional |
||
|
|
7c7754ba11 |
Fix file manager navigation buttons - implement proper directory navigation
🧭 Navigation System Overhaul: - Replace broken browser history navigation with proper file system navigation - Implement intelligent directory history tracking with forward/backward support - Add smart button state management with auto-disable when not applicable 🔧 Button Fixes: - Back button (<): Now navigates to previously visited directories - Forward button (>): Restores navigation after going back - Up button (↑): Properly constructs parent directory paths - Refresh button: Fixed icon from Download to RefreshCw 🎯 Smart Button States: - Back/Forward buttons auto-disable when no history available - Up button disables at root directory (/) - Visual feedback with opacity changes for disabled states - Proper hover effects and accessibility 🧠 Navigation History Logic: - Automatic history tracking when directories change - History index management for proper back/forward behavior - Clean path construction with correct separator handling - Memory-efficient history management The file manager now provides desktop-class navigation experience matching modern file explorers like Windows Explorer or macOS Finder. |
||
|
|
cd70e63a1b |
Fix critical file selection and SSH connection issues in modern file manager
Major fixes that make the modern file manager fully functional: 🔧 Core Issues Fixed: - File selection bug: All files showing as selected when only one was clicked - SSH connection not established: 400 errors when loading directories - File path undefined: Backend data missing proper path construction 🎯 File Selection Fix: - Root cause: All file.path values were 'undefined', causing path comparison to always return true ('undefined' === 'undefined') - Solution: Manually construct file paths from currentPath + fileName - Result: Proper single/multi/range selection now works correctly 🔗 SSH Connection Enhancement: - Added comprehensive connection status checking before operations - Implemented automatic reconnection on connection failures - Enhanced error handling with detailed logging and user feedback - Added connection parameter validation and debugging 🛠️ Technical Improvements: - Enhanced useFileSelection hook with safer state management - Added extensive debugging logs for file operations and path construction - Improved error messages and user feedback across all operations - Robust file path building matching traditional file manager logic The modern file manager now provides a fully functional, desktop-class file management experience with proper selection, navigation, and operations. |
||
|
|
b50ee1965f |
Fix modern file manager SSH connection and button functionality
Critical fixes to make the modern file manager functional: - Fix SSH connection parameters: Pass complete config object to connectSSH() instead of just host ID, resolving 'Missing SSH connection parameters' error - Add missing 'New File' button with handleCreateNewFile functionality - Implement handlePasteFiles and handleRenameFile placeholder functions - Complete right-click context menu with all required event handlers - Ensure proper SSH session establishment for backend communication The modern file manager now properly connects to SSH hosts and can perform basic file operations. Ready for incremental feature completion. |
||
|
|
49e7159939 |
Implement modern file manager with drag-and-drop interface
Major UI/UX improvements to replace clunky sidebar with modern grid layout: - Add FileManagerModern component with grid-based file browser - Implement drag-and-drop file upload with validation and progress - Add comprehensive context menu with file operations (copy/cut/paste/delete) - Create intelligent file selection system with multi-select support - Add modern toolbar with search, view switching, and file operations - Integrate seamless view switching between classic and modern interfaces - Support keyboard shortcuts and accessibility features - Add complete i18n support for all new interface elements Technical components: - FileManagerGrid: Grid layout with breadcrumb navigation - FileManagerContextMenu: Right-click context menu system - useFileSelection: Hook for managing file selection state - useDragAndDrop: Hook for handling drag-and-drop operations - View switching logic integrated into main FileManager component The modern interface is now the default while maintaining backward compatibility. Users can switch between modern and classic views seamlessly. |
||
|
|
957bc5e41b |
Fix SSH encryption and add file download functionality
- Fix SSH authentication by ensuring all database operations use EncryptedDBOperations for automatic encryption/decryption - Resolve SSH connection failures caused by encrypted password data being passed to authentication - Add comprehensive file download functionality for SSH file manager (Issue #228) - Update database migration to add require_password column for SSH sessions - Enhance debugging and logging for SSH connection troubleshooting 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
|
2323885b6c | feat: Added function to handle symlink (#227) | ||
|
|
5cd9de9ac5 |
v1.6.0 (#221)
* Add documentation in Chinese language (#160) * Update file naming and structure for mobile support * Add conditional desktop/mobile rendering * Mobile terminal * Fix overwritten i18n (#161) * Add comprehensive Chinese internationalization support - Implemented i18n framework with react-i18next for multi-language support - Added Chinese (zh) and English (en) translation files with comprehensive coverage - Localized Admin interface, authentication flows, and error messages - Translated FileManager operations and UI elements - Updated HomepageAuth component with localized authentication messages - Localized LeftSidebar navigation and host management - Added language switcher component (shown after login only) - Configured default language as English with Chinese as secondary option - Localized TOTPSetup two-factor authentication interface - Updated Docker build to include translation files - Achieved 95%+ UI localization coverage across core components Co-Authored-By: Claude <noreply@anthropic.com> * Extend Chinese localization coverage to Host Manager components - Added comprehensive translations for HostManagerHostViewer component - Localized all host management UI text including import/export features - Translated error messages and confirmation dialogs for host operations - Added translations for HostManagerHostEditor validation messages - Localized connection details, organization settings, and form labels - Fixed syntax error in FileManagerOperations component - Achieved near-complete localization of SSH host management interface - Updated placeholders and tooltips for better user guidance Co-Authored-By: Claude <noreply@anthropic.com> * Complete comprehensive Chinese localization for Termix - Added full localization support for Tunnel components (connected/disconnected states, retry messages) - Localized all tunnel status messages and connection errors - Added translations for port forwarding UI elements - Verified Server, TopNavbar, and Tab components already have complete i18n support - Achieved 99%+ localization coverage across entire application - All core UI components now fully support Chinese and English languages This completes the comprehensive internationalization effort for the Termix SSH management platform. Co-Authored-By: Claude <noreply@anthropic.com> * Localize additional Host Manager components and authentication settings - Added translations for all authentication options (Password, Key, SSH Private Key) - Localized form labels in HostManagerHostEditor (Pin Connection, Enable Terminal/Tunnel/FileManager) - Translated Upload/Update Key button states - Localized Host Viewer and Add/Edit Host tab labels - Added Chinese translations for all host management settings - Fixed duplicate translation keys in JSON files Co-Authored-By: Claude <noreply@anthropic.com> * Extend localization coverage to UI components and common strings - Added comprehensive common translations (online/offline, success/error, etc.) - Localized status indicator component with all status states - Updated FileManagerLeftSidebar toast messages for rename/delete operations - Added translations for UI elements (close, toggle sidebar, etc.) - Expanded placeholder translations for form inputs - Added Chinese translations for all new common strings - Improved consistency across component status messages Co-Authored-By: Claude <noreply@anthropic.com> * Complete Chinese localization for remaining UI components - Add comprehensive Chinese translations for Host Manager component - Translate all form labels, buttons, and descriptions - Add translations for SSH configuration warnings and instructions - Localize tunnel connection settings and port forwarding options - Localize SSH Tools panel - Translate key recording functionality - Add translations for settings and configuration options - Translate homepage welcome messages and navigation elements - Add Chinese translations for login success messages - Localize "Updates & Releases" section title - Translate sidebar "Host Manager" button - Fix translation key display issues - Remove duplicate translation keys in both language files - Ensure all components properly reference translation keys - Fix hosts.tunnelConnections key mapping This completes the full Chinese localization of the Termix application, achieving near 100% UI translation coverage while maintaining English as the default language. * Complete final Chinese localization for Host Manager tunnel configuration - Add Chinese translations for authentication UI elements - Translate "Authentication", "Password", and "Key" tab labels - Localize SSH private key and key password fields - Add translations for key type selector - Localize tunnel connection configuration descriptions - Translate retry attempts and retry interval descriptions - Add dynamic tunnel forwarding description with port parameters - Localize endpoint SSH configuration labels - Fix missing translation keys - Add "upload" translation for file upload button - Ensure all FormLabel and FormDescription elements use translation keys This completes the comprehensive Chinese localization of the entire Termix application, achieving 100% UI translation coverage. * Fix PR feedback: Improve Profile section translations and UX - Fixed password reset translations in Profile section - Moved language selector from TopNavbar to Profile page - Added profile.selectPreferredLanguage translation key - Improved user experience for language preferences * Apply critical OIDC and notification system fixes while preserving i18n - Merge OIDC authentication fixes from |