up1

Paused

App Files Files Community

up1 / app.py

albumup

Update app.py

af9d9b7 verified 12 months ago

raw

history blame contribute delete

37.5 kB

	from fastapi import FastAPI, File, UploadFile, Request
	from fastapi.responses import HTMLResponse, JSONResponse, StreamingResponse, FileResponse
	import requests
	import time
	import asyncio
	from typing import Dict
	import os
	import mimetypes

	app = FastAPI()

	HTML_CONTENT = """
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PRO Uploader</title>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
	<style>
	body {
	font-family: 'Poppins', sans-serif;
	background-color: #121212;
	color: #e0e0e0;
	margin: 0;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	}

	body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACM/9unAAAACXBIWXMAAAsTAAALEwEAmpwYAAABF0lEQVR4nO3YMRLCQBRE0clsYgxZwwq7oLGxAgp2AtbsqQZsYgEG0wEWc/LSZnb9HcMjR8fHvEKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgsK8tJOq9fzs7vlkNlWvf5ELi+20t5k2VSL7p/iHJ5Rz5ynOhU7rQ4pUi+6b4hyeUc+cpzoVO60OkV7rQ4pUi+6b4hxenu+en4rQAOkaks/eJegGaUfOHI+nRvQCND1w2J9yf8C2KZwNjkeUsAKRa7Nz50tQAokVbO/U6AaiWjl5wd6kQAOke8Xpx3JgTQKVq7Heh0ADpFvF6cd0kE0Claux3odAA6RfxenHc+BNCpWrsd6HQAOkX8Xpx3PgTQqVq7Heh0ADpF/F6cdz4E0KlarjdI/cR1FBQUGBgYGBgYGBgYG/AT4AIHph6aQGU7oAAAAASUVORK5CYII=') repeat;
	animation: grain 8s steps(10) infinite;
	opacity: 0.2;
	pointer-events: none;
	}

	@keyframes grain {
	0% { transform: translate(0, 0); }
	10% { transform: translate(-5%, -5%); }
	20% { transform: translate(-10%, 5%); }
	30% { transform: translate(5%, -10%); }
	40% { transform: translate(-5%, 15%); }
	50% { transform: translate(-10%, 5%); }
	60% { transform: translate(15%, 0); }
	70% { transform: translate(0, 10%); }
	80% { transform: translate(-15%, 0); }
	90% { transform: translate(10%, 5%); }
	100% { transform: translate(5%, 0); }
	}

	.container {
	position: relative;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	padding: 2rem;
	background: rgba(18, 18, 18, 0.9);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	z-index: 1;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}

	h1 {
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	color: #ffffff;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
	}

	.btn {
	display: inline-block;
	position: relative;
	padding: 12px 24px;
	margin: 0.5rem;
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	background-color: #2a2a2a;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1;
	transition: color 0.3s ease, box-shadow 0.3s ease;
	}

	.btn:hover {
	color: #ffffff;
	box-shadow: 0 0 15px rgba(200, 200, 200, 0.5);
	}

	.btn:hover::before {
	content: '';
	position: absolute;
	inset: -10px;
	background: radial-gradient(circle at center, rgba(200,200,200,0.2), transparent);
	filter: blur(20px);
	animation: glowAnimation 2s infinite;
	z-index: -1;
	pointer-events: none;
	}

	@keyframes glowAnimation {
	0% { transform: scale(0.8); }
	50% { transform: scale(1.2); }
	100% { transform: scale(0.8); }
	}

	.btn:active {
	transform: scale(0.98);
	}

	.small-btn {
	padding: 6px 12px;
	font-size: 0.8rem;
	font-weight: 500;
	background-color: #2a2a2a;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: color 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0.25rem;
	}

	.small-btn:hover {
	color: #ffffff;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.5);
	}

	.small-btn:hover::before {
	content: '';
	position: absolute;
	inset: -10px;
	background: radial-gradient(circle at center, rgba(200,200,200,0.2), transparent);
	filter: blur(15px);
	animation: glowAnimation 2s infinite;
	z-index: -1;
	pointer-events: none;
	}

	.small-btn:active {
	transform: scale(0.98);
	}

	.drop-zone {
	position: relative;
	padding: 20px;
	margin-bottom: 1rem;
	border: 2px dashed #aaa;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: rgba(255, 255, 255, 0.05);
	overflow: hidden;
	}

	.drop-zone:hover, .drop-zone.drag-over {
	border-color: #ffffff;
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	}

	.drop-zone:hover::before, .drop-zone.drag-over::before {
	content: '';
	position: absolute;
	inset: -10px;
	background: radial-gradient(circle at center, rgba(200,200,200,0.2), transparent);
	filter: blur(30px);
	animation: grainGlow 5s infinite;
	z-index: -1;
	pointer-events: none;
	}

	@keyframes grainGlow {
	0% { opacity: 0.2; }
	50% { opacity: 0.5; }
	100% { opacity: 0.2; }
	}

	.file-input {
	display: none;
	}

	.file-name {
	margin-top: 1rem;
	font-size: 0.9rem;
	color: #aaa;
	word-break: break-all;
	}

	.progress-container {
	display: none;
	margin-top: 1.5rem;
	}

	.progress-bar {
	width: 100%;
	height: 10px;
	background-color: #333;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 10px;
	}

	.progress {
	width: 0%;
	height: 100%;
	background-color: #ffffff;
	transition: width 0.3s ease;
	}

	.loading-spinner {
	display: none;
	width: 40px;
	height: 40px;
	border: 4px solid #333;
	border-top: 4px solid #ffffff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: 20px auto;
	}

	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}

	.result-container {
	display: none;
	margin-top: 1.5rem;
	}

	.result-link {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	margin-right: 10px;
	word-break: break-all;
	}

	.result-link:hover {
	text-decoration: underline;
	}

	.link-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 10px;
	}

	.file-types {
	margin-top: 2rem;
	font-size: 0.8rem;
	color: #aaa;
	}

	.modal {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.8);
	}

	.modal-content {
	background-color: #1e1e1e;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #333;
	width: 90%;
	max-width: 600px;
	border-radius: 10px;
	color: #e0e0e0;
	animation: modalFadeIn 0.3s;
	position: relative;
	}

	@keyframes modalFadeIn {
	from {opacity: 0; transform: scale(0.8);}
	to {opacity: 1; transform: scale(1);}
	}

	.close {
	color: #aaa;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 28px;
	font-weight: bold;
	transition: color 0.3s ease;
	}

	.close:hover,
	.close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}

	.embed-container {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-top: 15px;
	}

	#embedLink {
	width: 100%;
	padding: 10px;
	background-color: #333;
	border: 1px solid #555;
	color: #e0e0e0;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 0.9rem;
	}

	.history-btn-container {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 1rem;
	}

	.history-btn, .clear-history-btn {
	display: inline-block;
	padding: 8px 16px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	}

	.history-btn {
	background-color: #2a2a2a;
	}

	.history-btn:hover {
	background-color: #3a3a3a;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.3);
	}

	.clear-history-btn {
	background-color: #1a0505;
	}

	.clear-history-btn:hover {
	background-color: #2a0a0a;
	box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
	}

	.history-modal {
	display: none;
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.8);
	}

	.history-modal-content {
	background-color: #1e1e1e;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #333;
	width: 90%;
	max-width: 600px;
	border-radius: 10px;
	color: #e0e0e0;
	animation: modalFadeIn 0.3s;
	position: relative;
	max-height: 80vh;
	overflow-y: auto;
	}

	.history-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #333;
	transition: background-color 0.3s ease;
	}

	.history-item:hover {
	background-color: #2a2a2a;
	}

	.history-item-name {
	flex-grow: 1;
	margin-right: 10px;
	word-break: break-all;
	}

	.history-item-actions {
	display: flex;
	gap: 5px;
	}

	.quick-open-modal {
	display: none;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	overflow: auto;
	}

	.quick-open-content {
	margin: 5% auto;
	padding: 20px;
	width: 90%;
	max-width: 800px;
	text-align: center;
	}

	.quick-open-content img,
	.quick-open-content video,
	.quick-open-content audio {
	max-width: 100%;
	max-height: 70vh;
	margin-bottom: 20px;
	}

	.quick-open-content iframe {
	width: 100%;
	height: 70vh;
	border: none;
	}

	@media (max-width: 480px) {
	.container {
	padding: 1.5rem;
	}

	h1 {
	font-size: 1.5rem;
	}

	.btn, .small-btn {
	font-size: 0.9rem;
	padding: 10px 20px;
	margin: 0.25rem;
	}

	.file-types {
	font-size: 0.7rem;
	}

	.modal-content, .history-modal-content {
	width: 95%;
	margin: 5% auto;
	padding: 15px;
	}

	.history-item {
	flex-direction: column;
	align-items: flex-start;
	}

	.history-item-actions {
	margin-top: 10px;
	flex-wrap: wrap;
	}

	.history-item-name {
	font-size: 0.9rem;
	}

	.drop-zone {
	padding: 15px;
	}

	.drop-zone p {
	font-size: 0.9rem;
	}

	.result-link {
	font-size: 0.9rem;
	}

	.link-buttons {
	flex-direction: column;
	align-items: stretch;
	}

	.link-buttons .small-btn {
	margin: 0.25rem 0;
	}

	.close {
	top: 5px;
	right: 10px;
	font-size: 24px;
	}

	.quick-open-content {
	margin: 10% auto;
	padding: 10px;
	}
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>PRO Uploader</h1>
	<form id="uploadForm">
	<div id="dropZone" class="drop-zone">
	<input type="file" name="file" id="file" class="file-input" accept="*" required>
	<label for="file" class="btn">Choose File</label>
	<p>or drag and drop file here/paste image</p>
	</div>
	<div class="file-name" id="fileName"></div>
	<button type="submit" id="uploadBtn" class="btn" style="display: none; margin-top: 1rem;">Upload File</button>
	<div class="progress-container" id="progressContainer"></div>
	<div class="loading-spinner" id="loadingSpinner"></div>
	</form>
	<div class="result-container" id="resultContainer"></div>
	<div class="file-types">
	All file types are supported
	</div>
	<div class="history-btn-container">
	<button id="historyBtn" class="history-btn">View Upload History</button>
	<button id="clearHistoryBtn" class="clear-history-btn">Clear History</button>
	</div>
	</div>

	<div id="embedModal" class="modal">
	<div class="modal-content">
	<span class="close">×</span>
	<h2>Embed Video Link</h2>
	<p>copy the link to embed it on discord:</p>
	<div class="embed-container">
	<input type="text" id="embedLink" readonly>
	<button onclick="copyEmbedLink()" class="small-btn copy-embed-btn">Copy</button>
	</div>
	</div>
	</div>

	<div id="historyModal" class="history-modal">
	<div class="history-modal-content">
	<span class="close">×</span>
	<h2>Upload History</h2>
	<div id="historyList"></div>
	</div>
	</div>

	<div id="quickOpenModal" class="quick-open-modal">
	<div class="quick-open-content">
	<span class="close">×</span>
	<div id="quickOpenContent"></div>
	</div>
	</div>

	<script>
	const fileInput = document.getElementById('file');
	const fileName = document.getElementById('fileName');
	const uploadForm = document.getElementById('uploadForm');
	const progressContainer = document.getElementById('progressContainer');
	const loadingSpinner = document.getElementById('loadingSpinner');
	const resultContainer = document.getElementById('resultContainer');
	const dropZone = document.getElementById('dropZone');
	const modal = document.getElementById('embedModal');
	const historyModal = document.getElementById('historyModal');
	const quickOpenModal = document.getElementById('quickOpenModal');
	const span = document.getElementsByClassName("close");
	const embedLinkInput = document.getElementById('embedLink');
	const uploadBtn = document.getElementById('uploadBtn');
	const historyBtn = document.getElementById('historyBtn');
	const clearHistoryBtn = document.getElementById('clearHistoryBtn');
	const historyList = document.getElementById('historyList');
	const quickOpenContent = document.getElementById('quickOpenContent');

	fileInput.addEventListener('change', handleFileSelect);

	uploadForm.addEventListener('submit', (e) => {
	e.preventDefault();
	if (fileInput.files.length > 0) {
	uploadFile(fileInput.files[0]);
	}
	});

	dropZone.addEventListener('dragover', (e) => {
	e.preventDefault();
	dropZone.classList.add('drag-over');
	});

	dropZone.addEventListener('dragleave', () => {
	dropZone.classList.remove('drag-over');
	});

	dropZone.addEventListener('drop', (e) => {
	e.preventDefault();
	dropZone.classList.remove('drag-over');
	handleFileSelect({ target: { files: e.dataTransfer.files } });
	});

	document.addEventListener('paste', (e) => {
	const items = e.clipboardData.items;
	for (let i = 0; i < items.length; i++) {
	if (items[i].kind === 'file') {
	const file = items[i].getAsFile();
	handleFileSelect({ target: { files: [file] } });
	break;
	}
	}
	});

	span[0].onclick = function() {
	modal.style.display = "none";
	}

	span[1].onclick = function() {
	historyModal.style.display = "none";
	}

	span[2].onclick = function() {
	quickOpenModal.style.display = "none";
	}

	window.onclick = function(event) {
	if (event.target == modal) {
	modal.style.display = "none";
	}
	if (event.target == historyModal) {
	historyModal.style.display = "none";
	}
	if (event.target == quickOpenModal) {
	quickOpenModal.style.display = "none";
	}
	}

	historyBtn.onclick = function() {
	showHistory();
	}

	clearHistoryBtn.onclick = function() {
	if (confirm('Are you sure you want to clear your upload history?')) {
	localStorage.removeItem('uploadHistory');
	alert('Upload history has been cleared.');
	}
	}

	function handleFileSelect(e) {
	if (e.target.files && e.target.files.length > 0) {
	const file = e.target.files[0];
	fileName.textContent = file.name;
	uploadBtn.style.display = 'inline-block';

	const dataTransfer = new DataTransfer();
	dataTransfer.items.add(file);
	fileInput.files = dataTransfer.files;
	}
	}

	async function uploadFile(file) {
	progressContainer.innerHTML = '';
	progressContainer.style.display = 'block';
	loadingSpinner.style.display = 'block';
	uploadBtn.disabled = true;
	resultContainer.innerHTML = '';
	resultContainer.style.display = 'none';

	const progressBar = createProgressBar(file.name);
	progressContainer.appendChild(progressBar);

	const formData = new FormData();
	formData.append('file', file);

	while (true) {
	try {
	const xhr = new XMLHttpRequest();
	xhr.open('POST', '/upload', true);
	xhr.upload.onprogress = (event) => updateProgress(event, progressBar.querySelector('.progress'));

	xhr.onload = function() {
	if (xhr.status === 200) {
	const response = JSON.parse(xhr.responseText);
	if (response.url) {
	addResultLink(response.url, file.name, response.originalExtension);
	saveToHistory(file.name, response.url, response.originalExtension);
	resetUploadState();
	return;
	} else {
	throw new Error('Upload failed: ' + response.error);
	}
	} else {
	throw new Error(`HTTP error! status: ${xhr.status}`);
	}
	};

	xhr.onerror = function() {
	throw new Error('Network error occurred');
	};

	xhr.send(formData);

	await new Promise((resolve, reject) => {
	xhr.onloadend = resolve;
	xhr.onerror = reject;
	});

	break;
	} catch (error) {
	console.error('Upload error:', error);
	await new Promise(resolve => setTimeout(resolve, 1000));
	}
	}
	}

	function createProgressBar(fileName) {
	const progressBarContainer = document.createElement('div');
	progressBarContainer.className = 'progress-bar';
	const progress = document.createElement('div');
	progress.className = 'progress';
	progressBarContainer.appendChild(progress);
	const label = document.createElement('div');
	label.textContent = fileName;
	label.style.fontSize = '0.8rem';
	label.style.marginBottom = '5px';
	const container = document.createElement('div');
	container.appendChild(label);
	container.appendChild(progressBarContainer);
	return container;
	}

	function updateProgress(event, progressBar) {
	if (event.lengthComputable) {
	const percentComplete = (event.loaded / event.total) * 100;
	progressBar.style.width = percentComplete + '%';
	}
	}

	function resetUploadState() {
	fileInput.value = '';
	fileName.textContent = '';
	uploadBtn.style.display = 'none';
	uploadBtn.disabled = false;
	loadingSpinner.style.display = 'none';
	}

	function addResultLink(url, fileName, originalExtension) {
	const linkContainer = document.createElement('div');
	linkContainer.style.marginBottom = '10px';

	const link = document.createElement('a');
	link.href = url;
	link.textContent = `View ${fileName}`;
	link.className = 'result-link';
	link.target = '_blank';
	link.download = fileName;

	linkContainer.appendChild(link);

	const buttonsContainer = document.createElement('div');
	buttonsContainer.className = 'link-buttons';

	const copyBtn = document.createElement('button');
	copyBtn.textContent = 'Copy Link';
	copyBtn.className = 'small-btn copy-btn';
	copyBtn.onclick = () => {
	navigator.clipboard.writeText(window.location.origin + url).then(() => {
	alert('Link copied to clipboard!');
	});
	};
	buttonsContainer.appendChild(copyBtn);

	const openBtn = document.createElement('button');
	openBtn.textContent = 'Open';
	openBtn.className = 'small-btn';
	openBtn.onclick = () => {
	quickOpen(url, fileName, originalExtension);
	};
	buttonsContainer.appendChild(openBtn);

	if (originalExtension.toLowerCase() === 'mp4') {
	const embedBtn = document.createElement('button');
	embedBtn.textContent = 'Embed Video for Discord';
	embedBtn.className = 'small-btn embed-btn';
	embedBtn.onclick = () => {
	showEmbedModal(url);
	};
	buttonsContainer.appendChild(embedBtn);
	}

	linkContainer.appendChild(buttonsContainer);

	resultContainer.appendChild(linkContainer);
	resultContainer.style.display = 'block';
	}

	function showEmbedModal(url) {
	const embedUrl = `https://x266.mov/e/${encodeURIComponent(window.location.origin + url)}`;
	embedLinkInput.value = embedUrl;
	modal.style.display = "block";
	}

	function copyEmbedLink() {
	embedLinkInput.select();
	document.execCommand('copy');
	alert('Embed link copied to clipboard!');
	}

	function saveToHistory(fileName, url, originalExtension) {
	let history = JSON.parse(localStorage.getItem('uploadHistory')) \|\| [];
	history.unshift({ fileName, url, originalExtension, timestamp: new Date().toISOString() });
	if (history.length > 500) history = history.slice(0, 500);
	localStorage.setItem('uploadHistory', JSON.stringify(history));
	}

	function showHistory() {
	const history = JSON.parse(localStorage.getItem('uploadHistory')) \|\| [];
	historyList.innerHTML = '';
	history.forEach(item => {
	const historyItem = document.createElement('div');
	historyItem.className = 'history-item';

	const itemName = document.createElement('span');
	itemName.className = 'history-item-name';
	itemName.textContent = item.fileName;
	historyItem.appendChild(itemName);

	const actionsContainer = document.createElement('div');
	actionsContainer.className = 'history-item-actions';

	const copyBtn = document.createElement('button');
	copyBtn.textContent = 'Copy Link';
	copyBtn.className = 'small-btn';
	copyBtn.onclick = () => {
	navigator.clipboard.writeText(window.location.origin + item.url).then(() => {
	alert('Link copied to clipboard!');
	});
	};
	actionsContainer.appendChild(copyBtn);

	const openBtn = document.createElement('button');
	openBtn.textContent = 'Open';
	openBtn.className = 'small-btn';
	openBtn.onclick = () => {
	quickOpen(item.url, item.fileName, item.originalExtension);
	};
	actionsContainer.appendChild(openBtn);

	if (item.originalExtension.toLowerCase() === 'mp4') {
	const embedBtn = document.createElement('button');
	embedBtn.textContent = 'Embed';
	embedBtn.className = 'small-btn';
	embedBtn.onclick = () => {
	showEmbedModal(item.url);
	historyModal.style.display = "none";
	};
	actionsContainer.appendChild(embedBtn);
	}

	historyItem.appendChild(actionsContainer);
	historyList.appendChild(historyItem);
	});
	historyModal.style.display = "block";
	}

	function quickOpen(url, fileName, originalExtension) {
	quickOpenContent.innerHTML = '';
	const fullUrl = window.location.origin + url;

	if (['jpeg', 'jpg', 'gif', 'png'].includes(originalExtension.toLowerCase())) {
	const img = document.createElement('img');
	img.src = fullUrl;
	img.alt = fileName;
	quickOpenContent.appendChild(img);
	} else if (originalExtension.toLowerCase() === 'mp4') {
	const video = document.createElement('video');
	video.src = fullUrl;
	video.controls = true;
	quickOpenContent.appendChild(video);
	} else if (originalExtension.toLowerCase() === 'mp3') {
	const audio = document.createElement('audio');
	audio.src = fullUrl;
	audio.controls = true;
	quickOpenContent.appendChild(audio);
	} else if (originalExtension.toLowerCase() === 'pdf') {
	const iframe = document.createElement('iframe');
	iframe.src = fullUrl;
	quickOpenContent.appendChild(iframe);
	} else if (originalExtension.toLowerCase() === 'txt') {
	fetch(fullUrl)
	.then(response => response.text())
	.then(text => {
	const pre = document.createElement('pre');
	pre.textContent = text;
	quickOpenContent.appendChild(pre);
	});
	} else {
	const link = document.createElement('a');
	link.href = fullUrl;
	link.textContent = 'Download ' + fileName;
	link.target = '_blank';
	link.download = fileName;
	quickOpenContent.appendChild(link);
	}

	quickOpenModal.style.display = "block";
	}
	</script>
	</body>
	</html>
	"""

	@app.get("/", response_class=HTMLResponse)
	async def index():
	return HTML_CONTENT

	@app.post("/upload")
	async def handle_upload(file: UploadFile = File(...)):
	if not file.filename:
	return JSONResponse(content={"error": "No file selected."}, status_code=400)

	cookies = await get_cookies()
	if 'csrftoken' not in cookies or 'sessionid' not in cookies:
	return JSONResponse(content={"error": "Failed"}, status_code=500)

	original_extension = os.path.splitext(file.filename)[1][1:]
	supported_types = ['mp4', 'png', 'jpg', 'jpeg', 'gif', 'mp3', 'pdf', 'txt']

	if original_extension.lower() in supported_types:
	temp_filename = file.filename
	content_type = file.content_type
	else:
	temp_filename = f"{file.filename}.png"
	content_type = "image/png"

	upload_result = await initiate_upload(cookies, temp_filename, content_type)
	if not upload_result or 'upload_url' not in upload_result:
	return JSONResponse(content={"error": "Failed to upload"}, status_code=500)

	file_content = await file.read()
	upload_success = await retry_upload(upload_result['upload_url'], file_content, content_type)
	if not upload_success:
	return JSONResponse(content={"error": "FAILED GOD MAN AFTER alot of attempts"}, status_code=500)

	original_url = upload_result['serving_url']
	mirrored_url = f"/upload/{original_url.split('/pbxt/')[1]}"

	if original_extension.lower() not in supported_types:
	mirrored_url = mirrored_url.replace('.png', '')

	return JSONResponse(content={"url": mirrored_url, "originalExtension": original_extension})

	@app.get("/upload/{path:path}")
	async def handle_file_stream(path: str, request: Request):
	original_url = f'https://replicate.delivery/pbxt/{path}'

	if not path.lower().endswith(('.png', '.jpg', '.jpeg', '.gif', '.mp4', '.mp3', '.pdf', '.txt')):
	original_url += '.png'

	range_header = request.headers.get('Range')
	headers = {'Range': range_header} if range_header else {}
	response = requests.get(original_url, headers=headers, stream=True)

	def generate():
	for chunk in response.iter_content(chunk_size=8192):
	yield chunk

	headers = dict(response.headers)
	headers['Access-Control-Allow-Origin'] = '*'
	headers['Content-Disposition'] = 'inline'

	if response.status_code == 206:
	headers['Content-Range'] = response.headers.get('Content-Range')

	original_extension = os.path.splitext(path)[1][1:]
	content_type, _ = mimetypes.guess_type(f"file.{original_extension}")
	if content_type:
	headers['Content-Type'] = content_type

	return StreamingResponse(generate(), status_code=response.status_code, headers=headers)

	@app.get("/embed")
	async def embed_video(url: str, thumbnail: str):
	html = f'''
	<html>
	<head>
	<meta property="og:type" content="video.other">
	<meta property="og:video" content="{url}">
	<meta property="og:video:url" content="{url}">
	<meta property="og:video:secure_url" content="{url}">
	<meta property="og:video:type" content="video/mp4">
	<meta property="og:video:width" content="1280">
	<meta property="og:video:height" content="720">
	<meta property="og:image" content="{thumbnail}">
	<meta property="og:image:secure_url" content="{thumbnail}">
	<meta property="og:image:width" content="1280">
	<meta property="og:image:height" content="720">
	<meta property="og:image:type" content="image/png">
	<style>
	body, html {{ margin: 0; padding: 0; height: 100%; background: #000; }}
	#thumbnail {{ width: 100%; height: 100%; object-fit: contain; cursor: pointer; }}
	#video {{ display: none; width: 100%; height: 100%; object-fit: contain; }}
	</style>
	</head>
	<body>
	<img id="thumbnail" src="{thumbnail}" onclick="playVideo()">
	<video id="video" controls autoplay>
	<source src="{url}" type="video/mp4">
	Your browser does not support the video tag.
	</video>
	<script>
	function playVideo() {{
	document.getElementById('thumbnail').style.display = 'none';
	document.getElementById('video').style.display = 'block';
	document.getElementById('video').play();
	}}
	</script>
	</body>
	</html>
	'''
	return HTMLResponse(content=html)

	async def get_cookies() -> Dict[str, str]:
	try:
	response = requests.get('https://replicate.com/levelsio/neon-tokyo', headers={
	'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36'
	})
	return dict(response.cookies)
	except Exception as e:
	print(f'Error fetching the page: {e}')
	return {}

	async def initiate_upload(cookies: Dict[str, str], filename: str, content_type: str) -> Dict:
	url = f'https://replicate.com/api/upload/{filename}?content_type={content_type}'
	try:
	response = requests.post(url, cookies=cookies, headers={
	'X-CSRFToken': cookies.get('csrftoken'),
	'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36',
	'Referer': 'https://replicate.com/levelsio/neon-tokyo',
	'Origin': 'https://replicate.com',
	'Accept': '/',
	'Accept-Language': 'en-US,en;q=0.5',
	'Accept-Encoding': 'identity',
	'Sec-Fetch-Dest': 'empty',
	'Sec-Fetch-Mode': 'cors',
	'Sec-Fetch-Site': 'same-origin',
	'Sec-GPC': '1',
	'Priority': 'u=1, i'
	})
	return response.json()
	except Exception as e:
	print(f'Error initiating upload: {e}')
	raise

	async def upload_file(upload_url: str, file_content: bytes, content_type: str) -> bool:
	try:
	response = requests.put(upload_url, data=file_content, headers={'Content-Type': content_type})
	return response.status_code == 200
	except Exception as e:
	print(f'Error uploading file: {e}')
	return False

	async def retry_upload(upload_url: str, file_content: bytes, content_type: str, max_retries: int = 5, delay: int = 1) -> bool:
	while True:
	try:
	success = await upload_file(upload_url, file_content, content_type)
	if success:
	return True
	print("Upload failed. Retrying...")
	except Exception as e:
	print(f"Error during upload: {e}")

	await asyncio.sleep(delay)
	delay = min(delay * 2, 60)

	return False