feat: Add 5 immersive loading animations and multiple feature enhancements #433

2025-11-09T13:31:01Z

ZacharyZcR commented

2025-11-09 13:31:01 +00:00

(Migrated from github.com)

Summary

This PR introduces a comprehensive loading animation system with 5 unique fullscreen effects and multiple feature enhancements to improve user experience and security.

🎨 Loading Animation System

Five Distinct Animation Styles

Glitch (Cyberpunk/Signal Interference)
- RGB color split layers with independent animation
- Signal distortion bars with steps animation
- Noise overlay and glitch blocks
- Cyberpunk aesthetic with transparent background
Breathe (Elegant Dream)
- 12 floating light particles with complex motion paths
- Multi-layer gradient background with smooth transitions
- 3 particle sizes (small/normal/large)
- Soft blue/purple color palette
Typewriter (Retro Terminal)
- ASCII character rain (9 columns)
- CRT scanline effect
- 5 animated cursor trails
- Green monochrome terminal aesthetic
- CRT pixel grid simulation
Scanner (Matrix/Hacker)
- Matrix-style binary digit rain (10 columns)
- Dense grid background with flicker
- Powerful scan beam with bright core
- Random code fragments
- Green/cyan hacker aesthetic
Pulse (Sonar/Radar)
- 5 concentric radar circles
- Cross-hair grid lines
- 5 sonar pulse waves
- 8 blinking radar targets
- Radar sweep rotation
- Blue military tech aesthetic

Technical Features

Random 20% probability for each animation
Minimum duration control (600-800ms) to prevent flickering
Fullscreen immersive effects with layered visuals
CSS keyframes for optimal performance
Applied to SSH connections, file manager, and server monitoring

📦 File Management Enhancements

File Compression

Support for multiple formats: ZIP, TAR, TAR.GZ, TAR.BZ2, 7Z
Friendly error messages with format-specific instructions
Automatic detection of missing compression tools
Clear installation guidance for users

Archive Extraction

Support for ZIP, TAR, GZ, BZ2, XZ, 7Z, RAR formats
Visual progress feedback
Error handling with recovery suggestions
Maintains file permissions and structure

File Permissions Dialog

Visual permission editor with checkboxes
Owner, Group, Others permission sets
Numeric and symbolic notation display
Real-time permission calculation

File Color Coding

Different colors for file types (folders, images, archives, executables, etc.)
Improved visual scanning
Consistent across all file views

🖥️ Terminal Improvements

Command History Tracking

Persistent command history per SSH host
Search and filter functionality
Keyboard navigation (↑↓ arrows)
Delete individual commands
Command autocomplete based on history

Drag-to-Desktop Split Screen

Drag tabs to create split screen layouts
Flexible positioning (left/right/top/bottom)
Smooth animations
Works with terminals, file managers, and servers

🏠 Host Manager Enhancements

Direct Quick Actions

SSH Connection button
File Manager access
Server Status monitoring
Tab switching instead of disabling buttons

Folder Customization

Create custom folders in sidebar
Organize hosts by folders
Batch operations (move, delete)
Persistent folder structure

🔒 Security Improvements

Prevents brute force attacks
Configurable attempt limits
Automatic account lockout
Clear error messages

User Enumeration Fix

Consistent response times
Generic error messages
No timing attacks possible

🎨 UI/UX Improvements

Split-screen cinematic layout
Diagonal line pattern background
Smooth TERMIX logo animations
Premium visual details
i18n support

Page Transitions

Smooth macOS-style transitions
Ripple effects
TERMIX logo animation during transitions
Premium feel and polish

Command Palette

Quick command access (Ctrl+K / Cmd+K)
Keyboard shortcuts display
i18n support
Fuzzy search

🌍 Internationalization

German language support
i18n for command palette
i18n for terminal customization
i18n for login stats

🛠️ Technical Improvements

Modularized server stats widget collectors
Enhanced error logging
Database encryption improvements
Removed empty catch blocks
Added proper error handling

Test Plan

Loading animations display correctly in all scenarios
File compression works for all formats
Archive extraction handles all formats
Command history persists across sessions
Drag-to-desktop split screen works smoothly
Rate limiting prevents brute force
Login page displays correctly
All new UI components are responsive

🤖 Generated with Claude Code

## Summary This PR introduces a comprehensive loading animation system with 5 unique fullscreen effects and multiple feature enhancements to improve user experience and security. ## 🎨 Loading Animation System ### Five Distinct Animation Styles 1. **Glitch (Cyberpunk/Signal Interference)** - RGB color split layers with independent animation - Signal distortion bars with steps animation - Noise overlay and glitch blocks - Cyberpunk aesthetic with transparent background 2. **Breathe (Elegant Dream)** - 12 floating light particles with complex motion paths - Multi-layer gradient background with smooth transitions - 3 particle sizes (small/normal/large) - Soft blue/purple color palette 3. **Typewriter (Retro Terminal)** - ASCII character rain (9 columns) - CRT scanline effect - 5 animated cursor trails - Green monochrome terminal aesthetic - CRT pixel grid simulation 4. **Scanner (Matrix/Hacker)** - Matrix-style binary digit rain (10 columns) - Dense grid background with flicker - Powerful scan beam with bright core - Random code fragments - Green/cyan hacker aesthetic 5. **Pulse (Sonar/Radar)** - 5 concentric radar circles - Cross-hair grid lines - 5 sonar pulse waves - 8 blinking radar targets - Radar sweep rotation - Blue military tech aesthetic ### Technical Features - Random 20% probability for each animation - Minimum duration control (600-800ms) to prevent flickering - Fullscreen immersive effects with layered visuals - CSS keyframes for optimal performance - Applied to SSH connections, file manager, and server monitoring ## 📦 File Management Enhancements ### File Compression - Support for multiple formats: ZIP, TAR, TAR.GZ, TAR.BZ2, 7Z - Friendly error messages with format-specific instructions - Automatic detection of missing compression tools - Clear installation guidance for users ### Archive Extraction - Support for ZIP, TAR, GZ, BZ2, XZ, 7Z, RAR formats - Visual progress feedback - Error handling with recovery suggestions - Maintains file permissions and structure ### File Permissions Dialog - Visual permission editor with checkboxes - Owner, Group, Others permission sets - Numeric and symbolic notation display - Real-time permission calculation ### File Color Coding - Different colors for file types (folders, images, archives, executables, etc.) - Improved visual scanning - Consistent across all file views ## 🖥️ Terminal Improvements ### Command History Tracking - Persistent command history per SSH host - Search and filter functionality - Keyboard navigation (↑↓ arrows) - Delete individual commands - Command autocomplete based on history ### Drag-to-Desktop Split Screen - Drag tabs to create split screen layouts - Flexible positioning (left/right/top/bottom) - Smooth animations - Works with terminals, file managers, and servers ## 🏠 Host Manager Enhancements ### Direct Quick Actions - SSH Connection button - File Manager access - Server Status monitoring - Tab switching instead of disabling buttons ### Folder Customization - Create custom folders in sidebar - Organize hosts by folders - Batch operations (move, delete) - Persistent folder structure ## 🔒 Security Improvements ### Login Rate Limiting - Prevents brute force attacks - Configurable attempt limits - Automatic account lockout - Clear error messages ### User Enumeration Fix - Consistent response times - Generic error messages - No timing attacks possible ## 🎨 UI/UX Improvements ### Login Page Redesign - Split-screen cinematic layout - Diagonal line pattern background - Smooth TERMIX logo animations - Premium visual details - i18n support ### Page Transitions - Smooth macOS-style transitions - Ripple effects - TERMIX logo animation during transitions - Premium feel and polish ### Command Palette - Quick command access (Ctrl+K / Cmd+K) - Keyboard shortcuts display - i18n support - Fuzzy search ## 🌍 Internationalization - German language support - i18n for command palette - i18n for terminal customization - i18n for login stats ## 🛠️ Technical Improvements - Modularized server stats widget collectors - Enhanced error logging - Database encryption improvements - Removed empty catch blocks - Added proper error handling ## Test Plan - [x] Loading animations display correctly in all scenarios - [x] File compression works for all formats - [x] Archive extraction handles all formats - [x] Command history persists across sessions - [x] Drag-to-desktop split screen works smoothly - [x] Rate limiting prevents brute force - [x] Login page displays correctly - [x] All new UI components are responsive 🤖 Generated with [Claude Code](https://claude.com/claude-code)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dennii/Termix#433