StefanMewes/send2ereader
1
0
Fork 0
Code Pull Requests Actions Packages Releases Wiki Activity

prettier upload page

Browse Source
This commit is contained in:
daniel-j
2020-03-04 13:18:40 +01:00
parent 358d3f554d
commit a2af6ba59e
4 changed files with 83 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
download.html
View File

@@ -4,40 +4,7 @@
<title>Send To Kobo</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
.wrapper {
margin: 0 20px;
}
h1 {
font-weight: normal;
font-style: italic;
}
#key {
font-size: 3.5em;
display: block;
letter-spacing: 0.1em;
margin: 10px 0;
}
.center {
text-align: center;
}
#keygen, #downloadlink {
background: #CCC;
border: none;
color: black;
font-style: italic;
padding: 0.6em 1.3em;
line-height: 1.6;
display: inline-block;
}
#keygen:focus {
background: black;
color: white;
}
#downloads {
display: none;
}
</style>
<link rel="stylesheet" type="text/css" href="/style.css"/>
</head>
<body>

26
index.js
View File

@@ -11,9 +11,10 @@ const { spawn } = require('child_process')
const expireDelay = 20
const port = 3001
const maxFileSize = 1024 * 1024 * 400
const uniqueRandom = (minimum, maximum) => {
let previousValue;
function uniqueRandom (minimum, maximum) {
let previousValue
return function random() {
const number = Math.floor(
(Math.random() * (maximum - minimum + 1)) + minimum
@@ -51,10 +52,9 @@ function expireKey (key) {
return timer
}
const random = uniqueRandom(1000, 9999)
const app = new Koa()
app.context.keys = new Map()
const router = new Router()
const upload = multer({
storage: multer.diskStorage({
@@ -68,7 +68,7 @@ const upload = multer({
}
}),
limits: {
fileSize: 1024 * 1024 * 400,
fileSize: maxFileSize,
files: 1
},
fileFilter: (req, file, cb) => {
@@ -87,9 +87,6 @@ const upload = multer({
}
})
app.context.keys = new Map()
router.get('/generate', async ctx => {
const agent = ctx.get('user-agent')
if (!agent.includes('Kobo')) {
@@ -121,7 +118,6 @@ router.get('/generate', async ctx => {
ctx.body = key
})
router.get('/download/:key', async ctx => {
const key = ctx.params.key
const info = ctx.keys.get(key)
@@ -138,7 +134,6 @@ router.get('/download/:key', async ctx => {
ctx.attachment(info.file.name)
})
router.post('/upload', upload.single('file'), async ctx => {
const key = ctx.request.body.key
@@ -225,6 +220,10 @@ router.get('/status/:key', async ctx => {
}
})
router.get('/style.css', async ctx => {
await sendfile(ctx, 'style.css')
})
router.get('/', async ctx => {
const agent = ctx.get('user-agent')
console.log(agent)
@@ -237,7 +236,8 @@ app.use(router.allowedMethods())
fs.rmdir('uploads', {recursive: true}, (err) => {
if (err) throw err
mkdirp.sync('uploads')
app.listen(port)
console.log('server is listening on port ' + port)
mkdirp('uploads').then (() => {
app.listen(port)
console.log('server is listening on port ' + port)
})
})

48
style.css Normal file
View File

@@ -0,0 +1,48 @@
.wrapper {
margin: 0 auto;
padding: 0 20px;
max-width: 600px;
}
h1 {
font-weight: normal;
font-style: italic;
}
#key {
font-size: 3.5em;
display: block;
letter-spacing: 0.1em;
margin: 10px 0;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
#keygen, #downloadlink {
background: #CCC;
border: none;
color: black;
font-style: italic;
padding: 0.6em 1.3em;
line-height: 1.6;
display: inline-block;
}
#keygen:focus {
background: black;
color: white;
}
#downloads {
display: none;
}
#keyinput {
font-size: 3.5em;
width: 4em;
text-align: center;
font-family: serif;
}

28
upload.html
View File

@@ -4,17 +4,31 @@
<title>Send To Kobo</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="/style.css"/>
</head>
<body>
<h1>Send to Kobo</h1>
<div class="wrapper">
<h1 class="center">Send to Kobo</h1>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="text" name="key" autocomplete="off" placeholder="Key" size="6" required /><br/>
<input type="file" name="file" accept=".epub,application/epub+zip" required /><br/>
<label><input type="checkbox" name="kepubify" checked /> Kepubify</label><br/>
<input type="submit" value="Upload" />
</form>
<form action="/upload" method="post" enctype="multipart/form-data">
<table style="margin: 0 auto;" cellpadding=10 cellspacing=0>
<tr><td class="right">Unique key</td><td><input type="text" name="key" id="keyinput" autocomplete="off" inputmode="numeric" pattern="\d\d\d\d" placeholder="- - - -" required /></td></tr>
<tr><td class="right">EPUB file</td><td><input type="file" name="file" accept=".epub,application/epub+zip" required /></td></tr>
<tr><td class="right"><label for="kepubify">Kepubify</label></td><td><input type="checkbox" name="kepubify" id="kepubify" checked /></td></tr>
<tr><td></td><td><input type="submit" value="Upload" /></td></tr>
</table>
</form>
<br/>
<div style="padding: 15px; text-align: justify;">
<p>Go this this page on your Kobo ereader and you see a unique key. Enter it in this form and upload an ebook and it will appear as a download link on the ereader. Your ebook will be stored on the server as long as the Kobo is viewing the unique key and is connected to wifi. It will be deleted when the key expires about 30 seconds after you close the browser/generate a new key/disable wifi on your Kobo.</p>
<p>By using this tool you agree that the ebook you upload is processed on the server and stored for a short time.</p>
</div>
<hr/>
<div class="center">
Created by djazz. Powered by <a href="https://koajs.com/" target="_blank">Koa</a> and <a href="https://pgaskin.net/kepubify/" target="_blank">Kepubify</a>.
</div>
</div>
</body>
</html>