An unofficial sidebar extension for Visual Studio Code that integrates your personal WhatsApp account. Chat with contacts, participate in group chats, preview photos and videos, react with emojis, and share code snippets directly from your editor.
🚀 Detailed Features
- All Conversations in One Place: Seamlessly view, search, and navigate your direct messages, group chats, and address book contacts.
- Real-Time Unread Badges & Indicators: Unread message counts and active green indicator dots keep you updated on new incoming communications.
- Automatic Sorting: Pinned chats stay anchored at the top, and recent conversations automatically move to the top upon receiving new messages.
- Comprehensive Contact Search: Instant search filter across chat titles, phone numbers, and address book names.
- Borderless Native Layout: Photos, videos, stickers, and GIFs render borderless without cluttering bubble boxes, mirroring native WhatsApp styling.
- Automatic Loading: Incoming images and videos automatically load and render in the sidebar without requiring manual clicks.
- Sticker & GIF Support: Direct rendering of WebP stickers and animated GIFs directly inside the conversation stream.
- Video Previews: In-line HTML5 video playback with mute indicators tailored for VS Code's Chromium sandbox.
🔍 Full-Screen Lightbox Preview
- Expanded Media Viewer: Click on any photo or GIF to launch an expansive full-screen lightbox modal (
96vw × 90vh).
- High-Resolution Inspection: View full image dimensions, fine details, and diagrams clearly without leaving your workspace.
- Quick Dismissal: Easily close the preview modal by clicking the close button (
✕) or pressing outside the image.
- Save Directly to Disk: One-click save option on media attachments allows you to save photos, videos, and documents anywhere on your file system using native file dialogs.
- Full Document Support: Download PDFs, zip archives, text files, and spreadsheets with metadata including filename and file size.
- Outbound & Inbound Support: Export and download both received files and media uploaded from within the extension.
👨💻 Quick Code Snippets & Diagnostics Sharing
- Built-in Developer Tools: Dedicated snippet launcher integrated directly into the attachment menu (
📎).
- Send Highlighted Code: Instantly wrap selected code in markdown syntax blocks with automatic language detection.
- Send Entire Active File: Share the active document with file name headers and language-specific formatting.
- Send Workspace Diagnostics: Share errors, warnings, and line locations from your editor's Problems panel directly into chat.
- Clipboard Paste: Quick-send your current clipboard contents into the chat box.
😀 Emoji Reactions & Context Actions
- Hover Quick Reactions: Hover over any message to quickly react with popular emojis (👍, ❤️, 😂, 😮, 😢, 🙏, ✋).
- Interactive Reaction Pills: See aggregated reaction counts under each message and tap any reaction pill to react with the same emoji.
- Message Context Menu: Right-click or use the bubble menu (
⌄) to Reply with quoted message preview, Copy text to clipboard, or Delete message (for everyone or for yourself).
- Integrated Emoji Picker: Dedicated emoji selector popover built into the composer input.
📞 Call & Missed Call Alerts
- In-Chat Call Logs: Voice calls and video calls appear directly in the message history with distinct badges (📞 voice / 📹 video).
- Missed Call Highlighting: Prominent alerts for missed calls so you never miss urgent contact attempts.
- Live Incoming Call Warnings: Real-time VS Code notifications pop up when someone is calling your number with an immediate "Open Chat" action.
🔔 Native VS Code Notifications
- Configurable Editor Toast Notifications: Visual alerts for incoming personal and group messages directly inside the editor.
- Quick Navigation: Click "Open Chat" on any notification toast to automatically switch and jump directly to that conversation.
- Privacy & Previews: Configure message preview visibility and silence notifications in Settings.
⚠️ Important Disclaimer & Notice of Responsibility
THE AUTHOR HAS NO RESPONSIBILITY. USE ENTIRELY AT YOUR OWN RISK.
- Use at Your Own Risk: The author assumes NO RESPONSIBILITY OR LIABILITY for any issues, damages, data loss, account suspension, or permanent phone number bans resulting from using this software.
- Unofficial Project: This extension is an independent, unofficial tool and is NOT affiliated with, authorized, maintained, sponsored, or endorsed by WhatsApp LLC, Meta Platforms, Inc., or any of their affiliates or subsidiaries.
- Terms of Service: This extension operates by automating WhatsApp Web using
whatsapp-web.js. Unofficial automated clients may violate WhatsApp's Terms of Service. You choose to use this software solely at your own discretion.
- Privacy & Local Storage: Authentication and session tokens are stored exclusively on your own machine in
~/.whatsapp-vscode-auth. No messages, data, or credentials are sent to any third-party servers.
License
This project is licensed under the MIT License. See the LICENSE file for details.
| |