[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_104":85,"_26":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","cloudflare_browser_client_v2_test.ts","latestPath","fileId","8c80c7f8-b12e-11f1-91ad-1607ee4eb77e","name","fileType","script","content","import { createCloudflareBrowserClientV2 } from './cloudflare_browser_client_v2.ts';\nconst checks:any[]=[];const ok=(n:string,c:any,d?:any)=>{if(!c)throw new Error(`FAIL:${n}:${JSON.stringify(d)}`);checks.push({name:n,pass:true})};\nconst http:any[]=[];const wsOpens:any[]=[];const calls:any[]=[];\nconst fakeFetch=async(url:any,init:any={})=>{http.push({url:String(url),method:init.method??'GET',headers:init.headers??{},body:init.body??null});if((init.method??'GET')==='POST')return new Response(JSON.stringify({success:true,result:{sessionId:'session-1',webSocketDebuggerUrl:'wss://evil.example/signed-secret'}}),{status:200,headers:{'content-type':'application/json'}});if((init.method??'GET')==='PUT')return new Response(JSON.stringify({success:true,result:{id:'target-1',type:'page',url:'about:blank'}}),{status:200,headers:{'content-type':'application/json'}});if((init.method??'GET')==='DELETE')return new Response(JSON.stringify({success:true,result:{status:'closed'}}),{status:200,headers:{'content-type':'application/json'}});return new Response('{}',{status:404});};\nconst fakeWs=async(url:string,headers:Record)=>{wsOpens.push({url,headers});return{call:async(method:string,params:any={})=>{calls.push({method,params});if(method==='Runtime.evaluate'&&String(params.expression).includes('document.readyState'))return{result:{value:'complete'}};if(method==='Runtime.evaluate'&&String(params.expression).includes('querySelectorAll'))return{result:{value:{url:'https://fixture.test/',title:'Fixture',text:'Ready',html:'Ready',elements:[{ref:'pb-in',tag:'input',id:'name',text:'Name'},{ref:'pb-btn',tag:'button',id:'advance',text:'Advance'}]}}};if(method==='Runtime.evaluate')return{result:{value:true}};if(method==='Page.captureScreenshot')return{data:'aGVsbG8='};return{}},close:()=>{}}};\nlet threw=false;try{createCloudflareBrowserClientV2({accountId:'',apiToken:''})}catch{threw=true}ok('credentials_required',threw);\nconst c=createCloudflareBrowserClientV2({accountId:'acct-123',apiToken:'test-secret',allowedDomains:['fixture.test']},{fetch:fakeFetch as any,wsFactory:fakeWs,randomUUID:()=> '11111111-2222-4333-8444-555555555555'});\nconst st=await c.start();ok('opaque_state_prefix',st.session_id.startsWith('cf2_'));ok('state_no_token',!st.session_id.includes('test-secret'));ok('state_ignores_returned_ws_url',!atob(st.session_id.slice(4).replace(/-/g,'+').replace(/_/g,'/').padEnd(Math.ceil(st.session_id.slice(4).length/4)*4,'=')).includes('evil.example'));\nlet s=await c.navigate(st.session_id,'https://fixture.test/');ok('snapshot',s.screenshot_sha256?.length===64&&s.elements?.length===2,s);ok('trusted_ws_origin',wsOpens.every(x=>new URL(x.url).hostname==='api.cloudflare.com'),wsOpens);ok('ws_auth_header',wsOpens.every(x=>String(x.headers.Authorization??'')==='Bearer test-secret'),wsOpens.map(x=>Object.keys(x.headers)));ok('navigate_cdp',calls.some(x=>x.method==='Page.navigate'));\ns=await c.type(st.session_id,'pb-in','Ada',true);ok('type_cdp',calls.some(x=>x.method==='Runtime.evaluate'&&String(x.params.expression).includes('dispatchEvent')));s=await c.click(st.session_id,'pb-btn');ok('click_cdp',calls.some(x=>x.method==='Runtime.evaluate'&&String(x.params.expression).includes('.click()')));\nawait c.close(st.session_id);ok('close_http',http.some(x=>x.method==='DELETE'&&x.url.includes('session-1')));ok('guardrails',JSON.parse(http.find(x=>x.method==='POST')?.body??'{}').guardrails.allowedDomains[0]==='fixture.test');\nconsole.log(JSON.stringify({schema:'CLOUDFLARE_BROWSER_CLIENT_V2_TEST',pass:true,passed:checks.length,total:checks.length,checks},null,2));\n","createdAt",["D",1789494890893],"branchVersion","branchId","9b476d79-2567-4999-968c-b5a372dcb939","id","0ded0d5f-cace-43cd-bd6e-80f7d83aa8cf","project-brain-cloudflare-adapter-v2",["D",1789494848860],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Code-only authenticated Cloudflare CDP adapter candidate","imageUrl","6be0fc5c-1fef-4bd6-a1e1-67a3f8c0764e","pinnedFileId","e911ed6e-b168-11f1-bb0c-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a0715b-703f-741f-ab35-c85020e4a5e0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",71,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","mosadek","handle","displayName","Mo Sadek","avatar","https://lh3.googleusercontent.com/a/ACg8ocL1eT_LHhKSg5px3nXIO6eez79aZXef466qXKh2gak-0iwrvw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":172,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":173,"_79":174,"_81":175,"_83":24},"tree",[159,160,161],"files",[159,160,161],"counts",{"_149":61,"_150":145,"_151":61,"_152":153,"_154":155},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":142,"_31":143,"_29":144,"_130":-5,"_39":40,"_38":145,"_131":57,"_36":146,"_13":61,"_32":20,"_34":147,"_23":24,"_133":-5,"_26":148},{"_41":135,"_31":136,"_29":137,"_130":-5,"_39":40,"_38":138,"_131":57,"_36":139,"_13":61,"_32":33,"_34":140,"_23":24,"_133":-5,"_26":141},{"_41":129,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_131":57,"_36":132,"_13":61,"_32":33,"_34":35,"_23":24,"_133":-5,"_26":134},"54ee860c-06cb-4af1-b743-423c3453afa3","parentId","latest",["D",1789494890893],"label",[27],"717e67a7-5b00-4dd6-ae7a-9592f97eee31","cloudflare_browser_client_v2.ts","8194f706-b12e-11f1-9e66-1607ee4eb77e",2,["D",1789494872569],"import Ws from \"npm:ws@8.18.3\";\n\ntype Config = { accountId: string; apiToken: string; allowedDomains?: string[] };\ntype Deps = { fetch?: typeof fetch; wsFactory?: (url:string, headers:Record) => Promise; randomUUID?: () => string };\nconst te=new TextEncoder();\nfunction b64u(s:string){const a=te.encode(s);let b=\"\";for(const x of a)b+=String.fromCharCode(x);return btoa(b).replaceAll(\"+\",\"-\").replaceAll(\"/\",\"_\").replace(/=+$/,\"\");}\nfunction unb64u(s:string){const x=s.replaceAll(\"-\",\"+\").replaceAll(\"_\",\"/\").padEnd(Math.ceil(s.length/4)*4,\"=\");const bin=atob(x);const a=new Uint8Array(bin.length);for(let i=0;ix.toString(16).padStart(2,\"0\")).join(\"\");}\nasync function decodeBase64(s:string){const bin=atob(s);const a=new Uint8Array(bin.length);for(let i=0;i){\n const u=new URL(url);\n if(u.protocol!==\"wss:\"||u.hostname!==\"api.cloudflare.com\")throw new Error(\"UNTRUSTED_CDP_WS_ORIGIN\");\n const ws=new Ws(url,{headers});\n await new Promise((resolve,reject)=>{const t=setTimeout(()=>reject(new Error(\"CDP_WS_OPEN_TIMEOUT\")),10000);ws.once(\"open\",()=>{clearTimeout(t);resolve();});ws.once(\"error\",(e:any)=>{clearTimeout(t);reject(new Error(\"CDP_WS_OPEN_ERROR:\"+String(e?.message??e).slice(0,160)));});});\n let next=1;const pending=new Mapvoid;reject:(e:any)=>void;t:any}>();\n ws.on(\"message\",(data:any)=>{let m:any;try{m=JSON.parse(String(data));}catch{return;}if(typeof m?.id!==\"number\")return;const p=pending.get(m.id);if(!p)return;clearTimeout(p.t);pending.delete(m.id);if(m.error)p.reject(new Error(\"CDP_\"+String(m.error?.message??JSON.stringify(m.error))));else p.resolve(m.result??{});});\n const call=(method:string,params:any={})=>new Promise((resolve,reject)=>{const id=next++;const t=setTimeout(()=>{pending.delete(id);reject(new Error(\"CDP_CALL_TIMEOUT:\"+method));},12000);pending.set(id,{resolve,reject,t});ws.send(JSON.stringify({id,method,params}));});\n return{call,close:()=>{try{ws.close();}catch{}}};\n}\n\nexport function createCloudflareBrowserClientV2(config:Config,deps:Deps={}){\n if(!config?.accountId||!config?.apiToken)throw new Error(\"CLOUDFLARE_BROWSER_CREDENTIALS_REQUIRED\");\n const F=deps.fetch??fetch;const wsFactory=deps.wsFactory??defaultWsFactory;const uuid=deps.randomUUID??crypto.randomUUID.bind(crypto);\n const account=encodeURIComponent(config.accountId);\n const base=`https://api.cloudflare.com/client/v4/accounts/${account}/browser-rendering/devtools/browser`;\n const wsBase=`wss://api.cloudflare.com/client/v4/accounts/${account}/browser-rendering/devtools/browser`;\n const auth={Authorization:`Bearer ${config.apiToken}`};\n const apiJson=async(url:string,init:any={})=>{const r=await F(url,{...init,headers:{...auth,\"content-type\":\"application/json\",...(init?.headers??{})}});const text=await r.text();let j:any;try{j=JSON.parse(text);}catch{j=null;}if(!r.ok||j?.success===false)throw new Error(`CLOUDFLARE_API_${r.status}:${String(j?.errors?.[0]?.message??text).slice(0,300)}`);return j?.result??j;};\n const openPage=async(state:any)=>{const url=`${wsBase}/${encodeURIComponent(state.sessionId)}/page/${encodeURIComponent(state.targetId)}`;const c=await wsFactory(url,auth);await c.call(\"Page.enable\",{});await c.call(\"Runtime.enable\",{});return c;};\n const waitReady=async(c:any)=>{const deadline=Date.now()+10000;while(Date.now()setTimeout(r,100));}throw new Error(\"BROWSER_READY_TIMEOUT\");};\n const snap=async(state:any)=>{const c=await openPage(state);try{await waitReady(c);const expression=`(()=>{const els=[...document.querySelectorAll('a,button,input,textarea,select,[role=\"button\"],[tabindex]')].slice(0,120);for(const e of els){if(!e.dataset.pbRef)e.dataset.pbRef='pb_'+crypto.randomUUID().replaceAll('-','').slice(0,16)}return{url:location.href,title:document.title,text:(document.body?.innerText||'').slice(0,20000),html:document.documentElement.outerHTML.slice(0,50000),elements:els.map(e=>({ref:e.dataset.pbRef,tag:e.tagName.toLowerCase(),id:e.id||null,name:e.getAttribute('name'),type:e.getAttribute('type'),text:(e.innerText||e.getAttribute('aria-label')||e.getAttribute('placeholder')||'').trim().slice(0,300),href:e instanceof HTMLAnchorElement?e.href:null,disabled:'disabled'in e?Boolean(e.disabled):false}))}})()`;const rr=await c.call(\"Runtime.evaluate\",{expression,returnByValue:true,awaitPromise:true});const out=rr?.result?.value??{};const ss=await c.call(\"Page.captureScreenshot\",{format:\"png\"});const bytes=await decodeBase64(String(ss?.data??\"\"));return{...out,screenshot_sha256:await sha256Bytes(bytes),screenshot_bytes:bytes.length};}finally{c.close();}};\n const start=async()=>{const guardrails=config.allowedDomains?.length?{allowedDomains:config.allowedDomains.slice(0,50)}:undefined;const r=await apiJson(`${base}?keep_alive=120000`,{method:\"POST\",body:JSON.stringify(guardrails?{guardrails}:{})});const sessionId=String(r?.sessionId??\"\");if(!sessionId)throw new Error(\"CLOUDFLARE_CREATE_BAD_RESPONSE\");const t=await apiJson(`${base}/${encodeURIComponent(sessionId)}/json/new?url=${encodeURIComponent(\"about:blank\")}`,{method:\"PUT\"});const targetId=String(t?.id??\"\");if(!targetId)throw new Error(\"CLOUDFLARE_TARGET_CREATE_FAILED\");return{session_id:\"cf2_\"+b64u(JSON.stringify({v:2,sessionId,targetId,nonce:uuid()}))};};\n const navigate=async(raw:string,url:string)=>{const s=parseState(raw);const c=await openPage(s);try{await c.call(\"Page.navigate\",{url});await waitReady(c);}finally{c.close();}return await snap(s);};\n const click=async(raw:string,ref:string)=>{const s=parseState(raw);const c=await openPage(s);try{const selector=JSON.stringify(`[data-pb-ref=\"${ref.replaceAll('\"','')}\"]`);const r=await c.call(\"Runtime.evaluate\",{expression:`(()=>{const e=document.querySelector(${selector});if(!e)return false;e.click();return true})()`,returnByValue:true});if(r?.result?.value!==true)throw new Error(\"BROWSER_ELEMENT_NOT_FOUND\");await new Promise(r=>setTimeout(r,100));}finally{c.close();}return await snap(s);};\n const type=async(raw:string,ref:string,text:string,clear:boolean)=>{const s=parseState(raw);const c=await openPage(s);try{const selector=JSON.stringify(`[data-pb-ref=\"${ref.replaceAll('\"','')}\"]`);const clearStmt=clear?'e.value=\"\";':'';const r=await c.call(\"Runtime.evaluate\",{expression:`(()=>{const e=document.querySelector(${selector});if(!e||!('value'in e))return false;${clearStmt}e.value+=${JSON.stringify(text)};e.dispatchEvent(new Event('input',{bubbles:true}));e.dispatchEvent(new Event('change',{bubbles:true}));return true})()`,returnByValue:true});if(r?.result?.value!==true)throw new Error(\"BROWSER_ELEMENT_NOT_FOUND\");}finally{c.close();}return await snap(s);};\n const close=async(raw:string)=>{const s=parseState(raw);await apiJson(`${base}/${encodeURIComponent(s.sessionId)}`,{method:\"DELETE\"});return{closed:true};};\n return{start,navigate,snapshot:async(raw:string)=>snap(parseState(raw)),click,type,close};\n}\n",[136],"35af3ded-48dc-4538-838b-a44d2d949cef","README.md","737b5da4-b12e-11f1-b298-1607ee4eb77e",1,["D",1789494848904],"Code-only Cloudflare CDP adapter candidate. No secrets or environment variables belong in this project.",[143],"pulls","branches","forks","envVars",{"_156":61,"_158":61},"connections",{"_156":61,"_157":61},"count","unfilledCount","emptyCount",{"_41":142,"_31":143,"_29":144,"_130":-5,"_39":40,"_38":145,"_131":57,"_36":169,"_13":61,"_32":20,"_34":147,"_23":24,"_133":-5,"_163":170,"_26":171},{"_41":135,"_31":136,"_29":137,"_130":-5,"_39":40,"_38":138,"_131":57,"_36":166,"_13":61,"_32":33,"_34":140,"_23":24,"_133":-5,"_163":167,"_26":168},{"_41":129,"_31":27,"_29":30,"_130":-5,"_39":40,"_38":14,"_131":57,"_36":162,"_13":61,"_32":33,"_34":35,"_23":24,"_133":-5,"_163":164,"_26":165},["D",1789494890893],"children",[],[27],["D",1789494872569],[],[136],["D",1789494848904],[],[143],["D",1789494848860],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_123":209,"_210":211,"_212":213,"_214":24,"_215":24,"_216":24,"_217":57,"_218":-5,"_219":-7,"_220":-7,"_221":61,"_222":24,"_223":24,"_224":-5,"_225":24,"_226":24,"_227":24,"_228":-5},"ENV",{"_180":181,"_182":183,"_184":85,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"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 · v3