Verse of the Day

\n \n 🙏 Verse of the Day\n \n\n {status === \"error\" && (\n \n {errorMessage}\n

\n )}\n\n {status === \"loading\" && (\n \n Loading verse...\n \n )}\n\n {verse && status === \"idle\" && (\n \n \n \"{verse.text}\"\n

\n \n \n \n \n \n \n \n {verse.reference}\n

\n \n @{verse.version}\n

\n \n \n \n \n {status === \"loading\" ? \"Loading...\" : \"Generate New Verse\"}\n \n \n )}\n\n

\n \n View Source\n \n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Handle worker endpoint\n if (new URL(request.url).pathname.endsWith('/worker')) {\n const headers = new Headers();\n headers.set('Content-Type', 'application/json');\n headers.set('Access-Control-Allow-Origin', '*');\n headers.set('Access-Control-Allow-Methods', 'GET');\n headers.set('Access-Control-Allow-Headers', 'Content-Type');\n\n try {\n const response = await fetch(\"https://bible-api.com/?random=true&translation=asv\");\n const data = await response.json();\n \n return new Response(JSON.stringify(data), {\n headers: headers,\n status: 200\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n headers: headers,\n status: 500\n });\n }\n }\n\n // Add CORS headers to server response\n const headers = new Headers({\n \"Content-Type\": \"text/html\",\n \"Access-Control-Allow-Origin\": \"*\", // Allow all origins\n \"Access-Control-Allow-Methods\": \"GET, POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type, Origin\",\n });\n\n return new Response(\n `\n \n \n Verse of the Day\n \n \n \n \n \n \n

\n \n \n \n `,\n { headers },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/mallovelli/verseOfTheDayApp/code/main.tsx","extension","actionData","errors"]