[{"_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/Library.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/Library.tsx","extension","id","626136e2-5b4f-4ede-8fb5-ca32dfe5e0db","Library.tsx","fileId","659c05a2-abe9-11f1-a9ca-1607ee4eb77e","parentId","01a0839c-dfb7-737a-b44f-3a2ea7b46194","branchId","28a047d3-5295-4f5c-942b-0a5bf4f378ce","branchVersion",50,"latest",true,"createdAt",["D",1788918996546],"version",4,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { TranscriptReader } from \"./TranscriptReader.tsx\";\nconst size=(n:number)=>n<1048576?(n/1024).toFixed(1)+\" KiB\":(n/1048576).toFixed(2)+\" MiB\";\nexport function Library({revision,onRetry,busy}:{revision:number;onRetry:(url:string)=>void;busy:boolean}) {\n const [transcripts,setTranscripts]=useState([]),[active,setActive]=useState(\"\"),[activeAudio,setActiveAudio]=useState(\"\"),[starting,setStarting]=useState(\"\"),[language,setLanguage]=useState(\"en\");\n const [data,setData]=useState(null),[error,setError]=useState(\"\"),[offset,setOffset]=useState(0),[refresh,setRefresh]=useState(0);\n useEffect(()=>{let alive=true;setError(\"\");\n Promise.all([fetch(\"/api/history?offset=\"+offset),fetch(\"/api/transcripts\")]).then(async ([r,t])=>{if(!r.ok||!t.ok)throw new Error(\"Could not load history. Sign in with Val Town.\");return [await r.json(),await t.json()];})\n .then(([d,t])=>{if(alive){setData(d);setTranscripts(t.transcripts);}}).catch(e=>{if(alive)setError(e.message);});return()=>{alive=false;};\n },[revision,offset,refresh]);\n async function openTranscript(r:any){\n const existing=transcripts.find(t=>t.asset_hash===r.sha256&&t.language===language);\n if(existing){setActive(existing.id);setActiveAudio(r.id);return;}\n setStarting(r.id);setError(\"\");\n try{const response=await fetch(\"/api/transcribe\",{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify({audioId:r.id,language})});\n const t=await response.json();if(!response.ok)throw new Error(t.error||\"Could not submit audio.\");\n setActive(t.id);setActiveAudio(r.id);setRefresh(v=>v+1);\n }catch(e){setError((e as Error).message);}finally{setStarting(\"\");}\n }\n return

Saved audio & transcripts

Shared library: all signed-in Val Town users can access these audio files and transcripts.

\n Transcription language \n {error&&

{error}

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

Loading history…

}\n {data&&<>\n

{size(data.storage.usedBytes)} stored · {size(data.storage.appBudgetBytes)} app budget · {size(data.storage.maxFileBytes)} max per MP3

{data.counts.map((c:any)=>{c.status.replaceAll(\"_\",\" \")}: {c.count})}

\n {!data.records.length&&

Nothing processed yet. Paste a URL above to save your first MP3.

}\n

{data.records.map((r:any)=>

{r.filename||\"URL inspection\"}

{r.status.replaceAll(\"_\",\" \")}

{r.uploaders?.length ? (r.sourceUrl.startsWith(\"upload:\") ? \"Uploaded by \" : \"Added by \") + r.uploaders.map((name:string)=>\"@\"+name).join(\", \") : \"Uploader unknown\"}

\n {r.sourceUrl.startsWith(\"upload:\")?

Uploaded audio

:{r.sourceUrl}}\n

{new Date(r.updatedAt).toLocaleString()} · Attempt {r.attempts}{r.sizeBytes!=null?\" · \"+size(r.sizeBytes):\"\"}

\n {r.error&&

{r.error}

}\n {r.downloadUrl&&Download audio ↓}\n {[\"failed\",\"processing\"].includes(r.status)&&}\n {r.status===\"saved\"&&

{transcripts.filter(t=>t.asset_hash===r.sha256).map(t=>t.language.toUpperCase()+\": \"+t.status).join(\" · \")||\"Not transcribed yet\"}

}\n {activeAudio===r.id&&active&&setRefresh(v=>v+1)}/>}\n {r.sha256&&

File checksum

{r.sha256}

}\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",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","fdb67791413f4386b4dbf18f354029a617f6160f","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"]