[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","scott_mike","name","audio-url-inspector","path","frontend/components/QuickTranscribe.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/scott_mike/audio-url-inspector/code/frontend/components/QuickTranscribe.tsx","extension","id","11bcb868-fd8a-47aa-b050-8fa4fcf0c5f7","QuickTranscribe.tsx","fileId","e044906e-abec-11f1-9095-1607ee4eb77e","parentId","01a0839c-dfb7-737a-b44f-3a2ea7b46194","branchId","28a047d3-5295-4f5c-942b-0a5bf4f378ce","branchVersion",51,"latest",true,"createdAt",["D",1788919000438],"version",2,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {useState} from \"https://esm.sh/react@18.2.0\";\nimport {TranscriptReader} from \"./TranscriptReader.tsx\";\nexport function QuickTranscribe({canSave,onChange}:{canSave:boolean;onChange:()=>void}){\n const [mode,setMode]=useState(\"url\"),[url,setUrl]=useState(\"\"),[file,setFile]=useState(null),[language,setLanguage]=useState(\"en\"),[busy,setBusy]=useState(false),[error,setError]=useState(\"\"),[id,setId]=useState(\"\");\n async function submit(e:any){\n e.preventDefault();setBusy(true);setError(\"\");\n try{\n let body:any,headers:any={};\n if(mode===\"file\"){if(!file)throw new Error(\"Choose an audio file.\");if(file.size>8388608)throw new Error(\"File exceeds 8 MiB.\");body=new FormData();body.set(\"file\",file);body.set(\"language\",language);}\n else {body=JSON.stringify({url,language});headers={\"Content-Type\":\"application/json\"};}\n const r=await fetch(mode===\"file\"?\"/api/upload\":\"/api/transcribe\",{method:\"POST\",body,headers,signal:AbortSignal.timeout(90000)});\n const data=await r.json();if(!r.ok)throw new Error(data.error||\"Could not start transcription.\");\n setId(data.id);onChange();\n }catch(e){setError((e as Error).message);}finally{setBusy(false);}\n }\n return

Transcribe now

Get a readable transcript and a short summary, saved for later.

\n {!canSave?

{[\"url\",\"file\"].map(m=>)}

\n {mode===\"url\"?setUrl(e.target.value)} placeholder=\"Paste an MP3 or episode webpage URL\" className=\"w-full rounded-lg border p-3\"/>:setFile(e.target.files?.[0]||null)} className=\"block w-full\"/>}\n

Audio language

Sends audio to Speechmatics using this app’s shared credits. Uploads up to 8 MiB; URLs save the first MP3. Existing transcripts are reused.

}\n {error&&

{error}

}\n {id&&}\n

;\n}\n","deleted",false,"label",[47,48,24],"frontend","components","bdedbd3b-32ac-408c-b811-167ee9493295",["D",1788914491210],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Resolve audio from URLs and inspect metadata. No transcription.","imageUrl","userId","22d9499e-268b-4d84-b877-2162e7b516e0","pinnedFileId","01a0839c-dfb7-737a-b44f-56735981b04d","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a083cf-8df7-773b-acea-1b3fc2faed11","tursoName","bdedbd3b32ac408cb811167ee9493295","tursoHostname","bdedbd3b32ac408cb811167ee9493295-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":-5},"org",{"_9":10,"_103":104,"_105":-5,"_59":-5,"_106":107,"_108":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",52,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","scott-mike","avatar","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":67,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":94,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]