Coffee Break ☕
A VS Code extension that reminds you to take a break with a cute animated coffee cup!
Features
- Animated Coffee Cup - Watch your coffee cup fill up in the sidebar
- Configurable Timer - Set your preferred break interval (1-120 minutes, default: 30)
- Break Notifications - Get notified when it's time for a coffee break
- Steam & Bubble Animations - Beautiful visual effects as your coffee brews
- Snooze Option - Not ready? Snooze for 5 more minutes
- Auto-start - Automatically starts when you open VS Code
How to Use
- Click the coffee cup icon in the Activity Bar (left sidebar)
- Watch the coffee cup slowly fill up with bubbles
- When it reaches 100%, steam appears and you get a notification
- Click "Restart" to reset the timer and start again
Settings
Go to File > Preferences > Settings and search for "Coffee Break":
| Setting |
Description |
Default |
coffeeBreak.intervalMinutes |
Minutes before the cup fills up |
30 |
coffeeBreak.autoStart |
Automatically start when VS Code opens |
true |
coffeeBreak.showPanel |
Show the coffee cup panel |
true |
Commands
Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
Coffee Break: Start Timer - Start the coffee break timer
Coffee Break: Stop Timer - Stop the timer
Coffee Break: Show Panel - Show the coffee cup panel
Why Take Breaks?
Regular breaks help you:
- 👁️ Reduce eye strain
- 💪 Prevent repetitive strain injuries
- 🧠 Stay focused and productive
- ❤️ Maintain your health while coding
Installation
From VS Code Marketplace
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X)
- Search "Coffee Break"
- Click "Install"
From VSIX file
code --install-extension coffee-break-1.0.0.vsix
Pubblicazione
Per pubblicare l'estensione sul Marketplace:
Installa vsce (Visual Studio Code Extension manager):
npm install -g @vscode/vsce
Crea un account publisher su https://marketplace.visualstudio.com/manage
Aggiorna il package.json con il tuo publisher name
Aggiungi un'icona (128x128 px) nella cartella images/icon.png
Crea il pacchetto VSIX:
vsce package
Pubblica:
vsce publish
Sviluppo
# Installa dipendenze
npm install
# Compila
npm run compile
# Watch mode
npm run watch
# Lancia in debug
# Premi F5 in VS Code
Licenza
MIT
Buon caffè! ☕
| |