[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"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/TranscriptReader.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":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":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/TranscriptReader.tsx","extension","id","e14e2be7-4bfa-4605-97bf-6a9df7c01dd4","TranscriptReader.tsx","fileId","dd57512a-abec-11f1-be26-1607ee4eb77e","parentId","01a0839c-dfb7-737a-b44f-3a2ea7b46194","branchId","28a047d3-5295-4f5c-942b-0a5bf4f378ce","branchVersion",33,"latest",true,"createdAt",["D",1788916923908],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect,useState } from \"https://esm.sh/react@18.2.0\";\nexport function TranscriptReader({id,onDone}:{id:string;onDone?:()=>void}){\n const [data,setData]=useState(null),[error,setError]=useState(\"\"),[query,setQuery]=useState(\"\"),[refresh,setRefresh]=useState(0),[copied,setCopied]=useState(false);\n useEffect(()=>{\n let active=true,timer:any;\n setData(null);setError(\"\");\n async function load(){\n try{\n const r=await fetch(\"/api/transcripts/\"+id);if(!r.ok)throw new Error(\"Sign in as scoot to read this transcript.\");\n let d=await r.json();\n if([\"queued\",\"running\"].includes(d.status)){\n const sync=await fetch(\"/api/transcripts/\"+id+\"/refresh\",{method:\"POST\"});\n if(!sync.ok){const b=await sync.json();throw new Error(b.error||\"Could not check transcription status.\");}d=await sync.json();\n }\n if(!active)return;setData(d);setError(\"\");\n if([\"submitting\",\"queued\",\"running\"].includes(d.status))timer=setTimeout(load,6000);\n else onDone?.();\n }catch(e){if(active){setError((e as Error).message);timer=setTimeout(load,15000);}}\n }\n load();return()=>{active=false;clearTimeout(timer);};\n },[id,refresh]);\n function highlighted(text:string){\n if(!query.trim())return text;const q=query.toLowerCase(),lower=text.toLowerCase();const parts:any[]=[];let pos=0,idx=0;\n while((idx=lower.indexOf(q,pos))!==-1){parts.push(text.slice(pos,idx),{text.slice(idx,idx+q.length)});pos=idx+q.length;}parts.push(text.slice(pos));return parts;\n }\n function downloadText(){\n const b=new Blob([(data.summary?\"SUMMARY\\n\"+data.summary+\"\\n\\n\":\"\")+\"TRANSCRIPT\\n\"+(data.transcript||\"No speech detected.\")],{type:\"text/plain\"});\n const url=URL.createObjectURL(b),a=document.createElement(\"a\");a.href=url;a.download=\"transcript-\"+id+\".txt\";a.click();URL.revokeObjectURL(url);\n }\n return

Transcript & summary

\n {error&&

{error}

}\n {!data&&!error&&

Loading…

}\n {data&&<>\n

Speechmatics · {data.language.toUpperCase()} · {data.status.replaceAll(\"_\",\" \")}

\n {[\"submitting\",\"queued\",\"running\"].includes(data.status)&&

Transcription is in progress. This view updates automatically; you can also return from the library later.

}\n {data.error&&

{data.error}

}\n {data.status===\"submission_unknown\"&&

Submission status is uncertain. A second paid job will not be started automatically. Check Speechmatics using the saved job reference.

}\n {data.status===\"done\"&&<>\n

Summary

{data.summary||(data.summaryStatus===\"no_speech\"?\"No speech was detected.\":\"Speechmatics did not return a summary for this recording.\")}

Full transcript

\n setQuery(e.target.value)} className=\"w-full rounded-lg border p-3 mt-4\"/>\n

{data.segments?.length?data.segments.map((s:any,i:number)=>

{s.speaker} · {Math.floor(s.start/60)}:{String(Math.floor(s.start%60)).padStart(2,\"0\")}{highlighted(s.text)}

{highlighted(data.transcript||\"No speech detected.\")}

}

\n }\n }\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","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,"_108":-5},"org",{"_9":10,"_102":103,"_104":-5,"_59":-5,"_105":106,"_107":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned",52,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","scott-mike","avatar","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_142":143,"_144":145,"_146":147,"_148":44,"_149":44,"_150":44,"_151":34,"_152":-5,"_153":-7,"_154":-7,"_155":38,"_156":44,"_157":44,"_158":-5,"_159":44,"_160":44,"_161":44,"_162":-5},"ENV",{"_113":114,"_115":116,"_117":93,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]