22ac7d8596b8b0b4237ffddb87c4e6f0bdc1a072
22 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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 |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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. |
||
|
ZacharyZcR
|
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> |
||
|
ZacharyZcR
|
182b60a428 |
Add optional password requirement for SSH sessions (Issue #118)
Users can now choose whether to require a password when saving SSH sessions. A new "Require Password" toggle has been added to the password authentication tab, allowing sessions to be saved without entering a password when disabled. - Add requirePassword boolean field to SSH host schema (defaults to true) - Update form validation to conditionally require password based on setting - Add "Require Password" toggle with description in Host Manager UI - Update all backend SSH routes to handle requirePassword field correctly - Add translations for new UI elements in English and Chinese - Maintain full backward compatibility with existing hosts Resolves #118 |
||
|
ZacharyZcR
|
c2545f9279 | Merge branch 'main' of https://github.com/ZacharyZcR/Termix | ||
jedi04
|
d28b89f536 | Added option to clone host (#241) | ||
|
ZacharyZcR
|
e8b6746278 |
Fix macOS special character input in terminal (Issue #41)
- Add custom keyboard event handler for macOS Option key combinations - Enable Option+7 to input pipe symbol (|) in Safari and Firefox - Support additional special characters: @, €, [, ], commonly used on macOS - Use both e.key and e.code for robust keyboard layout compatibility - Only activate on macOS platform to avoid affecting other systems - Maintain xterm.js native handling as primary with custom handler as fallback Resolves GitHub Issue #41 where users couldn't type pipe symbol with Option+7 on Mac. |
||
|
jedi04
|
2323885b6c | feat: Added function to handle symlink (#227) | ||
ZacharyZcR
|
a4feb67c08 |
Add SSH key generation and deployment features (#234)
* Fix SSH key upload and credential editing issues Fixed two major credential management issues: 1. Fix SSH key upload button not responding (Issue #232) - Error handling was silently swallowing exceptions - Added proper error propagation in axios functions - Improved error display to show specific error messages - Users now see actual error details instead of generic messages 2. Improve credential editing to show actual content - Both "Upload File" and "Paste Key" modes now display existing data - Upload mode: shows current key content in read-only preview area - Paste mode: shows editable key content in textarea - Smart input method switching preserves existing data - Enhanced button labels and status indicators Key changes: - Fixed handleApiError propagation in main-axios.ts credential functions - Enhanced CredentialEditor.tsx with key content preview - Improved error handling with console logging for debugging - Better UX with clear status indicators and preserved data These fixes resolve the "Add Credential button does nothing" issue and provide full visibility of credential content during editing. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * Add comprehensive SSH key management and validation features - Add support for both private and public key storage - Implement automatic SSH key type detection for all major formats (RSA, Ed25519, ECDSA, DSA) - Add real-time key pair validation to verify private/public key correspondence - Enhance credential editor UI with unified key input interface supporting upload/paste - Improve file format support including extensionless files (id_rsa, id_ed25519, etc.) - Add comprehensive fallback detection for OpenSSH format keys - Implement debounced API calls for better UX during real-time validation - Update database schema with backward compatibility for existing credentials - Add API endpoints for key detection and pair validation - Fix SSH2 module integration issues in TypeScript environment 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * Optimize credentials interface and add i18n improvements - Merge upload/paste tabs into unified SSH key input interface - Remove manual key type selection dropdown (rely on auto-detection) - Add public key generation from private key functionality - Complete key pair validation removal to fix errors - Add missing translation keys for better internationalization - Improve UX with streamlined credential editing workflow * Implement direct SSH key generation with ssh2 native API - Replace complex PEM-to-SSH conversion logic with ssh2's generateKeyPairSync - Add three key generation buttons: Ed25519, ECDSA P-256, and RSA - Generate keys directly in SSH format (ssh-ed25519, ecdsa-sha2-nistp256, ssh-rsa) - Fix ECDSA parameter bug: use bits (256) instead of curve for ssh2 API - Enhance generate-public-key endpoint with SSH format conversion - Add comprehensive key type detection and parsing fallbacks - Add internationalization support for key generation UI - Simplify codebase from 300+ lines to ~80 lines of clean SSH generation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * Add passphrase support for SSH key generation - Add optional passphrase input field in key generation container - Implement AES-128-CBC encryption for protected private keys - Auto-fill key password field when passphrase is provided - Support passphrase protection for all key types (Ed25519, ECDSA, RSA) - Enhance user experience with automatic form field population * Implement SSH key deployment feature with credential resolution - Add SSH key deployment endpoint supporting all authentication types - Implement automatic credential resolution for credential-based hosts - Add deployment UI with host selection and progress tracking - Support password, key, and credential authentication methods - Include deployment verification and error handling - Add public key field to credential types and API responses - Implement secure SSH connection handling with proper timeout 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: ZacharyZcR <zacharyzcr1984@gmail.com> Co-authored-by: Claude <noreply@anthropic.com> |
||
|
ZacharyZcR
|
a674073ec8 |
Implement SSH key deployment feature with credential resolution
- Add SSH key deployment endpoint supporting all authentication types - Implement automatic credential resolution for credential-based hosts - Add deployment UI with host selection and progress tracking - Support password, key, and credential authentication methods - Include deployment verification and error handling - Add public key field to credential types and API responses - Implement secure SSH connection handling with proper timeout 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
ZacharyZcR
|
1ac96e7c74 |
Add passphrase support for SSH key generation
- Add optional passphrase input field in key generation container - Implement AES-128-CBC encryption for protected private keys - Auto-fill key password field when passphrase is provided - Support passphrase protection for all key types (Ed25519, ECDSA, RSA) - Enhance user experience with automatic form field population |
||
|
ZacharyZcR
|
9cf0a14cea |
Implement direct SSH key generation with ssh2 native API
- Replace complex PEM-to-SSH conversion logic with ssh2's generateKeyPairSync - Add three key generation buttons: Ed25519, ECDSA P-256, and RSA - Generate keys directly in SSH format (ssh-ed25519, ecdsa-sha2-nistp256, ssh-rsa) - Fix ECDSA parameter bug: use bits (256) instead of curve for ssh2 API - Enhance generate-public-key endpoint with SSH format conversion - Add comprehensive key type detection and parsing fallbacks - Add internationalization support for key generation UI - Simplify codebase from 300+ lines to ~80 lines of clean SSH generation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
ZacharyZcR
|
c903a36ace |
Optimize credentials interface and add i18n improvements
- Merge upload/paste tabs into unified SSH key input interface - Remove manual key type selection dropdown (rely on auto-detection) - Add public key generation from private key functionality - Complete key pair validation removal to fix errors - Add missing translation keys for better internationalization - Improve UX with streamlined credential editing workflow |
||
|
ZacharyZcR
|
301303079b |
Add comprehensive SSH key management and validation features
- Add support for both private and public key storage - Implement automatic SSH key type detection for all major formats (RSA, Ed25519, ECDSA, DSA) - Add real-time key pair validation to verify private/public key correspondence - Enhance credential editor UI with unified key input interface supporting upload/paste - Improve file format support including extensionless files (id_rsa, id_ed25519, etc.) - Add comprehensive fallback detection for OpenSSH format keys - Implement debounced API calls for better UX during real-time validation - Update database schema with backward compatibility for existing credentials - Add API endpoints for key detection and pair validation - Fix SSH2 module integration issues in TypeScript environment 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|
ZacharyZcR
|
ecb12d72fe |
Fix SSH key upload and credential editing issues
Fixed two major credential management issues: 1. Fix SSH key upload button not responding (Issue #232) - Error handling was silently swallowing exceptions - Added proper error propagation in axios functions - Improved error display to show specific error messages - Users now see actual error details instead of generic messages 2. Improve credential editing to show actual content - Both "Upload File" and "Paste Key" modes now display existing data - Upload mode: shows current key content in read-only preview area - Paste mode: shows editable key content in textarea - Smart input method switching preserves existing data - Enhanced button labels and status indicators Key changes: - Fixed handleApiError propagation in main-axios.ts credential functions - Enhanced CredentialEditor.tsx with key content preview - Improved error handling with console logging for debugging - Better UX with clear status indicators and preserved data These fixes resolve the "Add Credential button does nothing" issue and provide full visibility of credential content during editing. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
Karmaa
|
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 |