feat: add initial WebTorrent-based file transfer app
- Initialize new Express application for file transfer using WebTorrent. - Set up routes for generating and retrieving mnemonics and info hashes. - Implement custom BitTorrent tracker server with WebSockets. - Add `.gitignore` to exclude `node_modules/`. - Create `index.ejs` for front-end with file upload and download functionalities. - Initialize `package.json` and `package-lock.json` with necessary dependencies.
This commit is contained in:
commit
a53fabdec1
GPG key ID:
ECBCC9082395383F
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
node_modules/
|
||||
34
app.js
Normal file
34
app.js
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
import express from 'express';
|
||||
import path from 'path';
|
||||
import { fileURLToPath } from 'url';
|
||||
import bip39 from 'bip39';
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = path.dirname(__filename);
|
||||
|
||||
const app = express();
|
||||
const trackerUrl = process.env.TRACKER_URL || 'ws://localhost:8106';
|
||||
|
||||
app.set('view engine', 'ejs');
|
||||
app.use(express.static(path.join(__dirname, 'public')));
|
||||
|
||||
app.get('/', (req, res) => {
|
||||
res.render('index', { trackerUrl });
|
||||
});
|
||||
|
||||
app.get('/generate-mnemonic/:infoHash', (req, res) => {
|
||||
const infoHash = req.params.infoHash;
|
||||
const mnemonic = bip39.entropyToMnemonic(infoHash);
|
||||
res.json({ mnemonic });
|
||||
});
|
||||
|
||||
app.get('/get-infohash/:mnemonic', (req, res) => {
|
||||
const mnemonic = req.params.mnemonic;
|
||||
const infoHash = bip39.mnemonicToEntropy(mnemonic);
|
||||
res.json({ infoHash });
|
||||
});
|
||||
|
||||
const PORT = process.env.PORT || 8105;
|
||||
app.listen(PORT, () => {
|
||||
console.log(`Server is running on port ${PORT}`);
|
||||
});
|
||||
3660
package-lock.json
generated
Normal file
3660
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
27
package.json
Normal file
27
package.json
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{
|
||||
"name": "transfer.coffee",
|
||||
"version": "0.0.1",
|
||||
"description": "A WebTorrent-based file transfer application",
|
||||
"main": "app.js",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"start": "node app.js",
|
||||
"tracker": "node tracker.js"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.private.coffee/PrivateCoffee/transfer.coffee"
|
||||
},
|
||||
"author": "Private.coffee Team",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"bip39": "^3.1.0",
|
||||
"bittorrent-tracker": "^11.1.0",
|
||||
"ejs": "^3.1.10",
|
||||
"express": "^4.19.2",
|
||||
"multer": "^1.4.5-lts.1",
|
||||
"socket.io": "^4.7.5",
|
||||
"webtorrent": "^2.4.1"
|
||||
}
|
||||
}
|
||||
25
tracker.js
Normal file
25
tracker.js
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { Server } from 'bittorrent-tracker';
|
||||
|
||||
const PORT = process.env.TRACKER_PORT || 8106;
|
||||
const HOST = process.env.TRACKER_HOST || 'localhost';
|
||||
|
||||
const server = new Server({
|
||||
udp: true,
|
||||
http: true,
|
||||
ws: true,
|
||||
stats: true,
|
||||
});
|
||||
|
||||
server.on('error', (err) => {
|
||||
console.error(`Error: ${err.message}`);
|
||||
});
|
||||
|
||||
server.on('warning', (err) => {
|
||||
console.warn(`Warning: ${err.message}`);
|
||||
});
|
||||
|
||||
server.on('listening', () => {
|
||||
console.log(`Tracker is listening on http://{HOST}:{PORT}`);
|
||||
});
|
||||
|
||||
server.listen(PORT);
|
||||
179
views/index.ejs
Normal file
179
views/index.ejs
Normal file
|
|
@ -0,0 +1,179 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Transfer.coffee</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
h1 {
|
||||
color: #333;
|
||||
}
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
input[type="file"],
|
||||
input[type="text"],
|
||||
input[type="url"] {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
button {
|
||||
padding: 10px 20px;
|
||||
background-color: #28a745;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
.progress {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 4px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.progress-bar {
|
||||
width: 0;
|
||||
height: 20px;
|
||||
background-color: #28a745;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
line-height: 20px;
|
||||
}
|
||||
.result {
|
||||
margin: 10px 0;
|
||||
padding: 10px;
|
||||
background-color: #e9ecef;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
<script src="/js/webtorrent.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Transfer.coffee</h1>
|
||||
<div class="section">
|
||||
<h2>Upload File</h2>
|
||||
<input type="file" id="fileInput" />
|
||||
<button onclick="uploadFile()">Upload</button>
|
||||
<div class="progress" id="uploadProgress">
|
||||
<div class="progress-bar" id="uploadProgressBar">0%</div>
|
||||
</div>
|
||||
<div class="result" id="uploadResult"></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h2>Download File</h2>
|
||||
<input type="text" id="mnemonicInput" placeholder="Enter mnemonic" />
|
||||
<button onclick="downloadFile()">Download</button>
|
||||
<div class="progress" id="downloadProgress">
|
||||
<div class="progress-bar" id="downloadProgressBar">0%</div>
|
||||
</div>
|
||||
<div class="result" id="downloadResult"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const client = new WebTorrent();
|
||||
const trackerUrl = "<%= trackerUrl %>";
|
||||
|
||||
function uploadFile() {
|
||||
const fileInput = document.getElementById("fileInput");
|
||||
const file = fileInput.files[0];
|
||||
const uploadProgressBar = document.getElementById("uploadProgressBar");
|
||||
|
||||
if (!file) {
|
||||
alert("Please select a file to upload.");
|
||||
return;
|
||||
}
|
||||
|
||||
const opts = {
|
||||
announce: [trackerUrl],
|
||||
};
|
||||
|
||||
client.seed(file, opts, (torrent) => {
|
||||
fetch(`/generate-mnemonic/${torrent.infoHash}`)
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
const uploadResult = document.getElementById("uploadResult");
|
||||
uploadResult.innerHTML = `File uploaded. Share this mnemonic: <strong>${data.mnemonic}</strong>`;
|
||||
});
|
||||
|
||||
torrent.on("upload", () => {
|
||||
const progress = Math.round(
|
||||
(torrent.uploaded / torrent.length) * 100
|
||||
);
|
||||
uploadProgressBar.style.width = `${progress}%`;
|
||||
uploadProgressBar.textContent = `${progress}%`;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function downloadFile() {
|
||||
const mnemonicInput = document.getElementById("mnemonicInput").value;
|
||||
const downloadProgressBar = document.getElementById(
|
||||
"downloadProgressBar"
|
||||
);
|
||||
|
||||
if (!mnemonicInput) {
|
||||
alert("Please enter a mnemonic.");
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(`/get-infohash/${mnemonicInput}`)
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
const torrentId = data.infoHash;
|
||||
|
||||
const opts = {
|
||||
announce: [trackerUrl],
|
||||
};
|
||||
|
||||
client.add(torrentId, opts, (torrent) => {
|
||||
torrent.files[0].getBlob((err, blob) => {
|
||||
if (err) {
|
||||
const downloadResult =
|
||||
document.getElementById("downloadResult");
|
||||
downloadResult.innerHTML = `Error: ${err.message}`;
|
||||
return;
|
||||
}
|
||||
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement("a");
|
||||
a.href = url;
|
||||
a.download = torrent.files[0].name;
|
||||
a.click();
|
||||
|
||||
const downloadResult =
|
||||
document.getElementById("downloadResult");
|
||||
downloadResult.innerHTML = `File downloaded: <strong>${torrent.files[0].name}</strong>`;
|
||||
});
|
||||
|
||||
torrent.on("download", () => {
|
||||
const progress = Math.round(
|
||||
(torrent.downloaded / torrent.length) * 100
|
||||
);
|
||||
downloadProgressBar.style.width = `${progress}%`;
|
||||
downloadProgressBar.textContent = `${progress}%`;
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue