IELTS Listening Exercise Generator

\n setContent(e.target.value)}\n placeholder=\"Enter your IELTS listening exercise content here (max 2000 characters)...\"\n required\n rows={10}\n cols={50}\n maxLength={2000}\n />\n

{2000 - content.length} characters remaining

\n \n \n \n {error &&

{error}

}\n {audioUrl && (\n

Generated Audio:

\n Download MP3\n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/generate\" && request.method === \"POST\") {\n const { content, voice } = await request.json();\n\n const apiKey = Deno.env.get(\"DEEPGRAM_API_KEY\");\n if (!apiKey) {\n return new Response(\"Internal server error\", { status: 500 });\n }\n\n try {\n const payload = JSON.stringify({ text: content });\n\n const deepgramUrl = new URL(\"https://api.deepgram.com/v1/speak\");\n deepgramUrl.searchParams.append(\"model\", voice);\n\n const deepgramResponse = await fetch(deepgramUrl, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Token ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: payload,\n });\n\n if (!deepgramResponse.ok) {\n console.error(\"API error occurred\");\n return new Response(\"Error generating audio\", { status: 500 });\n }\n\n const audioBuffer = await deepgramResponse.arrayBuffer();\n\n return new Response(audioBuffer, {\n headers: {\n \"Content-Type\": \"audio/mpeg\",\n \"Content-Disposition\": 'attachment; filename=\"ielts_exercise.mp3\"',\n },\n });\n } catch (error) {\n console.error(\"Server error occurred\");\n return new Response(\"Server error\", { status: 500 });\n }\n }\n\n // Return the HTML for all other routes\n return new Response(`\n \n \n \n \n \n IELTS Listening Exercise Generator\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Merriweather', serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f0e6;\n color: #4a4238;\n line-height: 1.6;\n}\n.container {\n background-color: #fff;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\nh1 {\n color: #6b5b4c;\n text-align: center;\n border-bottom: 2px solid #d2c1b0;\n padding-bottom: 10px;\n}\nform {\n margin-bottom: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\ntextarea, select {\n width: 100%;\n padding: 10px;\n font-size: 16px;\n margin-bottom: 10px;\n border: 1px solid #d2c1b0;\n border-radius: 6px;\n background-color: #f9f5f0;\n}\n.char-count {\n color: #8a7f73;\n margin-bottom: 10px;\n}\nbutton {\n padding: 10px 15px;\n font-size: 16px;\n background-color: #8b7355;\n color: #fff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\nbutton:hover {\n background-color: #6b5b4c;\n}\nbutton:disabled {\n background-color: #c4b8a7;\n cursor: not-allowed;\n}\n.error {\n color: #8b4513;\n background-color: #f5e6d3;\n padding: 10px;\n border-radius: 6px;\n}\n.audio-section {\n background-color: #f9f5f0;\n padding: 15px;\n border-radius: 6px;\n}\naudio {\n width: 100%;\n margin-top: 10px;\n}\na {\n color: #8b7355;\n text-decoration: none;\n display: block;\n text-align: center;\n margin-top: 10px;\n}\na:hover {\n text-decoration: underline;\n}\n`;","deleted","label","ieltslisteninggenerator",[117],"pulls",1,"forks","envVars",{"_140":52,"_142":52},"connections",{"_140":52,"_141":52},"count","unfilledCount","emptyCount",{"_20":116,"_13":117,"_118":47,"_119":-5,"_120":21,"_121":30,"_122":38,"_22":144,"_29":124,"_125":126,"_127":128,"_129":78,"_130":131,"_145":146,"_92":147},["D",1737451584527],"children",[],[117],["D",1746138673420],["D",1789692080472],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_44":45,"_87":88,"_89":78},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_79":-5,"_80":-5,"_81":-5,"_82":14,"_83":12},"ctx",{"_71":-5,"_112":186,"_187":188,"_189":190,"_191":78,"_192":78,"_193":78,"_194":38,"_195":-5,"_196":-7,"_197":-7,"_198":52,"_199":78,"_200":78,"_201":-5,"_202":78,"_203":78,"_204":78,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":26,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1