New downloader version

This commit is contained in:
supositware 2021-05-18 18:48:58 +02:00
commit ac3f6e5f3b
20 changed files with 2977 additions and 0 deletions

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
/node_modules/
/proxy/proxy.json

8
.idea/.gitignore vendored Normal file
View file

@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml
# Editor-based HTTP Client requests
/httpRequests/

6
.idea/discord.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="DiscordProjectSettings">
<option name="show" value="PROJECT_FILES" />
</component>
</project>

View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<includedPredefinedLibrary name="Node.js Core" />
</component>
</project>

6
.idea/misc.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectRootManager">
<output url="file://$PROJECT_DIR$/out" />
</component>
</project>

8
.idea/modules.xml Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/jeff-downloader2.iml" filepath="$PROJECT_DIR$/jeff-downloader2.iml" />
</modules>
</component>
</project>

View file

@ -0,0 +1,11 @@
<component name="ProjectRunConfigurationManager">
<configuration default="false" name="bin/www" type="NodeJSConfigurationType" path-to-js-file="bin/www" working-dir="$PROJECT_DIR$">
<envs>
<env name="NODE_ENV" value="production DEBUG=jeff-downloader2:*" />
</envs>
<EXTENSION ID="com.jetbrains.nodejs.run.NodeJSStartBrowserRunConfigurationExtension">
<browser url="http://localhost:3000/" />
</EXTENSION>
<method v="2" />
</configuration>
</component>

6
.idea/vcs.xml Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

44
app.js Normal file
View file

@ -0,0 +1,44 @@
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
const bodyParser = require('body-parser');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;

90
bin/www Executable file
View file

@ -0,0 +1,90 @@
#!/usr/bin/env node
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('jeff-downloader2:server');
var http = require('http');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}

8
jeff-downloader2.iml Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

1876
package-lock.json generated Normal file

File diff suppressed because it is too large Load diff

22
package.json Normal file
View file

@ -0,0 +1,22 @@
{
"name": "jeff-downloader2",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "^1.19.0",
"cookie-parser": "~1.4.4",
"debug": "~2.6.9",
"ejs": "~2.6.1",
"express": "~4.16.1",
"express-formidable": "^1.2.0",
"fluent-ffmpeg": "^2.1.2",
"formidable": "^1.2.2",
"http-errors": "~1.6.3",
"morgan": "~1.9.1",
"youtube-dl": "^3.5.0",
"youtube-dl-exec": "^1.2.3"
}
}

View file

@ -0,0 +1,149 @@
/* https://codepen.io/mohaiman/pen/MQqMyo */
*{
margin: 0px;
padding: 0px;
}
body{
font-family: 'Exo', sans-serif;
}
.context {
width: 100%;
position: absolute;
top:50vh;
}
.context h1{
text-align: center;
color: #fff;
font-size: 50px;
}
.area{
background: rgb(59,44,207);
background: -webkit-linear-gradient(90deg, rgba(59,44,207,1) 0%, rgba(140,41,151,1) 100%);
width: 100%;
height:100vh;
}
.circles{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
animation: animate 25s linear infinite;
bottom: -150px;
}
.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.circles li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circles li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}
@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}

View file

@ -0,0 +1,109 @@
.downloadbtn {
animation: colorchange 13s infinite;
animation-direction: alternate-reverse;
}
a:link {
color: #A0FF9A;
}
a:visited {
color: #A7FF56;
}
a:hover {
color: #DCFFA5 !important;
}
.checkbox:hover, .radio:hover {
color: lightgray !important;
}
.gradientBG {
background: rgb(59,44,207);
background: linear-gradient(90deg, rgba(59,44,207,1) 0%, rgba(140,41,151,1) 100%);
}
/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.fadein {
animation: fadein 2s;
}
.fadeout {
animation: fadeout 2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes colorchange {
0% {
background-color: #ff2400;
color: white;
}
10% {
background-color: #e81d1d;
}
20% {
background-color: #e8b71d;
color: black;
}
30% {
background-color: #e3e81d;
}
40% {
background-color: #1de840;
color: white;
}
50% {
background-color: #1ddde8;
color: black;
}
60% {
background-color: #2b1de8;
color: white;
}
70% {
background-color: #dd00f3;
}
80% {
background-color: #dd00f3;
}
90% {
background-color: #ff2400;
}
100% {
background-color: #ff2400;
}
}
progress::-webkit-progress-value {
-webkit-transition : width 1s ease;
-moz-transition : width 1s ease;
-o-transition : width 1s ease;
transition : width 1s ease;
}

View file

@ -0,0 +1,8 @@
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
a {
color: #00B7FF;
}

336
routes/index.js Normal file
View file

@ -0,0 +1,336 @@
var express = require('express');
var router = express.Router();
const youtubedl = require('youtube-dl');
const fs = require('fs');
const path = require('path');
const ffmpeg = require('fluent-ffmpeg');
const formidable = require('formidable');
const { version } = require('../package.json');
const proxy = require('../proxy/proxy.json');
let progress = {};
let viewCounter = 0;
let files = [];
let day;
let month;
let announcementArray = [];
let announcement;
function formatBytes(bytes, decimals = 2) { // https://stackoverflow.com/a/18650828
if (bytes === 0) return '0 Bytes';
const k = 1024;
const dm = decimals < 0 ? 0 : decimals;
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}
/* GET home page. */
router.get('/', function(req, res, next) {
viewCounter++;
files = [];
let file = [];
for (let f of fs.readdirSync('./public/uploads')) {
if (f.endsWith('.mp4') || f.endsWith('.webm') || f.endsWith('.mp3') || f.endsWith('.flac'))
file.push(f)
}
// get the 5 most recent files
file = file.sort((a, b) => {
if ((a || b).endsWith('.mp4') || (a || b).endsWith('.webm') || (a || b).endsWith('.mp3') || (a || b).endsWith('.flac')) {
let time1 = fs.statSync(`./public/uploads/${b}`).ctime;
let time2 = fs.statSync(`./public/uploads/${a}`).ctime;
if (time1 < time2) return -1;
if (time1 > time2) return 1;
}
return 0;
}).slice(0, 5)
// Save space by deleting file that doesn't appear in the recent feed
for (let f of fs.readdirSync('./public/uploads')) {
if (!file.includes(f) && (f != 'hidden' && f != '.keep')) {
if (fs.existsSync(`./public/uploads/${f}`))
fs.unlinkSync(`./public/uploads/${f}`);
if (fs.existsSync(`./public/thumbnail/${f}`))
fs.unlinkSync(`./public/thumbnail/${f}`);
if (fs.existsSync(`./public/thumbnail/${f}.png`))
fs.unlinkSync(`./public/thumbnail/${f}.png`);
}
}
for (let f of file) {
let fileInfo = formatBytes(fs.statSync(`./public/uploads/${f}`).size).split(' ');
let defaultFiles = { name: f.replace(path.extname(f), ''), size: fileInfo[0], unit: fileInfo[1], date: fs.statSync(`./public/uploads/${f}`).ctime, location: `uploads/${f}`, ext: path.extname(f), thumbnail: `/thumbnail/${f}`, img: `/thumbnail/${f.replace(path.extname(f), '.png')}` };
if (f.endsWith('.mp3') || f.endsWith('.flac')) {
defaultFiles.thumbnail = `./thumbnail/${f.replace(path.extname(f), '.png')}`
}
files.push(defaultFiles);
}
res.render('index', { version: version, files: files, viewCounter: viewCounter, proxy: proxy });
});
router.get('/status/:uuid', function (req, res ,next) {
let uuid = req.params.uuid;
if (progress[uuid]) {
res.send(progress[uuid]);
}
});
router.post('/', async function(req, res, next) {
let data;
const form = formidable({ multiples: true});
data = await new Promise(function(resolve, reject) {
form.parse(req, function(err, fields, files) {
if (err) {
reject(err)
}
resolve({...fields})
})
});
console.log(data.url);
if (data.url === undefined) {
//res.render('index', { error: true, errormsg: 'You didn\'t input a link'})
return res.send('You didn\'t input a link')
}
let quality;
if (data.quality === 'worst') {
quality = 'worst';
} else {
quality = 'best';
}
if (data.format === undefined) {
data.format = 'mp4';
}
if (data.url.toLowerCase().includes('porn')) {
data.feed = 'on';
}
let videoID;
if (data.sponsorBlock) {
let regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
let match = data.url.match(regExp);
videoID = (match&&match[7].length==11)? match[7] : false;
if (!videoID) {
return res.json({error: 'To use sponsorBlock you need a valid youtube link!'});
//res.render('index', { error: true, errormsg: 'To use sponsorBlock you need a valid youtube link!'})
}
}
let options = ['--format=mp4', '-f', quality];
if (data.proxy !== 'none') {
options.push('--proxy');
options.push(data.proxy);
}
console.log(options);
let video = youtubedl(data.url, options);
video.on('error', function(err) {
console.error(err);
res.json({ error: err.stderr});
});
let ext;
let size = 0;
video.on('info', function(info) {
size = info.size;
if (size / 1000000.0 > 10000) return res.json({error: 'Sorry, but I don\'t have enough storage to store something this big.'});
// Set file name
ext = info.ext;
let title = info.title.slice(0,50);
DLFile = `${title.replace(/\s/g, '')}.${ext}`;
DLFile = DLFile.replace(/[()]|[/]|[\\]|[!]|[?]/g, '');
DLFile = DLFile.replace(',', '');
// If no title use the ID
if (title === '_') title = `_${info.id}`;
// If user want to hide from the feed
if (data.feed === 'on')
DLFile = `hidden/${title}.${ext}`;
if (data.sponsorBlock) video.pipe(fs.createWriteStream(`./public/uploads/hidden/${DLFile}`));
else video.pipe(fs.createWriteStream(`./public/uploads/${DLFile}`));
});
let pos = 0
video.on('data', (chunk) => {
pos += chunk.length
// `size` should not be 0 here.
if (size) {
let percent = (pos / size * 100).toFixed(2)
progress[data.uuid] = percent;
}
})
video.on('end', function() {
progress[data.uuid] = 0;
if (data.format === 'mp4' || data.format === 'webm') {
if (data.sponsorBlock) { // WARNING: THIS PART SUCK
let filter = '';
let abc = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
fetch(`https://sponsor.ajay.app/api/skipSegments?videoID=${videoID}`)
.then(res => {
if (res.status === 404) {
return res.json({error: 'Couldn\'t find any SponsorBlock data for this video.'});
//return this.res.render('index', { error: true, errormsg: 'Couldn\'t find any SponsorBlock data for this video.'})
}
return res.json();
})
.then(json => {
if (json === undefined) return;
let i = 0;
let previousEnd;
let usedLetter = [];
json.forEach(sponsor => {
usedLetter.push(abc[i]);
if (i === 0) {
filter += `[0:v]trim=start=0:end=${sponsor.segment[0]},setpts=PTS-STARTPTS[${abc[i]}v];`;
filter += `[0:a]atrim=start=0:end=${sponsor.segment[0]},asetpts=PTS-STARTPTS[${abc[i]}a];`;
} else {
filter += `[0:v]trim=start=${previousEnd}:end=${sponsor.segment[0]},setpts=PTS-STARTPTS[${abc[i]}v];`;
filter += `[0:a]atrim=start=${previousEnd}:end=${sponsor.segment[0]},asetpts=PTS-STARTPTS[${abc[i]}a];`;
}
previousEnd = sponsor.segment[1];
i++;
});
usedLetter.push(abc[i]);
filter += `[0:v]trim=start=${previousEnd},setpts=PTS-STARTPTS[${abc[i]}v];`;
filter += `[0:a]atrim=start=${previousEnd},asetpts=PTS-STARTPTS[${abc[i]}a];`;
let video = '';
let audio = '';
usedLetter.forEach(letter => {
video += `[${letter}v]`
audio += `[${letter}a]`
});
filter += `${video}concat=n=${i + 1}[outv];`;
filter += `${audio}concat=n=${i + 1}:v=0:a=1[outa]`;
ffmpeg(`./public/uploads/hidden/${DLFile}`)
.inputFormat('mp4')
.complexFilter(filter)
.outputOptions('-map [outv]')
.outputOptions('-map [outa]')
.save(`./public/uploads/${DLFile}`)
.on('error', function(err, stdout, stderr) {
console.log('Cannot process video: ' + err.message);
return res.json({error: err.message});
//return res.render('index', { error: true, errormsg: err.message})
})
.on('end', () => {
console.log('end');
//res.attachment(`./public/uploads/${DLFile}`)
res.json({url: `uploads/${DLFile}`})
if (data.feed !== 'on') generateThumbnail(DLFile);
});
});
} else {
// If user requested mp4 directly attach the file
res.json({url: `uploads/${DLFile}`})
if (data.feed !== 'on') generateThumbnail(DLFile);
}
} else {
// If user requested an audio format, convert it
ffmpeg(`./public/uploads/${DLFile}`)
.noVideo()
.audioChannels('2')
.audioFrequency('44100')
.audioBitrate('320k')
.format(data.format)
.save(`./public/uploads/${DLFile.replace(`.${ext}`, `.${data.format}`)}`)
.on('error', function(err, stdout, stderr) {
console.log('Cannot process video: ' + err.message);
return res.json({error: err.message});
//return res.render('index', { error: true, errormsg: err.message})
})
.on('end', () => {
fs.unlinkSync(`./public/uploads/${DLFile}`);
if (data.feed !== 'on') generateWaveform(DLFile.replace(`.${ext}`, `.${data.format}`));
return res.json({url: `uploads/${DLFile.replace(`.${ext}`, `.${data.format}`)}`});
//return res.attachment(`./public/uploads/${DLFile.replace(`.${ext}`, `.${data.format}`)}`);
});
}
});
function uuidv4() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
});
module.exports = router;
async function generateWaveform(f) {
ffmpeg(`./public/uploads/${f}`)
.complexFilter('[0:a]aformat=channel_layouts=mono,compand=gain=-6,showwavespic=s=600x120:colors=#9cf42f[fg];color=s=600x120:color=#44582c,drawgrid=width=iw/10:height=ih/5:color=#9cf42f@0.1[bg];[bg][fg]overlay=format=rgb,drawbox=x=(iw-w)/2:y=(ih-h)/2:w=iw:h=1:color=#9cf42f')
.frames(1)
.noVideo()
.noAudio()
.duration(0.1)
.on('error', function(err, stdout, stderr) {
return console.log('Cannot process video: ' + err.message);
})
.on('end', () => {
generateThumbnail(`../thumbnail/${f.replace(path.extname(f), '.mp4')}`);
})
.save(`./public/thumbnail/${f.replace(path.extname(f), '.mp4')}`);
}
async function generateThumbnail(f) {
ffmpeg(`./public/uploads/${f}`)
.screenshots({
timestamps: ['20%'],
size: '720x480',
folder: './public/thumbnail/',
filename: f.replace(path.extname(f), '.png')
})
.on('error', function(err, stdout, stderr) {
return console.log('Cannot process video: ' + err.message);
});
if (!fs.existsSync(`./public/thumbnail/tmp/${f}`) && !f.startsWith('../thumbnail'))
fs.mkdirSync(`./public/thumbnail/tmp/${f}`)
ffmpeg(`./public/uploads/${f}`)
.complexFilter('select=gt(scene\\,0.8)')
.frames(10)
.complexFilter('fps=fps=1/10')
.save(`./public/thumbnail/tmp/${f}/%03d.png`)
.on('error', function(err, stdout, stderr) {
return console.log('Cannot process video: ' + err.message);
})
.on('end', () => {
ffmpeg(`./public/thumbnail/tmp/${f}/%03d.png`)
.complexFilter('zoompan=d=(.5+.5)/.5:s=640x480:fps=1/.5,framerate=25:interp_start=0:interp_end=255:scene=100')
.format('mp4')
.save(`./public/thumbnail/${f}`)
.on('error', function(err, stdout, stderr) {
return console.log('Cannot process video: ' + err.message);
})
.on('end', () => {
// Save space by deleting tmp directory
for (let files of fs.readdirSync(`./public/thumbnail/tmp/${f}`)) {
if (files == '.keep') return;
fs.unlinkSync(`./public/thumbnail/tmp/${f}/${files}`);
}
fs.rmdirSync(`./public/thumbnail/tmp/${f}`);
});
});
}

9
routes/users.js Normal file
View file

@ -0,0 +1,9 @@
var express = require('express');
var router = express.Router();
/* GET users listing. */
router.get('/', function(req, res, next) {
res.send('respond with a resource');
});
module.exports = router;

3
views/error.ejs Normal file
View file

@ -0,0 +1,3 @@
<h1><%= message %></h1>
<h2><%= error.status %></h2>
<pre><%= error.stack %></pre>

270
views/index.ejs Normal file
View file

@ -0,0 +1,270 @@
<!--
What are you doing here 😳😳😳😳
I guess have fun looking at the html, no easter egg to find here.
Come take a look here https://git.namejeff.xyz/Supositware/jeff-downloader for all my bad coding
-->
<!DOCTYPE html>
<html class="gradientBG" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:type" content="website">
<meta property="og:title" content="jeff" />
<meta property="og:description" content="A simple video downloader without any ad or tracking." />
<meta property="og:url" content="https://namejeff.xyz/" />
<meta property="og:image" content="https://namejeff.xyz/asset/jeff.png" />
<meta name="theme-color" content="#3b2ccf" />
<link rel="icon" href="/asset/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="asset/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="stylesheets/index.css">
<link rel="stylesheet" type="text/css" href="stylesheets/background.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<title>jeff</title>
</head>
<body class="has-text-light gradientBG">
<section class="section has-text-centered">
<div class="container ">
<h1 class="title has-text-light">Le epic downloader v<%= version %>%></h1>
<div class="downloader form">
<form id="download-form" method="POST" action="/" enctype="application/x-www-form-urlencoded">
<div class="field is-horizontal">
<div class="field-body">
<div class="field is-horizontal">
<div class="control">
<label class="radio" for="small">
<input class="radio" type="radio" name="quality" id="small" value="small">
Low quality
</label>
<label class="radio" for="high">
<input class="radio" type="radio" name="quality" id="high" value="high" checked>
High quality
</label>
<label class="checkbox" for="alt">
<input class="checkbox" type="checkbox" name="alt" id="alt" title="Use this if download dosen't work">
Alternate download
</label>
<label class="checkbox" for="feed">
<input class="checkbox" type="checkbox" name="feed" id="feed" title="Use this if you don't want the video you are downloading to be public">
Hide from feed
</label>
<label class="checkbox" for="sponsorBlock">
<input class="checkbox" type="checkbox" name="sponsorBlock" id="sponsorBlock" title="(Using sponsor.ajay.app)">
(W.I.P) Remove sponsors of video using <a href="https://sponsor.ajay.app/">SponsorBlock</a>
</label>
</div>
</div>
</div>
</div>
<div class="field-body">
<div class="field is-expanded">
<div class="field has-addons">
<p class="control is-expanded">
<input type="text" id="url" name="url" class="downloadurl input is-rounded" placeholder="Link">
</p>
<p class="control">
<button type="submit" class="downloadbtn button is-primary is-rounded" id="button">Download that mf video</button>
</p>
</div>
</div>
</div>
<div class="field has-addon">
<div class="control">
</div>
<div class="control">
</div>
</div>
<div class="field is-horizontal level">
<div class="control level-left">
<label class="radio" for="mp4">
<input class="radio" type="radio" name="format" value="mp4" id="mp4" checked>
Video?
</label>
<label class="radio" for="mp3">
<input class="radio" type="radio" name="format" value="mp3" id="mp3">
MP3?
</label>
<label class="radio" for="flac" title="This is pure placebo">
<input class="radio" type="radio" name="format" value="flac" id="flac" title="This is pure placebo">
FLAC?
</label>
</div>
<div class="field-body level-right">
<div class="field is-horizontal">
<div class="control">
<span>Proxy options:</span>
<label class="radio" for="none">
<input class="radio" type="radio" name="proxy" value="none" id="none" checked>
None
</label>
<% proxy.forEach(function(proxy){ %>
<label class="radio" for="<%= proxy.ip %>">
<input class="radio" type="radio" name="proxy" value="<%= proxy.ip %>" id="<%= proxy.ip %>">
<%= proxy.ip.substring(0, proxy.ip.length - 5) %> - <%= proxy.country %>
</label>
<% }) %>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="container" id="progress"></div>
</div>
</section>
<% if (files != "") {%>
<p class="title has-text-light has-text-centered">Recently downloaded videos</p>
<section class="section">
<div class="columns is-vcentered is-multiline fadein">
<% files.forEach(function(file){ %>
<div class="column hvr-grow">
<div class="column box notification is-dark level">
<p class="subtitle"><%= file.name %></p>
<div>
<figure class="is-4by3">
<video muted loop onmouseover="this.play();" onmouseout="this.pause();this.currentTime = 0;" oncanplay="this.muted=true;" poster="<%= file.img %>" preload="metadata">
<source src="/thumbnail/<%= file.name %>.mp4#t=0.5" >
<img src="<%= file.img %>" title="Your browser does not support the <video> tag">
</video>
</figure>
</div>
<br>
<div class="content">
<div class="field has-addons is-centered">
<p class="control">
<a class="button is-link is-rounded" href="<%= file.location %>" download>Download<i class="fas fa-fw fa-file-download" aria-hidden="true"></i></a>
</p>
<p class="control">
<button class="button is-link is-rounded" onclick="toClipboard('https:\/\/namejeff.xyz\/{{ file.location }}')">Copy to clipboard<i class="fas fa-fw fa-clipboard" aria-hidden="true"></i></button>
</p>
</div>
</div>
<div class="field is-grouped">
<div class="control">
<div class="tags has-addons">
<span class="tag">File format</span>
<span class="tag is-primary"><%= file.ext %></span>
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">File size</span>
<span class="tag is-primary"><%= file.size%> <%= file.unit %></span>
</div>
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">Download date</span>
<span class="tag is-primary"><%= file.date %></span>
</div>
</div>
</div>
</div>
<% }) %>
</div>
</section>
<% } %>
</body>
<script>
let uuid = uuidv4();
console.log(uuid);
let form = document.getElementById('download-form');
form.addEventListener("submit", function (event) {
event.preventDefault();
submitDownload();
});
function submitDownload() {
document.getElementById('progress').innerHTML = '<progress class="progress is-success" id="progress-bar" max="100">0%</progress>';
let frm = new FormData(form);
frm.append('uuid', uuid);
console.log(...frm);
let xhttp = new XMLHttpRequest();
console.log('hi');
let progress = setInterval(() => {
CheckProgress();
}, 1000);
// Définissez ce qui se passe si la soumission s'est opérée avec succès
xhttp.addEventListener("load", function(event) {
const json = JSON.parse(event.target.responseText);
console.log(json);
if (json.error) {
alert(json.error);
} else {
const url = json.url;
let a = document.createElement("a");
a.href = url;
fileName = url.split("/").pop();
a.download = fileName;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
a.remove();
}
clearInterval(progress);
setTimeout(() => {
document.getElementById('progress').innerHTML = '';
}, 500)
});
// Definissez ce qui se passe en cas d'erreur
xhttp.addEventListener("error", function(event) {
clearInterval(progress);
document.getElementById('progress').innerHTML = '';
alert('whoops, something gone wrong');
});
xhttp.open("POST", "/", true);
xhttp.send(frm);
}
function CheckProgress() {
let xhttp = new XMLHttpRequest();
xhttp.open("GET", `/status/${uuid}?=${Math.random()}`, true);
xhttp.send();
xhttp.addEventListener("load", function(event) {
console.log(event.target.responseText);
document.getElementsByTagName("progress")[0].value = event.target.responseText;
document.getElementsByTagName("progress")[0].innerHTML = `${event.target.responseText}%`;
});
xhttp.addEventListener("error", function(event) {
console.error(event.target.responseText);
});
}
function uuidv4() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
console.log('%cWhat are you doing here 😳😳😳😳', 'font-size: 40px;');
</script>
</html>