/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; function App() { const [file, setFile] = useState(null); const [uploadStatus, setUploadStatus] = useState(''); const [userEmail, setUserEmail] = useState(''); const [isUploading, setIsUploading] = useState(false); const handleFileUpload = async (event: React.ChangeEvent) => { const selectedFile = event.target.files?.[0]; if (selectedFile) { // Validate file type and size const allowedTypes = ['image/', 'video/']; const maxFileSize = 50 * 1024 * 1024; // 50MB if (!allowedTypes.some(type => selectedFile.type.startsWith(type))) { setUploadStatus('Only photos and videos are allowed'); return; } if (selectedFile.size > maxFileSize) { setUploadStatus('File is too large. Max size is 50MB'); return; } setFile(selectedFile); setUploadStatus(`File selected: ${selectedFile.name} (${(selectedFile.size / 1024 / 1024).toFixed(2)} MB)`); } }; const submitFile = async () => { if (!file) { setUploadStatus('No file selected'); return; } if (!userEmail || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(userEmail)) { setUploadStatus('Please enter a valid email address'); return; } const formData = new FormData(); formData.append('file', file); formData.append('userEmail', userEmail); setIsUploading(true); try { const response = await fetch('/upload', { method: 'POST', body: formData }); const result = await response.json(); setUploadStatus(result.message); } catch (error) { setUploadStatus('Upload failed'); } finally { setIsUploading(false); } }; return (

📸 Photo & Video Transfer

setUserEmail(e.target.value)} style={{ width: '100%', padding: '10px', margin: '10px 0', boxSizing: 'border-box', border: '1px solid #ddd', borderRadius: '5px' }} />

{uploadStatus}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { const { email } = await import("https://esm.town/v/std/email"); const { blob } = await import("https://esm.town/v/std/blob"); if (request.method === 'POST' && new URL(request.url).pathname === '/upload') { try { const formData = await request.formData(); const file = formData.get('file') as File; const userEmail = formData.get('userEmail') as string; if (!file) { return new Response(JSON.stringify({ message: 'No file uploaded' }), { status: 400, headers: { 'Content-Type': 'application/json' } }); } // Additional server-side validation const allowedTypes = ['image/', 'video/']; const maxFileSize = 50 * 1024 * 1024; // 50MB if (!allowedTypes.some(type => file.type.startsWith(type))) { return new Response(JSON.stringify({ message: 'Invalid file type' }), { status: 400, headers: { 'Content-Type': 'application/json' } }); } if (file.size > maxFileSize) { return new Response(JSON.stringify({ message: 'File too large' }), { status: 400, headers: { 'Content-Type': 'application/json' } }); } const fileBuffer = await file.arrayBuffer(); const fileKey = `file_${Date.now()}_${file.name}`; // Store file in blob storage await blob.set(fileKey, new Uint8Array(fileBuffer)); // Generate a temporary download link (valid for 24 hours) const downloadLink = `${new URL(request.url).origin}/download/${fileKey}`; // Send email notification to both uploader and admin await email({ to: ['sowrovsheikgithub@gmail.com', userEmail], subject: 'File Transfer Confirmation', text: `A file named "${file.name}" (${file.size} bytes) has been uploaded.\n\nDownload Link: ${downloadLink}`, html: `

📸 File Transfer Confirmation

A file named "${file.name}" (${file.size} bytes) has been uploaded.

Uploaded by: ${userEmail}

Download File

Link expires in 24 hours

` }); return new Response(JSON.stringify({ message: 'File uploaded successfully', fileKey: fileKey }), { headers: { 'Content-Type': 'application/json' } }); } catch (err) { return new Response(JSON.stringify({ message: 'Upload failed' }), { status: 500, headers: { 'Content-Type': 'application/json' } }); } } return new Response(` Photo & Video Transfer

`, { headers: { 'Content-Type': 'text/html' } }); }

SowrovCIV