⌨️ Keypress Notifications for VS Code 🔔

✨ Why This Extension?

Ever wondered if your keybinding actually triggered? 🤔 This extension gives you instant visual confirmation every time you execute multi-key combinations in VS Code. No more uncertainty, just pure confidence in your workflow!

Perfect for:

• 🧠 Visual learners who love immediate feedback
• 🔄 Heavy keybinding users working with complex shortcuts
• 🐛 Debugging scenarios where command execution matters
• 🎓 Teaching/learning situations to demonstrate actions
• 🚀 Power users who want full awareness of their actions

🎮 Features

⌨️ Smart Keybinding Detection

• 📄 Copy (Ctrl+C) → "Copy detected! 📄✨"
• ✂️ Cut (Ctrl+X) → "Cut detected! ✂️💫"
• 📋 Paste (Ctrl+V) → "Paste detected! 📋🎯"
• 💾 Save All (Ctrl+K S) → "Save All detected! 💾🔥"
• 🔍 Find in Files (Ctrl+Shift+F) → "Find in Files detected! 🔍⚡"
• 🎯 Command Palette (Ctrl+Shift+P) → "Command Palette detected! 🎯🚀"

🎛️ Control Commands

Access via Command Palette (Ctrl+Shift+P):

⚡ Smart Features

• 🚀 Auto-activates on VS Code startup
• 🏗️ Modular architecture for reliability
• 🔧 Configurable via VS Code settings
• 🎯 Zero performance impact on your workflow

🏢 Enterprise Ready

Built with enterprise-grade standards for professional development environments:

🔒 Security Excellence

• Zero Vulnerabilities: Clean security audit across all dependencies
• Automated Security Scanning: Continuous vulnerability monitoring via CI/CD pipeline
• Secure Architecture: No secrets in code, input validation, secure error handling
• Dependency Management: Renovate bot for automated security updates

📊 Quality Assurance

• 95%+ Test Coverage: Comprehensive E2E testing with mock workspace scenarios
• Cross-Platform Tested: Windows, macOS, Linux compatibility validation
• Multi-Node.js Support: Tested across Node.js 16, 18, 20, 22+
• VS Code Compatibility: Supports 1.90.0+ through insiders builds
• TypeScript Strict Mode: Full type safety with enterprise linting standards

🚀 DevOps Maturity

• 4-Stage CI Pipeline: test → quality → security → compatibility validation
• Automated Publishing: Zero-downtime marketplace releases with validation
• Performance Monitoring: Structured logging and enterprise observability
• Zero-Downtime Upgrades: Backward compatible with graceful degradation

📋 Compliance & Governance

• Conventional Commits: Automated commit validation with commitlint
• Code Quality Gates: ESLint + Prettier + TypeScript strict enforcement
• Dependency Auditing: Automated security and license compliance
• Professional Documentation: Enterprise-grade setup, API, and troubleshooting guides

Perfect for: Individual developers, teams, enterprises, and organizations requiring reliable, secure, and professionally maintained VS Code extensions.

🚀 Get Started in 30 Seconds

1️⃣ Installation

# Quick install via command line
code --install-extension VijayGangatharan.keypress-notifications

Or the GUI way:

1. 🔍 Open Extensions (Ctrl+Shift+X)
2. 🔎 Search "Keypress Notifications"
3. 📦 Click Install
4. 🎉 You're done!

2️⃣ Instant Usage

No setup needed! Just start using your keybindings:

• Press Ctrl+C → See notification! 📄
• Press Ctrl+Shift+P → See notification! 🎯
• Press Ctrl+K S → See notification! 💾
• Any multi-key combination → Get instant feedback! ⚡

3️⃣ Customize (Optional)

{
  "keypress-notifications.enabled": true,
  "keypress-notifications.logLevel": "info",
  "keypress-notifications.minimumKeys": 2,
  "keypress-notifications.showCommandName": true,
  "keypress-notifications.excludedCommands": [
    "editor.action.triggerSuggest",
    "workbench.action.quickOpenNavigateNext"
  ]
}

⚙️ Configuration

🏗️ Architecture Deep Dive

graph TD
    A[📱 VS Code] --> B[🎯 ExtensionManager]
    B --> C[🔔 NotificationService]
    B --> D[⌨️ KeybindingNotificationService]
    B --> E[📖 KeybindingReaderService]
    B --> F[⚙️ ConfigurationService]
    B --> G[🎛️ CommandManager]
    D --> E
    D --> C

🧩 Core Components

🎪 Enterprise-Grade Detection System

The extension uses advanced command interception to monitor VS Code's keybinding executions:

🔍 Monitored Commands:

• editor.action.clipboardCutAction (Ctrl+X) → We intercept this! ✂️
• editor.action.clipboardCopyAction (Ctrl+C) → We intercept this! 📄
• editor.action.clipboardPasteAction (Ctrl+V) → We intercept this! 📋
• workbench.action.files.saveAll (Ctrl+K S) → We intercept this! 💾
• workbench.action.showCommands (Ctrl+Shift+P) → We intercept this! 🎯
• 70+ Multi-key combinations with intelligent filtering! ⚡

🏗️ Enterprise Detection Process:

1. 🎯 Command Interception: Register interceptors for multi-key commands
2. 📖 Keybinding Analysis: Parse VS Code keybinding configuration in real-time
3. 🔍 Intelligent Filtering: Apply minimum key requirements and exclusion rules
4. 🔔 Smart Notifications: Display contextual notifications with command details
5. ⚡ Seamless Execution: Execute original command without interruption
6. 🛡️ Error Recovery: Graceful handling of edge cases and failures

🎯 Advanced Features:

• Configurable minimum keys (1-5) for noise reduction
• Wildcard exclusions for fine-grained control
• Command name display for learning and debugging
• Cross-platform compatibility with platform-specific key mappings

🧪 Development & Testing

🎮 Enterprise Development Setup

# 🚀 Enterprise one-command developer experience
pnpm test:dev  # Watch mode + automated test extension launch

# 📋 Enterprise step-by-step setup:
pnpm install         # 📦 Enterprise dependency management with security auditing
pnpm run compile     # 🏗️ Production-grade TypeScript compilation with esbuild
pnpm test:setup      # 📁 Generate enterprise mock workspace with realistic scenarios
pnpm test:manual     # 🎯 Launch extension in development host with full debugging

🏢 Enterprise Features:

• Security-First: Frozen lockfiles, automated vulnerability scanning
• Performance: esbuild compilation, optimized for large codebases
• Quality: Automated linting, formatting, and type checking
• Reliability: Cross-platform testing, comprehensive error handling

🛠️ Available Commands

🏗️ Enterprise Build Pipeline

pnpm compile     # 📦 Enterprise TypeScript compilation with esbuild optimization
pnpm watch      # 👁️ Development watch mode with source maps and hot reload
pnpm package    # 🎁 Production build with minification and tree-shaking
pnpm build      # 🔄 Alias for compile (CI/CD compatibility)
pnpm clean      # 🧹 Clean build artifacts and prepare for fresh build

🧪 Enterprise Testing Framework

pnpm test          # 🎯 Comprehensive test suite (E2E + cross-platform)
pnpm test:e2e      # 🤖 End-to-end tests with VS Code extension host
pnpm test:manual   # 🎮 Development testing with enterprise mock workspace
pnpm test:dev      # 🔄 Watch mode + automated testing pipeline
pnpm test:setup    # 📁 Generate enterprise mock workspace with realistic scenarios
pnpm test:quick    # ⚡ Fast compile + test for CI environments

✨ Enterprise Code Quality

pnpm lint          # 🕵️ ESLint with TypeScript strict rules and stylistic enforcement
pnpm lint:fix      # 🔧 Auto-fix linting issues with enterprise standards
pnpm check-types   # 📊 TypeScript strict mode validation without compilation
pnpm format        # 🎨 Prettier code formatting with enterprise consistency
pnpm audit         # 🔒 Security audit for vulnerabilities and compliance

🎯 Manual Testing Process

1. 🏗️ Setup: pnpm test:setup creates a playground workspace
2. 🚀 Launch: pnpm test:manual opens the extension in development mode
3. 🎮 Test: Try various keybinding operations in the mock workspace:
   • Copy some text (Ctrl+C) → Look for notification! 📄
   • Cut some text (Ctrl+X) → Look for notification! ✂️
   • Paste some text (Ctrl+V) → Look for notification! 📋
   • Save All (Ctrl+K S) → Look for notification! 💾
   • Open Command Palette (Ctrl+Shift+P) → Look for notification! 🎯
   • Find in Files (Ctrl+Shift+F) → Look for notification! 🔍
4. 🎛️ Commands: Test via Command Palette (Ctrl+Shift+P)

📁 Mock Workspace Contents

Your testing playground includes:

• 📄 sample.js - JavaScript code for testing selections
• 🔷 sample.ts - TypeScript with complex syntax
• ⚙️ sample.json - Configuration file
• 📝 sample.md - Markdown with formatting
• 📋 sample.txt - Plain text file
• 🎲 dynamic-test.js - Dynamically generated content
• 📁 Various folders with additional test files

🤝 Contributing

We'd love your help making this extension even better! 🌟

🎯 Ways to Contribute

• ⭐ Star this repo if you find it useful
• 🐛 Report bugs via GitHub Issues
• 💡 Suggest features we should build
• 🔧 Submit PRs for fixes or improvements
• 📝 Improve documentation
• 🎨 Design better notifications

🚀 Development Quickstart

git clone https://github.com/Vijay431/vscode-keypress_snackbar_notification-extension.git
cd vscode-keypress_snackbar_notification-extension
pnpm install
pnpm test:dev  # You're ready to code! 🎉

📋 Requirements

• 💻 VS Code: Version 1.90.0 or higher
• 🟢 Node.js: Version 20.0.0 or higher (for development)

🐛 Known Issues

🎉 None at the moment!

If you find any bugs, please create an issue and we'll fix it ASAP!

🙏 Show Your Support

If this extension makes your VS Code experience better:

• ⭐ Star this repository
• 📝 Leave a review on the VS Code Marketplace
• 🐦 Share it with your developer friends
• ☕ Buy me a coffee (link coming soon!)

📄 License

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

👨‍💻 Author

🚀 Vijay Gangatharan
📧 vijayanand431@gmail.com
🐙 GitHub Profile