PairDrop/VS Code Extension/erikraft-drop/README.md

95 lines
3.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div align="center">
<a href="https://drop.erikraft.com">
<img src="https://i.imgur.com/bLNnAlU.png" width="120" alt="ErikrafT Drop Logo">
</a>
</div>
# ErikrafT Drop for VS Code
**Send it.**<br>
Seamless file sharing inside Visual Studio Code — powered by [ErikrafT Drop](https://drop.erikraft.com).
[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/erikraft.erikraft-drop?color=brightgreen)](https://marketplace.visualstudio.com/items?itemName=erikraft.erikraft-drop)
[![Installs](https://img.shields.io/visual-studio-marketplace/i/erikraft.erikraft-drop?color=blue)](https://marketplace.visualstudio.com/items?itemName=erikraft.erikraft-drop)
[![Rating](https://img.shields.io/visual-studio-marketplace/r/erikraft.erikraft-drop?color=yellow)](https://marketplace.visualstudio.com/items?itemName=erikraft.erikraft-drop)
---
## 🚀 Features
**One-click file sharing** between your devices without leaving VS Code
**Peer-to-peer** or **internet-based** transfer
✅ Drag and drop files or folders
✅ Uses [WebRTC](https://webrtc.org/) and WebSockets under the hood
✅ Works on all platforms: Windows, macOS, Linux
---
## 📦 Installation
Install from the **Visual Studio Marketplace**:
[👉 Click here to install](https://marketplace.visualstudio.com/items?itemName=erikraft.erikraft-drop)
Or search for **"ErikrafT Drop"** in the **Extensions** view in VS Code (`Ctrl+Shift+X` or `⌘+Shift+X`).
---
## 🧑‍💻 Usage
1. Open the **Command Palette** (`Ctrl+Shift+P` or `⌘+Shift+P`)
2. Run `ErikrafT Drop: Open Panel`
3. Choose how to share:
- **Local network (P2P)**
- **Temporary Public Room**
- **Paired Devices**
4. Drag your files into the drop zone
5. Scan the QR code or select a nearby device
6. Done!
> 💡 Perfect for sending screenshots, code snippets, config files, or images from your dev machine to your phone, tablet, or laptop — works seamlessly in both Visual Studio Code and Cursor editor.
---
## 📷 Screenshots
<table>
<tr>
<td><img src="https://i.imgur.com/74c1uYW.gif" width="300" alt="Demo 1"></td>
<td><img src="https://i.imgur.com/Sss2QaL.gif" width="300" alt="Demo 2"></td>
</tr>
</table>
---
## 🌐 Powered by ErikrafT Drop
This extension embeds the [ErikrafT Drop](https://github.com/erikraft/Drop) web app inside a VS Code WebView. All sharing features are available from within your code editor.
> Inspired by AirDrop, Snapdrop and PairDrop and rebuilt for the modern cross-platform web.
---
## 🤝 Contributing
Found a bug or want a feature?
[Create an issue](https://github.com/erikraft/Drop/issues) or [submit a PR](https://github.com/erikraft/Drop/pulls) your help is welcome!
---
## 📜 License
MIT © [ErikrafT](https://github.com/erikraft)
---
## ☕ Support This Project
If you find this project useful, consider donating:
[![Support me on Kofi](https://i.imgur.com/7cS1T3A.png)](https://ko-fi.com/erikraft)
---
> 🔨 Built with ❤️ by ErikrafT • [drop.erikraft.com](https://drop.erikraft.com) • [biodrop.erikraft.com](https://biodrop.erikraft.com)