Code Reactions 🎉

Celebrate your code wins and commiserate failures with animated sticker GIFs and sound effects!

A fun VS Code extension that automatically shows animated sticker GIFs and plays sound effects when your code executes successfully or fails. Make coding more enjoyable with visual and audio feedback!

✨ Features

• 🎉 Success Celebrations: Animated GIF stickers when code executes successfully
• 😢 Failure Feedback: Sticker reactions when execution fails
• 🔊 Audio Effects: Background audio for both success and failure (completely customizable)
• 🎨 Clean Display: Minimal, distraction-free GIF display
• ⚙️ Fully Customizable: Use your own GIFs and audio files
• ⏱️ Auto-close: Automatically closes after a configurable duration
• 🚀 Zero Configuration: Works out of the box with default stickers

🎬 How It Works

The extension automatically monitors:

• Task Execution: Detects when tasks (running code, building projects, etc.) complete
• Debug Sessions: Monitors debug session termination
• Terminal Commands: Tracks terminal activity

When execution completes:

• Success (exit code 0) → Shows success GIF + plays success audio 🎉
• Failure (non-zero exit code) → Shows failure GIF + plays failure audio 😢

📦 Installation

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

Or install via command line:

code --install-extension YOUR_PUBLISHER_ID.code-reactions

🚀 Quick Start

1. Install the extension (see above)
2. Add your stickers (optional):
   • Place success.gif and failure.gif in the extension's stickers folder
   • Or use online GIF URLs in settings
3. Add your audio (optional):
   • Place success.mp3 and failure.mp3 in the extension's audio folder
   • Or use online audio URLs in settings
4. Run your code - GIFs and sounds will appear automatically!

⚙️ Configuration

Customize the extension in VS Code settings (Ctrl+,):

Basic Settings

• codeReactions.enabled - Enable/disable the extension (default: true)
• codeReactions.displayDuration - How long to show GIFs in milliseconds (default: 3000, set to 0 to keep open)

GIF Settings

• codeReactions.successGifUrl - Success GIF file or URL (default: success.gif)
• codeReactions.failureGifUrl - Failure GIF file or URL (default: failure.gif)

Audio Settings

• codeReactions.enableAudio - Enable/disable audio (default: true)
• codeReactions.successAudioUrl - Success audio file or URL (default: success.mp3)
• codeReactions.failureAudioUrl - Failure audio file or URL (default: failure.mp3)

Example Configuration

{
  "codeReactions.enabled": true,
  "codeReactions.displayDuration": 5000,
  "codeReactions.successGifUrl": "https://media.giphy.com/media/your-gif.gif",
  "codeReactions.failureGifUrl": "https://media.giphy.com/media/your-gif.gif",
  "codeReactions.enableAudio": true,
  "codeReactions.successAudioUrl": "success.mp3",
  "codeReactions.failureAudioUrl": "failure.mp3"
}

📁 File Structure

To use local files, place them in the extension directory:

.vscode/extensions/YOUR_PUBLISHER_ID.code-reactions-X.X.X/
├── stickers/
│   ├── success.gif    ← Your success GIF
│   └── failure.gif    ← Your failure GIF
└── audio/
    ├── success.mp3    ← Your success audio
    └── failure.mp3    ← Your failure audio

Note: After updating files, reload VS Code window (Ctrl+R or Cmd+R)

🎯 Usage Examples

Running Code

• Press F5 to debug → GIF appears when done
• Run tasks (Ctrl+Shift+P → "Run Task") → GIF appears on completion
• Execute terminal commands → GIF appears when command finishes

Testing

• Press Ctrl+Shift+P → "Test Success GIF" to test success
• Press Ctrl+Shift+P → "Test Failure GIF" to test failure

🎨 Customization Tips

1. Use your own GIFs:

   • Find GIFs on Giphy, Tenor, or create your own
   • Place them in the stickers folder or use URLs

2. Use your own audio:

   • MP3, WAV, or OGG formats supported
   • Place them in the audio folder or use URLs

3. Adjust display time:

   • Set displayDuration to 0 to keep GIFs open until manually closed
   • Increase duration for longer celebrations!

🐛 Troubleshooting

GIFs don't appear

• Make sure codeReactions.enabled is true
• Check that you're running tasks/code (not just typing in terminal)
• Verify GIF file paths in settings

Audio doesn't play

• Check that codeReactions.enableAudio is true
• Verify audio file paths in settings
• Check Output panel → "Code Reactions" for error messages

Extension not activating

• Reload VS Code window (Ctrl+R)
• Check Output panel → "Log (Extension Host)" for errors

📝 Requirements

• VS Code version 1.109.0 or higher

🤝 Contributing

Contributions welcome! Feel free to:

• Report bugs
• Suggest features
• Submit pull requests

📄 License

MIT License - feel free to use and modify!

🙏 Acknowledgments

Made with ❤️ for developers who want to make coding more fun!

Enjoy coding with reactions! 🎉😢