Add files via upload

This commit is contained in:
ErikrafT 2025-05-03 16:48:11 -03:00 committed by GitHub
parent 8a7152ffdb
commit 42ce96655c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 199 additions and 0 deletions

View File

@ -0,0 +1,94 @@
<div align="center">
<a href="https://drop.erikraft.com">
<img src="https://raw.githubusercontent.com/erikraft/Drop/main/public/images/(2)ErikrafT%20Drop%20-%20Redondado.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://raw.githubusercontent.com/erikraft/Drop/main/docs/erikraft-drop_screenshot_mobile1.gif" width="300" alt="Demo 1"></td>
<td><img src="https://raw.githubusercontent.com/erikraft/Drop/main/docs/erikraft-drop_screenshot_mobile2.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:
[![Donate via PayPal](https://i.imgur.com/51lm3n2.png)](https://www.paypal.com/donate/?business=QKLABC97EXJSN&no_recurring=0&item_name=ErikrafT&currency_code=BRL)
---
> 🔨 Built with ❤️ by ErikrafT • [drop.erikraft.com](https://drop.erikraft.com) • [biodrop.erikraft.com](https://biodrop.erikraft.com)

View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<title>ErikrafT Drop</title>
<style>
html, body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background-color: #fff;
}
iframe {
border: none;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<iframe src="https://drop.erikraft.com/" allow="clipboard-write; camera; microphone; autoplay;"></iframe>
</body>
</html>

View File

@ -0,0 +1,33 @@
{
"name": "erikraft-drop",
"displayName": "ErikrafT Drop",
"description": "A maneira mais fácil de transferir arquivos entre dispositivos.",
"version": "1.0.0",
"engines": {
"vscode": "^1.70.0"
},
"activationEvents": [
"onCommand:erikraftDrop.open"
],
"main": "./src/extension.js",
"contributes": {
"commands": [
{
"command": "erikraftDrop.open",
"title": "Abrir ErikrafT Drop"
}
]
},
"categories": ["Other"],
"publisher": "ErikrafT",
"scripts": {
"package": "vsce package"
},
"devDependencies": {
"@vscode/vsce": "^2.21.0"
},
"repository": {
"type": "git",
"url": "https://github.com/erikraft/Drop"
}
}

View File

@ -0,0 +1,48 @@
const vscode = require('vscode');
function activate(context) {
let disposable = vscode.commands.registerCommand('erikraftDrop.open', function () {
const panel = vscode.window.createWebviewPanel(
'erikraftDrop',
'ErikrafT Drop',
vscode.ViewColumn.One,
{
enableScripts: true
}
);
panel.webview.html = getWebviewContent();
});
context.subscriptions.push(disposable);
}
exports.activate = activate;
function deactivate() {}
exports.deactivate = deactivate;
function getWebviewContent() {
return `
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>ErikrafT Drop</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
}
iframe {
border: none;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<iframe src="https://drop.erikraft.com/" allow="clipboard-write camera; microphone; autoplay;"></iframe>
</body>
</html>
`;
}