// This val provides an HTML interface for uploading a CSV file of URLs, validates them, // and returns a downloadable CSV file with the results. // It uses the Fetch API to check each URL's status and generates a CSV report. // We'll use the built-in URL constructor for basic URL validation and the native fetch for HTTP requests. // The UI is now styled using Tailwind CSS and shadcn UI components for a more polished look. // Added functionality to show the selected filename in the UI. import { parse } from "https://deno.land/std@0.182.0/encoding/csv.ts"; import { stringify } from "https://deno.land/std@0.182.0/encoding/csv.ts"; export default async function main(req: Request): Promise { if (req.method === "GET") { // Return HTML form for file upload with shadcn UI styling const html = ` URL Validator

CSV URL Validator

`; return new Response(html, { headers: { "Content-Type": "text/html" }, }); } else if (req.method === "POST") { const formData = await req.formData(); const file = formData.get("file") as File | null; if (!file) { return new Response("No file uploaded", { status: 400 }); } const csvContent = await file.text(); const urls = parse(csvContent, { skipFirstRow: false }).flat(); const results = await Promise.all(urls.map(async (url) => { try { new URL(url); // Basic URL validation const response = await fetch(url, { method: "HEAD" }); return { url, valid: response.ok, status: response.status }; } catch { return { url, valid: false, status: "Invalid URL" }; } })); // Prepare CSV data const csvData = [ ["URL", "Valid", "Status"], ...results.map(r => [r.url, r.valid.toString(), r.status.toString()]), ]; const csvOutput = stringify(csvData); // Return CSV file for download return new Response(csvOutput, { headers: { "Content-Type": "text/csv", "Content-Disposition": "attachment; filename=url_validation_results.csv", }, }); } else { return new Response("Method not allowed", { status: 405 }); } }

alfred