mirror of https://github.com/kern/filepizza
Clean up
Alex Kern
5 years ago
parent
2b1c473e45
commit
981bd31253
@ -1,25 +0,0 @@
|
|||||||
import 'babel-polyfill'
|
|
||||||
import './index.styl'
|
|
||||||
import React from 'react'
|
|
||||||
import ReactRouter from 'react-router'
|
|
||||||
import webrtcSupport from 'webrtcsupport'
|
|
||||||
import routes from './routes'
|
|
||||||
import alt from './alt'
|
|
||||||
import SupportActions from './actions/SupportActions'
|
|
||||||
|
|
||||||
const bootstrap = document.getElementById('bootstrap').innerHTML
|
|
||||||
alt.bootstrap(bootstrap)
|
|
||||||
|
|
||||||
window.FilePizza = () => {
|
|
||||||
ReactRouter.run(routes, ReactRouter.HistoryLocation, Handler => {
|
|
||||||
React.render(<Handler data={bootstrap} />, document)
|
|
||||||
})
|
|
||||||
if (!webrtcSupport.support) {
|
|
||||||
SupportActions.noSupport()
|
|
||||||
}
|
|
||||||
|
|
||||||
const isChrome = navigator.userAgent.toLowerCase().includes('chrome')
|
|
||||||
if (isChrome) {
|
|
||||||
SupportActions.isChrome()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
import xkcdPassword from "xkcd-password";
|
|
||||||
import toppings from "./toppings";
|
|
||||||
|
|
||||||
const TOKEN_OPTIONS = {
|
|
||||||
numWords: 4,
|
|
||||||
minLength: 3,
|
|
||||||
maxLength: 20,
|
|
||||||
}
|
|
||||||
|
|
||||||
const SHORT_TOKEN_OPTIONS = {
|
|
||||||
length: 8,
|
|
||||||
chars: '0123456789abcdefghijklmnopqrstuvwxyz',
|
|
||||||
}
|
|
||||||
|
|
||||||
const tokens = {}
|
|
||||||
const shortTokens = {}
|
|
||||||
|
|
||||||
const tokenGenerator = new xkcdPassword()
|
|
||||||
tokenGenerator.initWithWordList(toppings)
|
|
||||||
|
|
||||||
function generateShortToken() {
|
|
||||||
let result = '';
|
|
||||||
for (let i = SHORT_TOKEN_OPTIONS.length; i > 0; --i) {
|
|
||||||
{ result += SHORT_TOKEN_OPTIONS.chars[Math.floor(Math.random() * SHORT_TOKEN_OPTIONS.chars.length)]}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function create(socket) {
|
|
||||||
return tokenGenerator.generate(TOKEN_OPTIONS).then((parts) => {
|
|
||||||
const token = parts.join('/')
|
|
||||||
;const shortToken = generateShortToken()
|
|
||||||
const result = {
|
|
||||||
token,
|
|
||||||
shortToken,
|
|
||||||
socket,
|
|
||||||
}
|
|
||||||
|
|
||||||
tokens[token] = result
|
|
||||||
shortTokens[shortToken] = result
|
|
||||||
return result
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function find(token) {
|
|
||||||
return tokens[token]
|
|
||||||
}
|
|
||||||
|
|
||||||
export function findShort(shortToken) {
|
|
||||||
return shortTokens[shortToken.toLowerCase()]
|
|
||||||
}
|
|
||||||
@ -1,419 +0,0 @@
|
|||||||
@import "nib";
|
|
||||||
|
|
||||||
beige = #F9F2E7
|
|
||||||
dark-gray = #333
|
|
||||||
gray = #777
|
|
||||||
green = #3F6B29
|
|
||||||
light-blue = #40C0CB
|
|
||||||
light-gray = #EEE
|
|
||||||
light-green = #4BB74C
|
|
||||||
light-red = #E23430
|
|
||||||
light-yellow = #FFE476
|
|
||||||
red = #B11C17
|
|
||||||
yellow = #DEAC11
|
|
||||||
|
|
||||||
@keyframes rotate {
|
|
||||||
from { transform: rotate(0deg) }
|
|
||||||
to { transform: rotate(360deg) }
|
|
||||||
}
|
|
||||||
|
|
||||||
global-reset()
|
|
||||||
* { box-sizing: border-box }
|
|
||||||
html, body { height: 100% }
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: red;
|
|
||||||
font: bold 56px/64px "Lobster Two", sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: gray
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
font-weight: bold
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: gray;
|
|
||||||
font: 18px/22px "Quicksand", sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
&.notice {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
|
||||||
color: gray;
|
|
||||||
font: 12px/22px "Quicksand", sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
&.notice {
|
|
||||||
margin: 0 0 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
width: 100%
|
|
||||||
text-align: center
|
|
||||||
color: gray
|
|
||||||
padding: 10px 0 10px
|
|
||||||
position: fixed
|
|
||||||
bottom: 0
|
|
||||||
border-radius: 5px 5px 0 0
|
|
||||||
background white
|
|
||||||
box-shadow 0 -2px 4px light-gray
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: bottom;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font: 12px/20px "Quicksand", sans-serif;
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
font-size 14px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form p {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.byline {
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
position: relative
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
|
||||||
display: flex
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100%;
|
|
||||||
min-height: 640px;
|
|
||||||
padding: 40px 0 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.drop-zone {
|
|
||||||
|
|
||||||
.drop-zone-overlay {
|
|
||||||
position: fixed
|
|
||||||
top: 0
|
|
||||||
left: 0
|
|
||||||
width: 100%
|
|
||||||
height: 100%
|
|
||||||
background: rgba(0, 0, 0, 0.5)
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
color: white
|
|
||||||
content: 'DROP TO UPLOAD'
|
|
||||||
display: block
|
|
||||||
font: 24px/40px "Quicksand", sans-serif
|
|
||||||
margin-top: -20px
|
|
||||||
position: relative
|
|
||||||
text-shadow: 0 1px dark-gray
|
|
||||||
top: 50%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner {
|
|
||||||
width: 300px
|
|
||||||
min-height: 300px
|
|
||||||
margin: 0 auto 20px
|
|
||||||
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
align-items: center
|
|
||||||
align-content: center
|
|
||||||
justify-content: center
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
width: 150px
|
|
||||||
min-height: 150px
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
background: url(/images/pizza.png) center center / 300px 300px no-repeat
|
|
||||||
content: ""
|
|
||||||
position: absolute
|
|
||||||
width: 300px
|
|
||||||
height: 300px
|
|
||||||
transition: transform 1s
|
|
||||||
z-index: -1
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
width: 150px
|
|
||||||
height: 150px
|
|
||||||
background-size: 150px 150px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.spinner-animated:before {
|
|
||||||
animation: rotate 5s infinite linear
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-image {
|
|
||||||
display: block;
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-name {
|
|
||||||
font: bold 18px/20px "Quicksand", sans-serif
|
|
||||||
text-align: center
|
|
||||||
color: white
|
|
||||||
overflow: hidden
|
|
||||||
text-overflow: ellipsis
|
|
||||||
white-space: nowrap
|
|
||||||
margin-top: 10px
|
|
||||||
text-shadow: 0 0 3px #333
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-size {
|
|
||||||
font: italic 12px/20px "Quicksand", sans-serif
|
|
||||||
text-align: center
|
|
||||||
color: white
|
|
||||||
overflow: hidden
|
|
||||||
text-overflow: ellipsis
|
|
||||||
white-space: nowrap
|
|
||||||
text-shadow: 0 0 3px #333
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tempalink {
|
|
||||||
display: flex
|
|
||||||
width: calc(100vw - 40px)
|
|
||||||
max-width: 1024px
|
|
||||||
margin 20px auto
|
|
||||||
|
|
||||||
.long-url input {
|
|
||||||
background: beige
|
|
||||||
color: dark-gray
|
|
||||||
border: 0
|
|
||||||
margin: 0
|
|
||||||
font: 18px/1 monospace
|
|
||||||
height: 60px
|
|
||||||
padding: 20px
|
|
||||||
text-align: center
|
|
||||||
width: 100%
|
|
||||||
border-radius: 4px 4px 0 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.short-url {
|
|
||||||
background: light-gray
|
|
||||||
color: dark-gray
|
|
||||||
height: 40px
|
|
||||||
padding: 10px 20px
|
|
||||||
text-align: center
|
|
||||||
width: 100%
|
|
||||||
font: 14px/1 "Quicksand", sans-serif;
|
|
||||||
border-radius: 0 0 4px 4px
|
|
||||||
|
|
||||||
span {
|
|
||||||
font: 14px/1 monospace
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.qr {
|
|
||||||
flex: none
|
|
||||||
padding-right: 40px
|
|
||||||
}
|
|
||||||
|
|
||||||
.urls {
|
|
||||||
flex: auto
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
height: 100px
|
|
||||||
width: 100px
|
|
||||||
display: block
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 850px) {
|
|
||||||
.tempalink {
|
|
||||||
display: flex
|
|
||||||
flex-direction: column;
|
|
||||||
width: calc(100vw - 40px)
|
|
||||||
max-width: 1024px
|
|
||||||
margin 20px auto
|
|
||||||
|
|
||||||
.qr {
|
|
||||||
margin: auto;
|
|
||||||
justify-content: center
|
|
||||||
padding: 20px
|
|
||||||
}
|
|
||||||
|
|
||||||
.short-url {
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
height: 70px
|
|
||||||
|
|
||||||
span {
|
|
||||||
word-break: break-all
|
|
||||||
padding: 2px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.long-url input {
|
|
||||||
rows: auto
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-height: 360px) {
|
|
||||||
.container {
|
|
||||||
margin-bottom: 60px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.data {
|
|
||||||
color: gray
|
|
||||||
font: 14px/20px "Quicksand", sans-serif
|
|
||||||
text-align: center
|
|
||||||
overflow: hidden
|
|
||||||
|
|
||||||
.datum {
|
|
||||||
float: left
|
|
||||||
width: 50%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.download-button {
|
|
||||||
display: block
|
|
||||||
box-shadow: inset 0 1px 1px green
|
|
||||||
padding: 20px
|
|
||||||
background: light-green
|
|
||||||
border: none
|
|
||||||
color: white
|
|
||||||
width: calc(100vw - 40px)
|
|
||||||
max-width: 800px
|
|
||||||
margin: 0 auto
|
|
||||||
border-radius: 4px
|
|
||||||
font: bold 18px/20px "Quicksand", sans-serif
|
|
||||||
transition: 0.25s
|
|
||||||
cursor: pointer
|
|
||||||
text-transform: uppercase
|
|
||||||
|
|
||||||
&:hover, &:focus {
|
|
||||||
box-shadow: inset 0 1px 1px lighten(green, 10%)
|
|
||||||
background: lighten(light-green, 10%)
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background: light-green
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar {
|
|
||||||
height: 60px
|
|
||||||
overflow: hidden
|
|
||||||
background: light-green
|
|
||||||
transition: all 1s ease
|
|
||||||
width: calc(100vw - 40px)
|
|
||||||
max-width: 800px
|
|
||||||
margin: 0 auto
|
|
||||||
border-radius: 4px
|
|
||||||
|
|
||||||
.progress-bar-inner {
|
|
||||||
float: left
|
|
||||||
height: 100%
|
|
||||||
background: light-green
|
|
||||||
box-shadow: inset 0 1px 1px green
|
|
||||||
overflow: hidden
|
|
||||||
border-radius: 4px
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-text {
|
|
||||||
font: 14px/60px "Quicksand", sans-serif
|
|
||||||
color: white
|
|
||||||
text-align: center
|
|
||||||
text-transform: uppercase
|
|
||||||
}
|
|
||||||
|
|
||||||
&.progress-bar-failed {
|
|
||||||
background: red
|
|
||||||
box-shadow: inset 0 1px 1px light-red
|
|
||||||
|
|
||||||
.progress-bar-text {
|
|
||||||
text-align: center
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.progress-bar-in-progress {
|
|
||||||
background: beige
|
|
||||||
.progress-bar-inner {
|
|
||||||
background: #FFCC00
|
|
||||||
box-shadow: inset 0 1px 1px light-yellow
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-text {
|
|
||||||
color: black
|
|
||||||
float: right
|
|
||||||
margin-right: 5px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.progress-bar-small {
|
|
||||||
height: 30px
|
|
||||||
width: 50%
|
|
||||||
margin: 8px auto
|
|
||||||
border-radius: 5px
|
|
||||||
|
|
||||||
.progress-bar-text {
|
|
||||||
line-height: 30px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.select-file-label {
|
|
||||||
border: 2px solid gray
|
|
||||||
border-radius: 4px
|
|
||||||
padding: 2px 5px
|
|
||||||
margin-top: 10px
|
|
||||||
background: light-gray
|
|
||||||
display: inline-block
|
|
||||||
cursor: pointer
|
|
||||||
transition: all 0.25s ease
|
|
||||||
|
|
||||||
&:hover, &:active {
|
|
||||||
border-color: yellow
|
|
||||||
background: white
|
|
||||||
color: red
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="file"] {
|
|
||||||
position: fixed
|
|
||||||
top: -1000px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.donate-button {
|
|
||||||
border: 2px solid green
|
|
||||||
border-radius: 4px
|
|
||||||
padding: 2px 5px
|
|
||||||
margin-right: 10px
|
|
||||||
background: light-green
|
|
||||||
display: inline-block
|
|
||||||
cursor: pointer
|
|
||||||
transition: all 0.25s ease
|
|
||||||
font: 12px/1 "Quicksand", sans-serif
|
|
||||||
color: white
|
|
||||||
text-decoration: none
|
|
||||||
|
|
||||||
&:hover, &:active {
|
|
||||||
border-color: light-green
|
|
||||||
color: white
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
#! /usr/bin/env node
|
|
||||||
|
|
||||||
try {
|
|
||||||
require('../newrelic')
|
|
||||||
require('newrelic')
|
|
||||||
} catch (ex) {
|
|
||||||
// Don't load New Relic if the configuration file doesn't exist.
|
|
||||||
}
|
|
||||||
|
|
||||||
process.on('unhandledRejection', (reason, p) => {
|
|
||||||
p.catch(err => {
|
|
||||||
console.error('Exiting due to unhandled rejection!')
|
|
||||||
console.error(err)
|
|
||||||
process.exit(1)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
process.on('uncaughtException', err => {
|
|
||||||
console.error('Exiting due to uncaught exception!')
|
|
||||||
console.error(err.stack)
|
|
||||||
process.exit(1)
|
|
||||||
})
|
|
||||||
|
|
||||||
module.exports = require('./server')
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
import socket from 'filepizza-socket'
|
|
||||||
import DownloadActions from '../actions/DownloadActions'
|
|
||||||
import alt from '../alt'
|
|
||||||
import { getClient } from '../wt'
|
|
||||||
|
|
||||||
const SPEED_REFRESH_TIME = 2000
|
|
||||||
|
|
||||||
function downloadBlobURL(name, blobURL) {
|
|
||||||
const a = document.createElement('a')
|
|
||||||
document.body.appendChild(a)
|
|
||||||
a.download = name
|
|
||||||
a.href = blobURL
|
|
||||||
a.click()
|
|
||||||
}
|
|
||||||
|
|
||||||
export default alt.createStore(
|
|
||||||
class DownloadStore {
|
|
||||||
constructor() {
|
|
||||||
this.bindActions(DownloadActions)
|
|
||||||
|
|
||||||
this.fileName = ''
|
|
||||||
this.fileSize = 0
|
|
||||||
this.fileType = ''
|
|
||||||
this.infoHash = null
|
|
||||||
this.peers = 0
|
|
||||||
this.progress = 0
|
|
||||||
this.speedDown = 0
|
|
||||||
this.speedUp = 0
|
|
||||||
this.status = 'uninitialized'
|
|
||||||
this.token = null
|
|
||||||
}
|
|
||||||
|
|
||||||
onRequestDownload() {
|
|
||||||
if (this.status !== 'ready') {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.status = 'requesting'
|
|
||||||
|
|
||||||
getClient().then(client => {
|
|
||||||
client.add(
|
|
||||||
this.infoHash,
|
|
||||||
{ announce: client.tracker.announce },
|
|
||||||
(torrent) => {
|
|
||||||
this.setState({ status: 'downloading' })
|
|
||||||
|
|
||||||
const updateSpeed = () => {
|
|
||||||
this.setState({
|
|
||||||
speedUp: torrent.uploadSpeed,
|
|
||||||
speedDown: torrent.downloadSpeed,
|
|
||||||
peers: torrent.numPeers,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
torrent.on('upload', updateSpeed)
|
|
||||||
torrent.on('download', updateSpeed)
|
|
||||||
setInterval(updateSpeed, SPEED_REFRESH_TIME)
|
|
||||||
|
|
||||||
const file = torrent.files[0]
|
|
||||||
const stream = file.createReadStream()
|
|
||||||
stream.on('data', (chunk) => {
|
|
||||||
if (this.status !== 'downloading') {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
if (torrent.progress === 1) {
|
|
||||||
this.setState({ status: 'done', progress: 1 })
|
|
||||||
file.getBlobURL((err, blobURL) => {
|
|
||||||
if (err) {
|
|
||||||
throw err
|
|
||||||
}
|
|
||||||
downloadBlobURL(this.fileName, blobURL)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.setState({ progress: torrent.progress })
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'DownloadStore',
|
|
||||||
)
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import SupportActions from '../actions/SupportActions'
|
|
||||||
import alt from '../alt'
|
|
||||||
|
|
||||||
export default alt.createStore(
|
|
||||||
class ErrorStore {
|
|
||||||
constructor() {
|
|
||||||
this.bindActions(SupportActions)
|
|
||||||
|
|
||||||
this.status = 404
|
|
||||||
this.message = 'Not Found'
|
|
||||||
this.stack = null
|
|
||||||
}
|
|
||||||
|
|
||||||
onNoSupport() {
|
|
||||||
this.status = 400
|
|
||||||
this.message = 'No WebRTC Support. Please use Chrome or Firefox.'
|
|
||||||
this.stack = null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'ErrorStore',
|
|
||||||
)
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import SupportActions from '../actions/SupportActions'
|
|
||||||
import alt from '../alt'
|
|
||||||
|
|
||||||
export default alt.createStore(
|
|
||||||
class SupportStore {
|
|
||||||
constructor() {
|
|
||||||
this.bindActions(SupportActions)
|
|
||||||
this.isSupported = true
|
|
||||||
this.isChrome = false
|
|
||||||
}
|
|
||||||
|
|
||||||
onNoSupport() {
|
|
||||||
this.isSupported = false
|
|
||||||
}
|
|
||||||
|
|
||||||
onIsChrome() {
|
|
||||||
this.isChrome = true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'SupportStore',
|
|
||||||
)
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
import socket from 'filepizza-socket'
|
|
||||||
import UploadActions from '../actions/UploadActions'
|
|
||||||
import alt from '../alt'
|
|
||||||
import { getClient } from '../wt'
|
|
||||||
|
|
||||||
const SPEED_REFRESH_TIME = 2000
|
|
||||||
|
|
||||||
export default alt.createStore(
|
|
||||||
class UploadStore {
|
|
||||||
constructor() {
|
|
||||||
this.bindActions(UploadActions)
|
|
||||||
|
|
||||||
this.fileName = ''
|
|
||||||
this.fileSize = 0
|
|
||||||
this.fileType = ''
|
|
||||||
this.infoHash = null
|
|
||||||
this.peers = 0
|
|
||||||
this.speedUp = 0
|
|
||||||
this.status = 'ready'
|
|
||||||
this.token = null
|
|
||||||
this.shortToken = null
|
|
||||||
}
|
|
||||||
|
|
||||||
onUploadFile(file) {
|
|
||||||
if (this.status !== 'ready') {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.status = 'processing'
|
|
||||||
|
|
||||||
getClient().then(client => {
|
|
||||||
client.seed(file, { announce: client.tracker.announce }, torrent => {
|
|
||||||
const updateSpeed = () => {
|
|
||||||
this.setState({
|
|
||||||
speedUp: torrent.uploadSpeed,
|
|
||||||
peers: torrent.numPeers,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
torrent.on('upload', updateSpeed)
|
|
||||||
torrent.on('download', updateSpeed)
|
|
||||||
setInterval(updateSpeed, SPEED_REFRESH_TIME)
|
|
||||||
|
|
||||||
socket.emit(
|
|
||||||
'upload',
|
|
||||||
{
|
|
||||||
fileName: file.name,
|
|
||||||
fileSize: file.size,
|
|
||||||
fileType: file.type,
|
|
||||||
infoHash: torrent.magnetURI,
|
|
||||||
},
|
|
||||||
(res) => {
|
|
||||||
this.setState({
|
|
||||||
status: 'uploading',
|
|
||||||
token: res.token,
|
|
||||||
shortToken: res.shortToken,
|
|
||||||
fileName: file.name,
|
|
||||||
fileSize: file.size,
|
|
||||||
fileType: file.type,
|
|
||||||
infoHash: torrent.magnetURI,
|
|
||||||
})
|
|
||||||
},
|
|
||||||
)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'UploadStore',
|
|
||||||
)
|
|
||||||
Loading…
Reference in New Issue