cobular
/
filepizza
mirror of https://github.com/kern/filepizza
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use a local PeerJS server.

Browse Source
pull/1/head
Alex Kern 11 years ago
parent 22ecf9cb12
commit 3da3b2d443
13 changed files with 377 additions and 224 deletions
Show Stats Download Patch File Download Diff File

2
client/actions/DownloadActions.js
Unescape Escape View File

@ -3,9 +3,7 @@ import alt from '../alt';
export default alt.createActions(class DownloadActions {
constructor() {
this.generateActions(
'beginDownload',
'requestDownload',
'cancelDownlaod',
'setDownloadInfo'
)
}

2
client/actions/PeerActions.js
Unescape Escape View File

@ -3,7 +3,7 @@ import alt from '../alt';
export default alt.createActions(class PeerActions {
constructor() {
this.generateActions(
'setPeerID'
'peerConnected'
)
}
})

20
client/components/App.js
Unescape Escape View File

@ -53,19 +53,15 @@ export default class App extends React.Component {
render() {
if (this.state.readyToUpload) {
return (
<div>
<FileDescription file={this.state.uploadFile} />
<Tempalink token={this.state.uploadToken} />
</div>
);
return <div>
<FileDescription file={this.state.uploadFile} />
<Tempalink token={this.state.uploadToken} />
</div>;
} else if (this.state.readyToDownload) {
return (
<div>
<FileDescription file={this.state.downloadFile} />
<button onClick={this.downloadFile.bind(this)}>Download</button>
</div>
);
return <div>
<FileDescription file={this.state.downloadFile} />
<button onClick={this.downloadFile.bind(this)}>Download</button>
</div>;
} else {
return <DropZone onDrop={this.uploadFile.bind(this)} />;
}

12
client/components/DropZone.js
Unescape Escape View File

@ -14,13 +14,11 @@ export default class DropZone extends React.Component {
}
render() {
return (
<div className="drop-zone"
onDragOver={this.dragOver.bind(this)}
onDrop={this.drop.bind(this)}>
Drop a file here.
</div>
);
return <div className="drop-zone"
onDragOver={this.dragOver.bind(this)}
onDrop={this.drop.bind(this)}>
Drop a file here.
</div>;
}
}

12
client/components/FileDescription.js
Unescape Escape View File

@ -3,13 +3,11 @@ import React from 'react';
export default class FileDescription extends React.Component {
render() {
return (
<div className="file-description">
<span className="file-name">{this.props.file.name}</span>
<span className="file-size">{this.props.file.size}</span>
<span className="file-type">{this.props.file.type}</span>
</div>
);
return <div className="file-description">
<span className="file-name">{this.props.file.name}</span>
<span className="file-size">{this.props.file.size}</span>
<span className="file-type">{this.props.file.type}</span>
</div>;
}
}

4
client/components/Tempalink.js
Unescape Escape View File

@ -4,9 +4,7 @@ export default class Tempalink extends React.Component {
render() {
var url = window.location.origin + '/d/' + this.props.token;
return (
<a href={url} className="tempalink">{url}</a>
);
return <a href={url} className="tempalink">{url}</a>;
}
}

13
client/peer.js
Unescape Escape View File

@ -1,13 +0,0 @@
import DownloadActions from './actions/DownloadActions';
import Peer from 'peerjs';
import PeerActions from './actions/PeerActions';
var peer = module.exports = new Peer({ key: '8w3x9m637e0o1or' });
peer.on('open', function () {
PeerActions.setPeerID(peer.id);
});
peer.on('connection', function (conn) {
DownloadActions.beginDownload(conn);
});

28
client/stores/DownloadStore.js
Unescape Escape View File

@ -25,21 +25,17 @@ export default alt.createStore(class DownloadStore {
this.bindActions(DownloadActions);
this.bindActions(PeerActions);
this.conn = null;
this.token = null;
this.file = null;
this.status = new DownloadStatus();
}
onSetPeerID() {
this.waitFor(PeerStore.dispatchToken);
if (this.status.isOffline() && this.token) this.status.set('ready');
}
onSetDownloadInfo(info) {
if (!this.status.isOffline()) return;
this.status.set('ready');
this.token = info.token;
this.file = new DownloadFile(info.name, info.size, info.type);
if (this.status.isOffline() && PeerStore.getPeerID()) this.status.set('ready');
}
onRequestDownload() {
@ -52,11 +48,10 @@ export default alt.createStore(class DownloadStore {
});
}
onBeginDownload(conn) {
onPeerConnected(conn) {
if (!this.status.isRequesting()) return;
this.status.set('downloading');
this.conn = conn;
let chunkSize = conn.metadata.chunkSize;
let i = 0;
@ -78,20 +73,9 @@ export default alt.createStore(class DownloadStore {
conn.on('close', () => {
if (!this.status.isDownloading()) return;
this._cancel();
this.status.set('cancelled');
this.file.clearPackets();
});
}
onCancelDownload() {
if (!this.status.isRequesting() && !this.status.isDownloading()) return;
this._cancel();
}
_cancel() {
this.status.set('cancelled');
if (this.conn) this.conn.close();
this.conn = null;
this.file.clearPackets();
}
})

27
client/stores/PeerStore.js
Unescape Escape View File

@ -1,19 +1,30 @@
import Peer from 'peerjs';
import PeerActions from '../actions/PeerActions';
import alt from '../alt';
import uuid from 'node-uuid';
export default alt.createStore(class PeerStore {
let id = uuid.v4();
let peer = new Peer(id, {
host: window.location.hostname,
port: window.location.port,
path: '/peer'
});
constructor() {
this.bindActions(PeerActions);
this.peerID = null;
}
peer.on('connection', (conn) => {
PeerActions.peerConnected(conn);
});
export default alt.createStore(class PeerStore {
onSetPeerID(id) {
this.peerID = id;
static connect(peerID, metadata) {
return peer.connect(peerID, {
reliable: true,
metadata: metadata
});
}
static getPeerID() {
return this.getState().peerID;
return id;
}
})

45
client/stores/UploadStore.js
Unescape Escape View File

@ -1,10 +1,8 @@
import PeerActions from '../actions/PeerActions';
import PeerStore from './PeerStore';
import Status from '../Status';
import UploadActions from '../actions/UploadActions';
import UploadFile from '../UploadFile';
import alt from '../alt';
import peer from '../peer';
import socket from '../socket';
const chunkSize = 32;
@ -12,7 +10,6 @@ const chunkSize = 32;
class UploadStatus extends Status {
constructor() {
super([
'offline',
'ready',
'processing',
'uploading'
@ -23,17 +20,12 @@ class UploadStatus extends Status {
export default alt.createStore(class UploadStore {
constructor() {
this.bindActions(PeerActions);
this.bindActions(UploadActions);
this.status = new UploadStatus();
this.token = null;
this.file = null;
this.status = new UploadStatus();
}
onSetPeerID(id) {
this.waitFor(PeerStore.dispatchToken);
if (this.status.isOffline()) this.status.set('ready');
this.downloaders = [];
}
onUploadFile(file) {
@ -54,33 +46,26 @@ export default alt.createStore(class UploadStore {
onSendToDownloader(peerID) {
if (!this.status.isUploading()) return;
this.downloaders.push(peerID); // TODO
let file = this.file;
let conn = peer.connect(peerID, {
reliable: true,
metadata: { chunkSize: chunkSize }
let conn = PeerStore.connect(peerID, {
chunkSize: chunkSize
});
conn.on('open', function () {
let packets = file.countPackets();
let packet = 0;
let totalPackets = this.file.countPackets();
let i = 0;
function sendNextChunk() {
for (let i = 0; i < chunkSize; i++) {
if (packet >= packets) break;
let b = file.getPacket(packet);
conn.send(b);
packet++;
}
let sendNextChunk = () => {
for (let j = 0; i < totalPackets && j < chunkSize; i++, j++) {
let packet = this.file.getPacket(i);
conn.send(packet);
}
}
conn.on('data', function (data) {
if (data === 'more') sendNextChunk();
});
sendNextChunk();
conn.on('open', () => { sendNextChunk(); });
conn.on('data', (data) => {
if (data === 'more') sendNextChunk();
});
}

11
package.json
Unescape Escape View File

@ -5,8 +5,8 @@
"main": "server/index.js",
"scripts": {
"start": "node server/index.js",
"build": "./node_modules/.bin/browserify -d -o static/app.js -t babelify -t reactify client/index.js",
"watch": "./node_modules/.bin/watchify -d -o static/app.js -t babelify -t reactify client/index.js"
"build": "./node_modules/.bin/browserify -d -o static/app.js -t babelify client/index.js",
"watch": "./node_modules/.bin/watchify -d -o static/app.js -t babelify client/index.js"
},
"repository": {
"type": "git",
@ -19,18 +19,19 @@
},
"homepage": "https://github.com/kern/webdrop",
"dependencies": {
"alt": "^0.14.4",
"bases": "^0.2.1",
"ejs": "^2.3.1",
"express": "^4.12.0",
"peerjs": "^0.3.14",
"peer": "^0.2.8",
"socket.io": "^1.3.5"
},
"devDependencies": {
"alt": "^0.14.4",
"babelify": "^5.0.4",
"node-uuid": "^1.4.3",
"peerjs": "^0.3.14",
"browserify": "^9.0.3",
"react": "^0.13.0",
"reactify": "^1.1.0",
"socket.io-client": "^1.3.5",
"watchify": "^2.4.0"
},

3
server/index.js
Unescape Escape View File

@ -2,6 +2,7 @@ var Upload = require('./Upload');
var express = require('express');
var http = require('http');
var path = require('path');
var peer = require('peer');
var routes = require('./routes');
var socketIO = require('socket.io');
@ -17,7 +18,9 @@ server.listen(process.env.PORT || 3000, function () {
app.set('view engine', 'ejs');
app.set('views', path.resolve(__dirname, '../views'));
app.use(routes);
app.use('/peer', peer.ExpressPeerServer(server));
io.on('connection', function (socket) {

422
static/app.js
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save