// This approach uses HTML for the form and Blob storage for persistence. // We'll use the built-in Request and Response objects for handling HTTP. // The form fields are customized for video information collection. // We'll add JSON API endpoints for Framer Fetch integration. import { blob } from "https://esm.town/v/std/blob"; const KEY = new URL(import.meta.url).pathname; export default async function main(req: Request): Promise { const url = new URL(req.url); // API endpoints for Framer Fetch if (url.pathname === "/api/entries") { if (req.method === "GET") { const entries = await blob.getJSON(KEY).catch(() => []) || []; return Response.json(entries); } else if (req.method === "POST") { const entry = await req.json(); const entries = await blob.getJSON(KEY).catch(() => []) || []; entries.push(entry); await blob.setJSON(KEY, entries); return Response.json({ success: true }); } } // HTML form handling if (req.method === "POST") { const formData = await req.formData(); const entry = Object.fromEntries(formData); const entries = await blob.getJSON(KEY).catch(() => []) || []; entries.push(entry); await blob.setJSON(KEY, entries); return Response.redirect(req.url); } // Retrieve existing entries const entries = await blob.getJSON(KEY).catch(() => []) || []; const html = `

Entries:

${Object.entries(entry).map(([k, v]) => `${k}: ${v}`).join(', ')}

`; return new Response(html, { headers: { "Content-Type": "text/html" }, }); }

YouTubeSubmissions