Translator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_158":159,"_160":161},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",60,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","dbb565ec-1956-11f1-ba1f-42dde27851f2","name","fileType","http","content","// Voice Translator — Val.town HTTP Val\n// GET / → serves the app\n// POST /translate → Whisper transcription + Claude translation\n// POST /tts-test → Test TTS directly\n//\n// Environment variables needed (Val Town Settings → Environment):\n// OPENAI_KEY — OpenAI API key (Whisper + TTS)\n// ANTHROPIC_KEY — Anthropic API key (Claude)\n\nconst VERSION = \"v1.4\";\n\nconst HTML = `\n\n\n\n\n\n\n\n\nTranslator\n\n\n\n\n

\n\n \n

Voice Translator

\n \n \n

\n\n \n

🇬🇧 English

⇄

🇯🇵 Japanese

\n\n \n

🇬🇧

Ready to translate

Hold your flag button below and speak. Release when done.

\n\n \n

\n Ready\n

\n\n \n

\n\n \n \n\n \n \n\n

\n \n

\n \n \n

\n\n

\n\n\n`;\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"GET\" && url.pathname === \"/\") {\n return new Response(HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/tts-test\") {\n const openaiKey = Deno.env.get(\"OPENAI_KEY\");\n if (!openaiKey) return Response.json({ error: \"Missing OPENAI_KEY\" }, { status: 500 });\n let formData: FormData;\n try { formData = await req.formData(); } catch(e) { return Response.json({ error: \"Bad form data\" }, { status: 400 }); }\n const text = (formData.get(\"text\") as string) || \"Hello, this is a test.\";\n const voiceGender = (formData.get(\"voiceGender\") as string) || \"f\";\n const ttsVoice = voiceGender === 'm' ? 'onyx' : 'nova';\n try {\n const ttsRes = await fetch(\"https://api.openai.com/v1/audio/speech\", {\n method: \"POST\",\n headers: { \"Authorization\": \"Bearer \" + openaiKey, \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ model: \"tts-1\", input: text, voice: ttsVoice }),\n });\n if (!ttsRes.ok) {\n const err = await ttsRes.json().catch(() => ({}));\n return Response.json({ error: (err as any).error?.message || \"TTS error \" + ttsRes.status });\n }\n const buf = await ttsRes.arrayBuffer();\n const bytes = new Uint8Array(buf);\n const chunkSize = 0x8000;\n let bin = '';\n for (let i = 0; i < bytes.length; i += chunkSize) {\n bin += String.fromCharCode(...bytes.subarray(i, i + chunkSize));\n }\n return Response.json({ ttsAudio: btoa(bin) });\n } catch(e) {\n return Response.json({ error: String(e) });\n }\n }\n\n if (req.method === \"POST\" && url.pathname === \"/translate\") {\n const openaiKey = Deno.env.get(\"OPENAI_KEY\");\n const anthropicKey = Deno.env.get(\"ANTHROPIC_KEY\");\n\n if (!openaiKey || !anthropicKey) {\n return Response.json(\n { error: \"Missing API keys. Add OPENAI_KEY and ANTHROPIC_KEY in Val Town Settings → Environment.\" },\n { status: 500 }\n );\n }\n\n let formData: FormData;\n try {\n formData = await req.formData();\n } catch (e) {\n return Response.json({ error: \"Could not parse form data.\" }, { status: 400 });\n }\n\n const audioFile = formData.get(\"audio\") as File | null;\n const whisperLang = (formData.get(\"whisperLang\") as string) || \"en\";\n const fromLang = (formData.get(\"fromLang\") as string) || \"English\";\n const toLang = (formData.get(\"toLang\") as string) || \"Japanese\";\n const ttsLang = (formData.get(\"ttsLang\") as string) || \"en-US\";\n const voiceGender = (formData.get(\"voiceGender\") as string) || \"f\";\n\n if (!audioFile) {\n return Response.json({ error: \"No audio file received.\" }, { status: 400 });\n }\n\n // ── Whisper ──\n const wf = new FormData();\n wf.append(\"file\", audioFile, audioFile.name || \"rec.m4a\");\n wf.append(\"model\", \"whisper-1\");\n wf.append(\"language\", whisperLang);\n\n const wRes = await fetch(\"https://api.openai.com/v1/audio/transcriptions\", {\n method: \"POST\",\n headers: { Authorization: \"Bearer \" + openaiKey },\n body: wf,\n });\n\n if (!wRes.ok) {\n const err = await wRes.json().catch(() => ({}));\n return Response.json({ error: (err as any).error?.message || \"Whisper error \" + wRes.status }, { status: 500 });\n }\n\n const { text: transcript } = await wRes.json() as { text: string };\n if (!transcript || transcript.trim().length < 1) {\n return Response.json({ empty: true });\n }\n\n // ── Claude ──\n const cRes = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": anthropicKey,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-sonnet-4-20250514\",\n max_tokens: 1024,\n messages: [{\n role: \"user\",\n content: \"Translate the following \" + fromLang + \" text to \" + toLang + \". Output ONLY the translation with no explanation or extra text.\\n\\nText: \" + transcript.trim(),\n }],\n }),\n });\n\n if (!cRes.ok) {\n const err = await cRes.json().catch(() => ({}));\n return Response.json({ error: (err as any).error?.message || \"Claude error \" + cRes.status }, { status: 500 });\n }\n\n const cData = await cRes.json() as { content: {text:string}[] };\n const translation = cData.content?.[0]?.text?.trim() || \"\";\n\n // ── OpenAI TTS ──\n // Pick voice: alloy/shimmer/nova = female-leaning, onyx/echo/fable = male-leaning\n const ttsVoice = voiceGender === 'm' ? 'onyx' : 'nova';\n let ttsAudio = \"\";\n try {\n const ttsRes = await fetch(\"https://api.openai.com/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Authorization\": \"Bearer \" + openaiKey,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"tts-1\",\n input: translation,\n voice: ttsVoice,\n }),\n });\n if (ttsRes.ok) {\n const buf = await ttsRes.arrayBuffer();\n // Reliable base64 in Deno — chunk to avoid stack overflow\n const bytes = new Uint8Array(buf);\n const chunkSize = 0x8000;\n let bin = '';\n for (let i = 0; i < bytes.length; i += chunkSize) {\n bin += String.fromCharCode(...bytes.subarray(i, i + chunkSize));\n }\n ttsAudio = btoa(bin);\n }\n } catch(e) { /* TTS failure is non-fatal */ }\n\n return Response.json({ transcript, translation, ttsAudio });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","// Voice Translator — Val.town HTTP Val\n// GET / → serves the app\n// POST /translate → Whisper transcription + Claude translation\n// POST /tts-test → Test TTS directly\n//\n// Environment variables needed (Val Town Settings → Environment):\n// OPENAI_KEY — OpenAI API key (Whisper + TTS)\n// ANTHROPIC_KEY — Anthropic API key (Claude)\n\nconst VERSION = \"v1.4\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// HTML CLIENT\n// ─────────────────────────────────────────────────────────────────────────────\nconst HTML = `\n\n\n\n\n\n\n\n\n\nTranslator\n\n\n\n\n\n\n

\n\n \n

Voice Translator

\n \n \n

\n\n \n

\n ⊹₊˚‧︵‿₊୨ᰔ୧₊‿︵‧˚₊⊹\n

\n\n \n

🇬🇧 English

⇄

🇯🇵 Japanese

\n\n \n

\n ꧁·𓆩·✧·𓆪·꧂\n

\n\n \n

\n \n

⊹₊˚‧︵‿₊୨ᰔ୧₊‿︵‧˚₊⊹

Ready to translate

Hold your button below and speak. Release when done.

⊹₊˚‧︵‿₊୨ᰔ୧₊‿︵‧˚₊⊹

\n\n \n

\n ꧁·𓆩·✧·𓆪·꧂\n

\n\n

\n\n \n

\n Ready\n

\n\n \n

\n\n \n \n\n \n \n\n

\n\n

\n \n

\n \n \n

\n\n

\n\n\n\n\n`;\n\n// ─────────────────────────────────────────────────────────────────────────────\n// REQUEST HANDLER — unchanged from original\n// ─────────────────────────────────────────────────────────────────────────────\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n /* ── Serve client ── */\n if (req.method === \"GET\" && url.pathname === \"/\") {\n return new Response(HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n /* ── TTS smoke-test ── */\n if (req.method === \"POST\" && url.pathname === \"/tts-test\") {\n const openaiKey = Deno.env.get(\"OPENAI_KEY\");\n if (!openaiKey) {\n return Response.json({ error: \"Missing OPENAI_KEY\" }, { status: 500 });\n }\n let formData: FormData;\n try {\n formData = await req.formData();\n } catch (e) {\n return Response.json({ error: \"Bad form data\" }, { status: 400 });\n }\n const text = (formData.get(\"text\") as string) || \"Hello, this is a test.\";\n const voiceGender = (formData.get(\"voiceGender\") as string) || \"f\";\n const ttsVoice = voiceGender === \"m\" ? \"onyx\" : \"nova\";\n try {\n const ttsRes = await fetch(\"https://api.openai.com/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Authorization\": \"Bearer \" + openaiKey,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ model: \"tts-1\", input: text, voice: ttsVoice }),\n });\n if (!ttsRes.ok) {\n const err = await ttsRes.json().catch(() => ({}));\n return Response.json({\n error: (err as any).error?.message || \"TTS error \" + ttsRes.status,\n });\n }\n const buf = await ttsRes.arrayBuffer();\n const bytes = new Uint8Array(buf);\n const chunkSize = 0x8000;\n let bin = \"\";\n for (let i = 0; i < bytes.length; i += chunkSize) {\n bin += String.fromCharCode(...bytes.subarray(i, i + chunkSize));\n }\n return Response.json({ ttsAudio: btoa(bin) });\n } catch (e) {\n return Response.json({ error: String(e) });\n }\n }\n\n /* ── Translation pipeline: Whisper → Claude → TTS ── */\n if (req.method === \"POST\" && url.pathname === \"/translate\") {\n const openaiKey = Deno.env.get(\"OPENAI_KEY\");\n const anthropicKey = Deno.env.get(\"ANTHROPIC_KEY\");\n\n if (!openaiKey || !anthropicKey) {\n return Response.json(\n {\n error:\n \"Missing API keys. Add OPENAI_KEY and ANTHROPIC_KEY in Val Town Settings → Environment.\",\n },\n { status: 500 },\n );\n }\n\n let formData: FormData;\n try {\n formData = await req.formData();\n } catch (e) {\n return Response.json({ error: \"Could not parse form data.\" }, {\n status: 400,\n });\n }\n\n const audioFile = formData.get(\"audio\") as File | null;\n const whisperLang = (formData.get(\"whisperLang\") as string) || \"en\";\n const fromLang = (formData.get(\"fromLang\") as string) || \"English\";\n const toLang = (formData.get(\"toLang\") as string) || \"Japanese\";\n const ttsLang = (formData.get(\"ttsLang\") as string) || \"en-US\";\n const voiceGender = (formData.get(\"voiceGender\") as string) || \"f\";\n\n if (!audioFile) {\n return Response.json({ error: \"No audio file received.\" }, {\n status: 400,\n });\n }\n\n /* ── Whisper transcription ── */\n const wf = new FormData();\n wf.append(\"file\", audioFile, audioFile.name || \"rec.m4a\");\n wf.append(\"model\", \"whisper-1\");\n wf.append(\"language\", whisperLang);\n\n const wRes = await fetch(\"https://api.openai.com/v1/audio/transcriptions\", {\n method: \"POST\",\n headers: { Authorization: \"Bearer \" + openaiKey },\n body: wf,\n });\n\n if (!wRes.ok) {\n const err = await wRes.json().catch(() => ({}));\n return Response.json({\n error: (err as any).error?.message || \"Whisper error \" + wRes.status,\n }, { status: 500 });\n }\n\n const { text: transcript } = await wRes.json() as { text: string };\n if (!transcript || transcript.trim().length < 1) {\n return Response.json({ empty: true });\n }\n\n /* ── Claude translation ── */\n const cRes = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": anthropicKey,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-sonnet-4-20250514\",\n max_tokens: 1024,\n messages: [{\n role: \"user\",\n content: \"Translate the following \" + fromLang + \" text to \" +\n toLang +\n \". Output ONLY the translation with no explanation or extra text.\\n\\nText: \" +\n transcript.trim(),\n }],\n }),\n });\n\n if (!cRes.ok) {\n const err = await cRes.json().catch(() => ({}));\n return Response.json({\n error: (err as any).error?.message || \"Claude error \" + cRes.status,\n }, { status: 500 });\n }\n\n const cData = await cRes.json() as { content: { text: string }[] };\n const translation = cData.content?.[0]?.text?.trim() || \"\";\n\n /* ── OpenAI TTS ── */\n const ttsVoice = voiceGender === \"m\" ? \"onyx\" : \"nova\";\n let ttsAudio = \"\";\n try {\n const ttsRes = await fetch(\"https://api.openai.com/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Authorization\": \"Bearer \" + openaiKey,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"tts-1\",\n input: translation,\n voice: ttsVoice,\n }),\n });\n if (ttsRes.ok) {\n const buf = await ttsRes.arrayBuffer();\n /* Chunked base64 to avoid stack overflow in Deno */\n const bytes = new Uint8Array(buf);\n const chunkSize = 0x8000;\n let bin = \"\";\n for (let i = 0; i < bytes.length; i += chunkSize) {\n bin += String.fromCharCode(...bytes.subarray(i, i + chunkSize));\n }\n ttsAudio = btoa(bin);\n }\n } catch (e) { /* TTS failure is non-fatal */ }\n\n return Response.json({ transcript, translation, ttsAudio });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","createdAt",["D",1773254929321],"branchVersion","branchId","dbb066be-1956-11f1-ba1f-42dde27851f2","id","dbafa1ac-1956-11f1-ba1f-42dde27851f2","Translator",["D",1772799626875],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019cc30e-7a7f-73fa-9435-9c1067207b84","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019cc30e-7a7f-73fa-9435-a14fff426a62","tursoName","dbafa1ac195611f1ba1f42dde27851f2","tursoHostname","dbafa1ac195611f1ba1f42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789514495229],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",76,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jrajmont","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQVpUS1pnczlqNVZOdndWRzZvc2FqOU9MQlQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":153,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":154,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":155,"_81":156,"_83":157,"_85":25},"tree",[148],"files",[148],"counts",{"_136":60,"_137":138,"_139":60,"_140":141,"_142":143},"contents",[128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":132,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_27":135},"f11a2e40-1d7a-11f1-b7e5-42dde27851f2","parentId","latest",["D",1773254929321],39,"label",[28],"pulls","branches",1,"forks","envVars",{"_144":146,"_147":60},"connections",{"_144":60,"_145":60},"count","unfilledCount",2,"emptyCount",{"_43":129,"_32":28,"_30":31,"_130":-5,"_41":42,"_40":14,"_131":25,"_38":149,"_13":133,"_33":34,"_35":37,"_24":25,"_134":-5,"_150":151,"_27":152},["D",1773254929321],"children",[],[28],["D",1772799626875],["D",1789514495229],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":191,"_192":193,"_194":195,"_196":25,"_197":25,"_198":25,"_199":123,"_200":-5,"_201":-7,"_202":-7,"_203":60,"_204":25,"_205":25,"_206":-5,"_207":25,"_208":25,"_209":25,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":87,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v60