Skip to content

Releases: miguelcolmenares/css-js-minifier

🚀 CSS & JS Minifier v1.1.0 - Internationalization & Package Optimization

18 Oct 02:53

Choose a tag to compare

🌍 CSS & JS Minifier v1.1.0 - Major Release

✨ Key Features

🌍 Internationalization Support

  • 7 languages fully supported: English, Spanish, French, German, Portuguese, Japanese, Chinese Simplified
  • Custom l10n fallback system for maximum reliability
  • 30+ translated messages covering all user interactions
  • Automatic language detection based on VS Code settings

📊 Size Reduction Statistics

  • Real-time statistics showing original vs minified file sizes
  • Percentage reduction display with human-readable format (KB/B)
  • Configurable display via showSizeReduction setting
  • Works with both in-place and new file minification

📦 Package Size Optimization

  • 96.8% size reduction: From ~1.46 MB to 47.65 KB
  • Ultra-fast installation for better user experience
  • Icon optimization with oxipng (41KB → 22KB, 46% reduction)
  • Smart asset exclusion while preserving all functionality

🔧 Technical Improvements

🏗️ Architecture Enhancements

  • Modular architecture with clear separation of concerns
  • Enhanced error handling with detailed user feedback
  • Custom l10n fallback when VS Code native l10n fails
  • Notification system optimization preventing duplicate messages

🧪 Testing & Quality

  • Comprehensive test suite with 29 tests covering all scenarios
  • i18n test coverage with 20+ internationalization tests
  • Automatic test cleanup with improved reliability
  • VS Code tasks for efficient development workflows

🐛 Bug Fixes

CSS nth-child Selector Minification - FULLY RESOLVED

  • 41% size reduction confirmed on complex nth-child patterns
  • Mathematical expressions work perfectly
  • Selector filtering and complex combinations supported
  • Comprehensive test coverage for all edge cases

🔔 Notification System

  • Fixed double notifications in manual minification commands
  • Suppressed auto-save notifications while preserving manual feedback
  • Parameter interpolation working correctly in all languages

📋 What's Included

🌍 Supported Languages

  • 🇺🇸 English (default)
  • 🇪🇸 Spanish (Español)
  • 🇫🇷 French (Français)
  • 🇩🇪 German (Deutsch)
  • 🇧🇷 Portuguese (Português)
  • 🇯🇵 Japanese (日本語)
  • 🇨🇳 Chinese Simplified (简体中文)

⚙️ New Configuration Options

  • showSizeReduction - Toggle size statistics display (default: true)
  • Enhanced autoOpenNewFile - Control file opening behavior
  • All existing configurations maintained and improved

📦 Package Optimization Details

  • Extension size: 47.65 KB (24 files included)
  • Webpack bundle: 12.04 KB optimized code
  • Optimized icon: 22.22 KB with transparency preserved
  • Complete i18n: 16.79 KB for 7 languages
  • Essential docs: README, CHANGELOG, LICENSE included

🚀 Installation & Usage

Install from VS Code Marketplace or run:

code --install-extension miguel-colmenares.css-js-minifier

Quick Start:

  1. Right-click any .css or .js file → Minify this File
  2. Keyboard shortcut: Ctrl+Alt+M (Windows/Linux) or Cmd+Alt+M (macOS)
  3. Auto-minify: Enable minifyOnSave in settings
  4. Language: Automatically uses your VS Code display language

📈 Performance Benefits

  • 96.8% smaller package = 30x faster installation
  • Optimized API calls with 5-second timeout handling
  • Enhanced error messages in your preferred language
  • Real-time feedback on file size optimization

🔄 Migration from v1.0.0

Fully backward compatible - no configuration changes needed
Automatic language detection - works immediately
All existing features preserved and enhanced
New features enabled by default with smart defaults

🙏 Acknowledgments

Special thanks to all users who reported issues and provided feedback to make this release possible. Your input helped us create a truly international and optimized extension.


Full changelog: CHANGELOG.md
Documentation: README.md
Issues & Support: GitHub Issues

CSS & JS Minifier v1.0.0 - Initial Stable Release

17 Oct 00:11

Choose a tag to compare

CSS & JS Minifier v1.0.0 🚀

🎉 Initial Stable Release

This is the first stable release of the CSS & JS Minifier extension for Visual Studio Code. The extension provides seamless CSS and JavaScript minification using the Toptal API directly within your development environment.

✨ Core Features

🔧 Minification Commands

  • In-place minification: Minify files directly in the current editor
  • New file creation: Generate minified files with customizable prefixes
  • Explorer integration: Right-click context menu support
  • Keyboard shortcuts: Quick access via configurable keybindings

⚙️ Configuration Options

  • minifyOnSave: Automatically minify files when saving
  • minifyInNewFile: Choose between in-place or new file minification
  • minifiedNewFilePrefix: Customize output file naming (.min, -min, .compressed, etc.)
  • autoOpenNewFile: Automatically open newly created minified files

🌍 Internationalization

  • English (default): Complete interface translation
  • Spanish: Full localization support
  • Extensible i18n system ready for additional languages

🔄 API Integration

  • Toptal CSS Minifier: Reliable CSS compression
  • Toptal JS Minifier: JavaScript optimization
  • Rate limiting compliance: 30 requests/minute with intelligent queuing
  • Error handling: Comprehensive user feedback and retry mechanisms

🛠️ Development & Testing

🧪 Comprehensive Test Suite

  • 27 core tests covering all functionality
  • Multi-platform testing: Ubuntu, Windows, macOS
  • VS Code compatibility: Minimum 1.90.0, Stable, Insiders
  • CI/CD pipeline: Automated testing and validation

🏗️ Development Infrastructure

  • Modular architecture: Clean separation of concerns
  • TypeScript: Full type safety and IntelliSense support
  • Webpack bundling: Optimized extension packaging
  • ESLint: Code quality and consistency
  • GitHub Actions: Automated workflows and quality gates

📁 Project Structure

src/
├── commands/        # Command handlers and VS Code integration
├── services/        # Business logic and external API calls
├── utils/          # Validation and utility functions
├── test/           # Comprehensive test suite
└── extension.ts    # Main entry point

🔒 Security & Quality

  • CodeQL scanning: Automated security analysis
  • Dependabot: Vulnerability monitoring and auto-updates
  • CVE checking: Regular security audits
  • Code quality gates: ESLint and TypeScript compilation checks

📦 Installation

Install from the VS Code Marketplace:

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "CSS & JS Minifier"
  4. Click Install

🚀 Usage

Basic Commands

  • Ctrl+Shift+M: Minify current file in-place
  • Ctrl+Shift+N: Create new minified file
  • Right-click in Explorer: Context menu options

Configuration

Open VS Code Settings and search for "css-js-minifier" to customize behavior.

🤝 Contributing

Contributions are welcome! Please check our GitHub repository for:

  • Issue reporting
  • Feature requests
  • Pull request guidelines
  • Development setup

📝 Changelog

v1.0.0 (October 16, 2025)

  • Initial stable release
  • Complete CSS and JS minification functionality
  • Multi-language support (English, Spanish)
  • Comprehensive test suite and CI/CD pipeline
  • Production-ready with extensive error handling
  • Full VS Code marketplace compatibility

🙏 Acknowledgments

  • Toptal: For providing the minification APIs
  • VS Code Team: For the excellent extension development platform
  • Community: For testing and feedback during development

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


*Happy minifyingpush origin v1.0.0 🎯