[{"data":1,"prerenderedAt":2338},["ShallowReactive",2],{"navigation_docs":3,"-adapters-building-blocks-http":402,"-adapters-building-blocks-http-surround":2333},[4,35,159,201,289,299,386],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Getting Started","\u002Fgetting-started","1.getting-started",[9,14,19,24,29],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-info",{"title":15,"path":16,"stem":17,"icon":18},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":20,"path":21,"stem":22,"icon":23},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F3.quick-start","i-lucide-zap",{"title":25,"path":26,"stem":27,"icon":28},"Agent Skills","\u002Fgetting-started\u002Fagent-skills","1.getting-started\u002F4.agent-skills","i-lucide-sparkles",{"title":30,"path":31,"stem":32,"icon":33},"vs Other Loggers","\u002Fgetting-started\u002Fvs-other-loggers","1.getting-started\u002F5.vs-other-loggers","i-lucide-scale",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Logging","\u002Flogging","2.logging",[40,45,50,55,60,65,70,99,127],{"title":41,"path":42,"stem":43,"icon":44},"Overview","\u002Flogging\u002Foverview","2.logging\u002F0.overview","i-lucide-list",{"title":46,"path":47,"stem":48,"icon":49},"Simple Logging","\u002Flogging\u002Fsimple-logging","2.logging\u002F1.simple-logging","i-lucide-terminal",{"title":51,"path":52,"stem":53,"icon":54},"Wide Events","\u002Flogging\u002Fwide-events","2.logging\u002F2.wide-events","i-lucide-layers",{"title":56,"path":57,"stem":58,"icon":59},"Structured Errors","\u002Flogging\u002Fstructured-errors","2.logging\u002F3.structured-errors","i-lucide-shield-alert",{"title":61,"path":62,"stem":63,"icon":64},"Catalogs","\u002Flogging\u002Fcatalogs","2.logging\u002F4.catalogs","i-lucide-book-open",{"title":66,"path":67,"stem":68,"icon":69},"Client Logging","\u002Flogging\u002Fclient-logging","2.logging\u002F5.client-logging","i-lucide-monitor",{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":34},"AI SDK","i-simple-icons-vercel","\u002Flogging\u002Fai-sdk","2.logging\u002F6.ai-sdk",[76,79,84,89,94],{"title":41,"path":77,"stem":78,"icon":44},"\u002Flogging\u002Fai-sdk\u002Foverview","2.logging\u002F6.ai-sdk\u002F01.overview",{"title":80,"path":81,"stem":82,"icon":83},"Usage","\u002Flogging\u002Fai-sdk\u002Fusage","2.logging\u002F6.ai-sdk\u002F02.usage","i-lucide-code",{"title":85,"path":86,"stem":87,"icon":88},"Options","\u002Flogging\u002Fai-sdk\u002Foptions","2.logging\u002F6.ai-sdk\u002F03.options","i-lucide-sliders",{"title":90,"path":91,"stem":92,"icon":93},"Metadata","\u002Flogging\u002Fai-sdk\u002Fmetadata","2.logging\u002F6.ai-sdk\u002F04.metadata","i-lucide-database",{"title":95,"path":96,"stem":97,"icon":98},"Telemetry","\u002Flogging\u002Fai-sdk\u002Ftelemetry","2.logging\u002F6.ai-sdk\u002F05.telemetry","i-lucide-activity",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":34},"Better Auth","i-simple-icons-betterauth","\u002Flogging\u002Fbetter-auth","2.logging\u002F7.better-auth",[105,108,113,118,122],{"title":41,"path":106,"stem":107,"icon":44},"\u002Flogging\u002Fbetter-auth\u002Foverview","2.logging\u002F7.better-auth\u002F01.overview",{"title":109,"path":110,"stem":111,"icon":112},"Identify User","\u002Flogging\u002Fbetter-auth\u002Fidentify-user","2.logging\u002F7.better-auth\u002F02.identify-user","i-lucide-user-check",{"title":114,"path":115,"stem":116,"icon":117},"Middleware","\u002Flogging\u002Fbetter-auth\u002Fmiddleware","2.logging\u002F7.better-auth\u002F03.middleware","i-lucide-shield",{"title":119,"path":120,"stem":121,"icon":69},"Client Sync","\u002Flogging\u002Fbetter-auth\u002Fclient-sync","2.logging\u002F7.better-auth\u002F04.client-sync",{"title":123,"path":124,"stem":125,"icon":126},"Performance","\u002Flogging\u002Fbetter-auth\u002Fperformance","2.logging\u002F7.better-auth\u002F05.performance","i-lucide-gauge",{"title":128,"icon":129,"path":130,"stem":131,"children":132,"page":34},"Audit Logs","i-lucide-shield-check","\u002Flogging\u002Faudit","2.logging\u002F8.audit",[133,136,141,146,151,155],{"title":41,"path":134,"stem":135,"icon":44},"\u002Flogging\u002Faudit\u002Foverview","2.logging\u002F8.audit\u002F01.overview",{"title":137,"path":138,"stem":139,"icon":140},"Schema","\u002Flogging\u002Faudit\u002Fschema","2.logging\u002F8.audit\u002F02.schema","i-lucide-file-text",{"title":142,"path":143,"stem":144,"icon":145},"Recording","\u002Flogging\u002Faudit\u002Frecording","2.logging\u002F8.audit\u002F03.recording","i-lucide-pen-line",{"title":147,"path":148,"stem":149,"icon":150},"Drains","\u002Flogging\u002Faudit\u002Fpipeline","2.logging\u002F8.audit\u002F04.pipeline","i-lucide-link",{"title":152,"path":153,"stem":154,"icon":129},"Compliance","\u002Flogging\u002Faudit\u002Fcompliance","2.logging\u002F8.audit\u002F05.compliance",{"title":156,"path":157,"stem":158,"icon":64},"Recipes","\u002Flogging\u002Faudit\u002Frecipes","2.logging\u002F8.audit\u002F06.recipes",{"title":160,"path":161,"stem":162,"children":163,"page":34},"Core Concepts","\u002Fcore-concepts","3.core-concepts",[164,169,174,179,184,188,191,196],{"title":165,"path":166,"stem":167,"icon":168},"Lifecycle","\u002Fcore-concepts\u002Flifecycle","3.core-concepts\u002F0.lifecycle","i-lucide-arrow-right-left",{"title":170,"path":171,"stem":172,"icon":173},"Configuration","\u002Fcore-concepts\u002Fconfiguration","3.core-concepts\u002F1.configuration","i-lucide-settings",{"title":175,"path":176,"stem":177,"icon":178},"Sampling","\u002Fcore-concepts\u002Fsampling","3.core-concepts\u002F2.sampling","i-lucide-filter",{"title":180,"path":181,"stem":182,"icon":183},"Typed Fields","\u002Fcore-concepts\u002Ftyped-fields","3.core-concepts\u002F3.typed-fields","i-simple-icons-typescript",{"title":185,"path":186,"stem":187,"icon":129},"Best Practices","\u002Fcore-concepts\u002Fbest-practices","3.core-concepts\u002F4.best-practices",{"title":123,"path":189,"stem":190,"icon":126},"\u002Fcore-concepts\u002Fperformance","3.core-concepts\u002F5.performance",{"title":192,"path":193,"stem":194,"icon":195},"Vite Plugin","\u002Fcore-concepts\u002Fvite-plugin","3.core-concepts\u002F6.vite-plugin","i-custom-vite",{"title":197,"path":198,"stem":199,"icon":200},"Auto-Redaction","\u002Fcore-concepts\u002Fredaction","3.core-concepts\u002F7.redaction","i-lucide-eye-off",{"title":202,"path":203,"stem":204,"children":205,"page":34},"Frameworks","\u002Fframeworks","4.frameworks",[206,210,215,220,225,230,235,240,245,250,255,260,265,270,274,279,284],{"title":41,"path":207,"stem":208,"icon":209},"\u002Fframeworks\u002Foverview","4.frameworks\u002F00.overview","i-lucide-layout-grid",{"title":211,"path":212,"stem":213,"icon":214},"Nuxt","\u002Fframeworks\u002Fnuxt","4.frameworks\u002F01.nuxt","i-simple-icons-nuxtdotjs",{"title":216,"path":217,"stem":218,"icon":219},"Next.js","\u002Fframeworks\u002Fnextjs","4.frameworks\u002F02.nextjs","i-simple-icons-nextdotjs",{"title":221,"path":222,"stem":223,"icon":224},"SvelteKit","\u002Fframeworks\u002Fsveltekit","4.frameworks\u002F03.sveltekit","i-simple-icons-svelte",{"title":226,"path":227,"stem":228,"icon":229},"Nitro","\u002Fframeworks\u002Fnitro","4.frameworks\u002F04.nitro","i-custom-nitro",{"title":231,"path":232,"stem":233,"icon":234},"TanStack Start","\u002Fframeworks\u002Ftanstack-start","4.frameworks\u002F05.tanstack-start","i-custom-tanstack",{"title":236,"path":237,"stem":238,"icon":239},"NestJS","\u002Fframeworks\u002Fnestjs","4.frameworks\u002F06.nestjs","i-simple-icons-nestjs",{"title":241,"path":242,"stem":243,"icon":244},"Express","\u002Fframeworks\u002Fexpress","4.frameworks\u002F07.express","i-simple-icons-express",{"title":246,"path":247,"stem":248,"icon":249},"Hono","\u002Fframeworks\u002Fhono","4.frameworks\u002F08.hono","i-simple-icons-hono",{"title":251,"path":252,"stem":253,"icon":254},"Fastify","\u002Fframeworks\u002Ffastify","4.frameworks\u002F09.fastify","i-simple-icons-fastify",{"title":256,"path":257,"stem":258,"icon":259},"Elysia","\u002Fframeworks\u002Felysia","4.frameworks\u002F10.elysia","i-custom-elysia",{"title":261,"path":262,"stem":263,"icon":264},"React Router","\u002Fframeworks\u002Freact-router","4.frameworks\u002F11.react-router","i-custom-reactrouter",{"title":266,"path":267,"stem":268,"icon":269},"Cloudflare Workers","\u002Fframeworks\u002Fcloudflare-workers","4.frameworks\u002F12.cloudflare-workers","i-simple-icons-cloudflare",{"title":271,"path":272,"stem":273,"icon":183},"Standalone","\u002Fframeworks\u002Fstandalone","4.frameworks\u002F13.standalone",{"title":275,"path":276,"stem":277,"icon":278},"Astro","\u002Fframeworks\u002Fastro","4.frameworks\u002F14.astro","i-simple-icons-astro",{"title":280,"path":281,"stem":282,"icon":283},"AWS Lambda","\u002Fframeworks\u002Faws-lambda","4.frameworks\u002F16.aws-lambda","i-custom-lambda",{"title":285,"path":286,"stem":287,"icon":288},"Custom Integration","\u002Fframeworks\u002Fcustom-integration","4.frameworks\u002F17.custom-integration","i-lucide-puzzle",{"title":290,"path":291,"stem":292,"children":293,"page":34},"Build On Top","\u002Fbuild-on-top","5.build-on-top",[294],{"title":295,"path":296,"stem":297,"icon":298},"FS reader","\u002Fbuild-on-top\u002Ffs-reader","5.build-on-top\u002F4.fs-reader","i-lucide-folder-search",{"title":300,"path":301,"stem":302,"children":303,"page":34},"Adapters","\u002Fadapters","6.adapters",[304,307,347,362],{"title":41,"path":305,"stem":306,"icon":44},"\u002Fadapters\u002Foverview","6.adapters\u002F01.overview",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Cloud destinations","\u002Fadapters\u002Fcloud","6.adapters\u002F02.cloud",[312,317,322,327,332,337,342],{"title":313,"path":314,"stem":315,"icon":316},"Axiom","\u002Fadapters\u002Fcloud\u002Faxiom","6.adapters\u002F02.cloud\u002F01.axiom","i-custom-axiom",{"title":318,"path":319,"stem":320,"icon":321},"OTLP","\u002Fadapters\u002Fcloud\u002Fotlp","6.adapters\u002F02.cloud\u002F02.otlp","i-simple-icons-opentelemetry",{"title":323,"path":324,"stem":325,"icon":326},"PostHog","\u002Fadapters\u002Fcloud\u002Fposthog","6.adapters\u002F02.cloud\u002F03.posthog","i-simple-icons-posthog",{"title":328,"path":329,"stem":330,"icon":331},"Sentry","\u002Fadapters\u002Fcloud\u002Fsentry","6.adapters\u002F02.cloud\u002F04.sentry","i-simple-icons-sentry",{"title":333,"path":334,"stem":335,"icon":336},"Better Stack","\u002Fadapters\u002Fcloud\u002Fbetter-stack","6.adapters\u002F02.cloud\u002F05.better-stack","i-simple-icons-betterstack",{"title":338,"path":339,"stem":340,"icon":341},"Datadog","\u002Fadapters\u002Fcloud\u002Fdatadog","6.adapters\u002F02.cloud\u002F06.datadog","i-simple-icons-datadog",{"title":343,"path":344,"stem":345,"icon":346},"HyperDX","\u002Fadapters\u002Fcloud\u002Fhyperdx","6.adapters\u002F02.cloud\u002F07.hyperdx","i-custom-hyperdx",{"title":348,"path":349,"stem":350,"children":351,"page":34},"Self-hosted","\u002Fadapters\u002Fself-hosted","6.adapters\u002F03.self-hosted",[352,357],{"title":353,"path":354,"stem":355,"icon":356},"File System","\u002Fadapters\u002Fself-hosted\u002Ffs","6.adapters\u002F03.self-hosted\u002F01.fs","i-lucide-hard-drive",{"title":358,"path":359,"stem":360,"icon":361},"NuxtHub","\u002Fadapters\u002Fself-hosted\u002Fnuxthub","6.adapters\u002F03.self-hosted\u002F02.nuxthub","i-simple-icons-nuxt",{"title":363,"path":364,"stem":365,"children":366,"page":34},"Building blocks","\u002Fadapters\u002Fbuilding-blocks","6.adapters\u002F04.building-blocks",[367,372,377,381],{"title":368,"path":369,"stem":370,"icon":371},"Pipeline","\u002Fadapters\u002Fbuilding-blocks\u002Fpipeline","6.adapters\u002F04.building-blocks\u002F01.pipeline","i-lucide-workflow",{"title":373,"path":374,"stem":375,"icon":376},"HTTP","\u002Fadapters\u002Fbuilding-blocks\u002Fhttp","6.adapters\u002F04.building-blocks\u002F02.http","i-lucide-globe",{"title":378,"path":379,"stem":380,"icon":83},"Custom Adapters","\u002Fadapters\u002Fbuilding-blocks\u002Fcustom","6.adapters\u002F04.building-blocks\u002F03.custom",{"title":382,"path":383,"stem":384,"icon":385},"Toolkit","\u002Fadapters\u002Fbuilding-blocks\u002Ftoolkit","6.adapters\u002F04.building-blocks\u002F04.toolkit","i-lucide-blocks",{"title":387,"path":388,"stem":389,"children":390,"page":34},"Enrichers","\u002Fenrichers","7.enrichers",[391,394,398],{"title":41,"path":392,"stem":393,"icon":28},"\u002Fenrichers\u002Foverview","7.enrichers\u002F1.overview",{"title":395,"path":396,"stem":397,"icon":288},"Built-in","\u002Fenrichers\u002Fbuilt-in","7.enrichers\u002F2.built-in",{"title":399,"path":400,"stem":401,"icon":83},"Custom","\u002Fenrichers\u002Fcustom","7.enrichers\u002F3.custom",{"id":403,"title":404,"body":405,"description":2322,"extension":2323,"links":2324,"meta":2329,"navigation":2330,"path":374,"seo":2331,"stem":375,"__hash__":2332},"docs\u002F6.adapters\u002F04.building-blocks\u002F02.http.md","HTTP drain",{"type":406,"value":407,"toc":2302},"minimark",[408,412,438,491,495,697,701,756,760,767,781,969,975,978,1183,1187,1193,1316,1322,1385,1389,1402,1407,1411,1414,1508,1535,1539,1545,1548,1699,1702,1846,1850,1860,2259,2269,2276,2280,2298],[409,410,411],"p",{},"Most observability tools focus on server-side logs. The HTTP drain gives you a framework-agnostic way to send structured logs from the browser to any HTTP endpoint without any vendor SDK or framework coupling.",[413,414,416,417,421,422,426,427,430,431,434,435,437],"callout",{"color":415,"icon":13},"neutral","The ",[418,419,420],"code",{},"evlog\u002Fbrowser"," import path is ",[423,424,425],"strong",{},"deprecated"," and re-exports the same API as ",[418,428,429],{},"evlog\u002Fhttp",". It will be removed in the next ",[423,432,433],{},"major"," release. Prefer ",[418,436,429],{}," for new code.",[439,440,443,446,479],"prompt",{":actions":441,"description":442,"icon":376},"[\"copy\",\"cursor\",\"windsurf\"]","Set up the HTTP transport for client logs",[409,444,445],{},"Set up the HTTP transport so my browser logs are sent to my server.",[447,448,449,453,456,466,469,472],"ul",{},[450,451,452],"li",{},"Install evlog: pnpm add evlog",[450,454,455],{},"Import createHttpLogDrain from 'evlog\u002Fhttp' (NOT evlog\u002Fbrowser — that's deprecated)",[450,457,458,459,465],{},"Create a drain with { endpoint: '",[460,461,462],"a",{"href":462,"rel":463},"https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest",[464],"nofollow","' } and an optional pipeline ({ batch: { size, intervalMs } })",[450,467,468],{},"Pass the drain to initLogger({ drain }) on the client side",[450,470,471],{},"The drain batches events and uses fetch keepalive + sendBeacon on visibility change",[450,473,474,475,478],{},"On the server, accept POST requests with a DrainContext",[476,477],"span",{}," body and forward them to my drain pipeline",[409,480,481,482,486,487],{},"Docs: ",[460,483,484],{"href":484,"rel":485},"https:\u002F\u002Fwww.evlog.dev\u002Fadapters\u002Fbuilding-blocks\u002Fhttp",[464],"\nPipeline: ",[460,488,489],{"href":489,"rel":490},"https:\u002F\u002Fwww.evlog.dev\u002Fadapters\u002Fbuilding-blocks\u002Fpipeline",[464],[492,493,20],"h2",{"id":494},"quick-start",[496,497,503],"pre",{"className":498,"code":499,"filename":500,"language":501,"meta":502,"style":502},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { initLogger, log } from 'evlog'\nimport { createHttpLogDrain } from 'evlog\u002Fhttp'\n\nconst drain = createHttpLogDrain({\n  drain: { endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest' },\n})\ninitLogger({ drain })\n\nlog.info({ action: 'page_view', path: location.pathname })\n","app.ts","typescript","",[418,504,505,543,563,570,592,619,628,645,650],{"__ignoreMap":502},[476,506,509,513,517,521,524,527,530,533,536,540],{"class":507,"line":508},"line",1,[476,510,512],{"class":511},"s7zQu","import",[476,514,516],{"class":515},"sMK4o"," {",[476,518,520],{"class":519},"sTEyZ"," initLogger",[476,522,523],{"class":515},",",[476,525,526],{"class":519}," log",[476,528,529],{"class":515}," }",[476,531,532],{"class":511}," from",[476,534,535],{"class":515}," '",[476,537,539],{"class":538},"sfazB","evlog",[476,541,542],{"class":515},"'\n",[476,544,546,548,550,553,555,557,559,561],{"class":507,"line":545},2,[476,547,512],{"class":511},[476,549,516],{"class":515},[476,551,552],{"class":519}," createHttpLogDrain",[476,554,529],{"class":515},[476,556,532],{"class":511},[476,558,535],{"class":515},[476,560,429],{"class":538},[476,562,542],{"class":515},[476,564,566],{"class":507,"line":565},3,[476,567,569],{"emptyLinePlaceholder":568},true,"\n",[476,571,573,577,580,583,586,589],{"class":507,"line":572},4,[476,574,576],{"class":575},"spNyl","const",[476,578,579],{"class":519}," drain ",[476,581,582],{"class":515},"=",[476,584,552],{"class":585},"s2Zo4",[476,587,588],{"class":519},"(",[476,590,591],{"class":515},"{\n",[476,593,595,599,602,604,607,609,611,613,616],{"class":507,"line":594},5,[476,596,598],{"class":597},"swJcz","  drain",[476,600,601],{"class":515},":",[476,603,516],{"class":515},[476,605,606],{"class":597}," endpoint",[476,608,601],{"class":515},[476,610,535],{"class":515},[476,612,462],{"class":538},[476,614,615],{"class":515},"'",[476,617,618],{"class":515}," },\n",[476,620,622,625],{"class":507,"line":621},6,[476,623,624],{"class":515},"}",[476,626,627],{"class":519},")\n",[476,629,631,634,636,639,641,643],{"class":507,"line":630},7,[476,632,633],{"class":585},"initLogger",[476,635,588],{"class":519},[476,637,638],{"class":515},"{",[476,640,579],{"class":519},[476,642,624],{"class":515},[476,644,627],{"class":519},[476,646,648],{"class":507,"line":647},8,[476,649,569],{"emptyLinePlaceholder":568},[476,651,653,656,659,662,664,666,669,671,673,676,678,680,683,685,688,690,693,695],{"class":507,"line":652},9,[476,654,655],{"class":519},"log",[476,657,658],{"class":515},".",[476,660,661],{"class":585},"info",[476,663,588],{"class":519},[476,665,638],{"class":515},[476,667,668],{"class":597}," action",[476,670,601],{"class":515},[476,672,535],{"class":515},[476,674,675],{"class":538},"page_view",[476,677,615],{"class":515},[476,679,523],{"class":515},[476,681,682],{"class":597}," path",[476,684,601],{"class":515},[476,686,687],{"class":519}," location",[476,689,658],{"class":515},[476,691,692],{"class":519},"pathname ",[476,694,624],{"class":515},[476,696,627],{"class":519},[492,698,700],{"id":699},"how-it-works","How It Works",[702,703,704,720,727,738,745],"ol",{},[450,705,706,709,710,709,713,716,717],{},[418,707,708],{},"log.info()"," \u002F ",[418,711,712],{},"log.warn()",[418,714,715],{},"log.error()"," push events into a ",[423,718,719],{},"memory buffer",[450,721,722,723,726],{},"Events are ",[423,724,725],{},"batched"," by size (default 25) or time interval (default 2 s)",[450,728,729,730,733,734,737],{},"Batches are sent via ",[418,731,732],{},"fetch"," with ",[418,735,736],{},"keepalive: true"," so requests survive page navigation",[450,739,740,741,744],{},"When the page becomes hidden (tab switch, navigation), buffered events are flushed via ",[418,742,743],{},"navigator.sendBeacon"," as a fallback",[450,746,747,748,751,752,755],{},"Your ",[423,749,750],{},"server endpoint"," receives a ",[418,753,754],{},"DrainContext[]"," JSON array and processes it however you like",[492,757,759],{"id":758},"two-tier-api","Two-Tier API",[761,762,764],"h3",{"id":763},"createhttplogdrainoptions",[418,765,766],{},"createHttpLogDrain(options)",[409,768,769,770,773,774,777,778,658],{},"High-level, pre-composed: creates a pipeline with batching, retry, and auto-flush on ",[418,771,772],{},"visibilitychange",". Returns a ",[418,775,776],{},"PipelineDrainFn\u003CDrainContext>"," directly usable with ",[418,779,780],{},"initLogger({ drain })",[496,782,784],{"className":498,"code":783,"filename":500,"language":501,"meta":502,"style":502},"import { initLogger, log } from 'evlog'\nimport { createHttpLogDrain } from 'evlog\u002Fhttp'\n\nconst drain = createHttpLogDrain({\n  drain: { endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest' },\n  pipeline: { batch: { size: 50, intervalMs: 5000 } },\n})\n\ninitLogger({ drain })\nlog.info({ action: 'click', target: 'buy-button' })\n",[418,785,786,808,826,830,844,864,903,909,913,927],{"__ignoreMap":502},[476,787,788,790,792,794,796,798,800,802,804,806],{"class":507,"line":508},[476,789,512],{"class":511},[476,791,516],{"class":515},[476,793,520],{"class":519},[476,795,523],{"class":515},[476,797,526],{"class":519},[476,799,529],{"class":515},[476,801,532],{"class":511},[476,803,535],{"class":515},[476,805,539],{"class":538},[476,807,542],{"class":515},[476,809,810,812,814,816,818,820,822,824],{"class":507,"line":545},[476,811,512],{"class":511},[476,813,516],{"class":515},[476,815,552],{"class":519},[476,817,529],{"class":515},[476,819,532],{"class":511},[476,821,535],{"class":515},[476,823,429],{"class":538},[476,825,542],{"class":515},[476,827,828],{"class":507,"line":565},[476,829,569],{"emptyLinePlaceholder":568},[476,831,832,834,836,838,840,842],{"class":507,"line":572},[476,833,576],{"class":575},[476,835,579],{"class":519},[476,837,582],{"class":515},[476,839,552],{"class":585},[476,841,588],{"class":519},[476,843,591],{"class":515},[476,845,846,848,850,852,854,856,858,860,862],{"class":507,"line":594},[476,847,598],{"class":597},[476,849,601],{"class":515},[476,851,516],{"class":515},[476,853,606],{"class":597},[476,855,601],{"class":515},[476,857,535],{"class":515},[476,859,462],{"class":538},[476,861,615],{"class":515},[476,863,618],{"class":515},[476,865,866,869,871,873,876,878,880,883,885,889,891,894,896,899,901],{"class":507,"line":621},[476,867,868],{"class":597},"  pipeline",[476,870,601],{"class":515},[476,872,516],{"class":515},[476,874,875],{"class":597}," batch",[476,877,601],{"class":515},[476,879,516],{"class":515},[476,881,882],{"class":597}," size",[476,884,601],{"class":515},[476,886,888],{"class":887},"sbssI"," 50",[476,890,523],{"class":515},[476,892,893],{"class":597}," intervalMs",[476,895,601],{"class":515},[476,897,898],{"class":887}," 5000",[476,900,529],{"class":515},[476,902,618],{"class":515},[476,904,905,907],{"class":507,"line":630},[476,906,624],{"class":515},[476,908,627],{"class":519},[476,910,911],{"class":507,"line":647},[476,912,569],{"emptyLinePlaceholder":568},[476,914,915,917,919,921,923,925],{"class":507,"line":652},[476,916,633],{"class":585},[476,918,588],{"class":519},[476,920,638],{"class":515},[476,922,579],{"class":519},[476,924,624],{"class":515},[476,926,627],{"class":519},[476,928,930,932,934,936,938,940,942,944,946,949,951,953,956,958,960,963,965,967],{"class":507,"line":929},10,[476,931,655],{"class":519},[476,933,658],{"class":515},[476,935,661],{"class":585},[476,937,588],{"class":519},[476,939,638],{"class":515},[476,941,668],{"class":597},[476,943,601],{"class":515},[476,945,535],{"class":515},[476,947,948],{"class":538},"click",[476,950,615],{"class":515},[476,952,523],{"class":515},[476,954,955],{"class":597}," target",[476,957,601],{"class":515},[476,959,535],{"class":515},[476,961,962],{"class":538},"buy-button",[476,964,615],{"class":515},[476,966,529],{"class":515},[476,968,627],{"class":519},[761,970,972],{"id":971},"createhttpdrainconfig",[418,973,974],{},"createHttpDrain(config)",[409,976,977],{},"Low-level transport function. Use this when you want full control over the pipeline configuration:",[496,979,981],{"className":498,"code":980,"filename":500,"language":501,"meta":502,"style":502},"import { createHttpDrain } from 'evlog\u002Fhttp'\nimport { createDrainPipeline } from 'evlog\u002Fpipeline'\nimport type { DrainContext } from 'evlog'\n\nconst transport = createHttpDrain({\n  endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest',\n})\nconst pipeline = createDrainPipeline\u003CDrainContext>({\n  batch: { size: 100, intervalMs: 10000 },\n  retry: { maxAttempts: 5 },\n})\n\nconst drain = pipeline(transport)\n",[418,982,983,1002,1022,1044,1048,1063,1079,1085,1110,1137,1156,1163,1168],{"__ignoreMap":502},[476,984,985,987,989,992,994,996,998,1000],{"class":507,"line":508},[476,986,512],{"class":511},[476,988,516],{"class":515},[476,990,991],{"class":519}," createHttpDrain",[476,993,529],{"class":515},[476,995,532],{"class":511},[476,997,535],{"class":515},[476,999,429],{"class":538},[476,1001,542],{"class":515},[476,1003,1004,1006,1008,1011,1013,1015,1017,1020],{"class":507,"line":545},[476,1005,512],{"class":511},[476,1007,516],{"class":515},[476,1009,1010],{"class":519}," createDrainPipeline",[476,1012,529],{"class":515},[476,1014,532],{"class":511},[476,1016,535],{"class":515},[476,1018,1019],{"class":538},"evlog\u002Fpipeline",[476,1021,542],{"class":515},[476,1023,1024,1026,1029,1031,1034,1036,1038,1040,1042],{"class":507,"line":565},[476,1025,512],{"class":511},[476,1027,1028],{"class":511}," type",[476,1030,516],{"class":515},[476,1032,1033],{"class":519}," DrainContext",[476,1035,529],{"class":515},[476,1037,532],{"class":511},[476,1039,535],{"class":515},[476,1041,539],{"class":538},[476,1043,542],{"class":515},[476,1045,1046],{"class":507,"line":572},[476,1047,569],{"emptyLinePlaceholder":568},[476,1049,1050,1052,1055,1057,1059,1061],{"class":507,"line":594},[476,1051,576],{"class":575},[476,1053,1054],{"class":519}," transport ",[476,1056,582],{"class":515},[476,1058,991],{"class":585},[476,1060,588],{"class":519},[476,1062,591],{"class":515},[476,1064,1065,1068,1070,1072,1074,1076],{"class":507,"line":621},[476,1066,1067],{"class":597},"  endpoint",[476,1069,601],{"class":515},[476,1071,535],{"class":515},[476,1073,462],{"class":538},[476,1075,615],{"class":515},[476,1077,1078],{"class":515},",\n",[476,1080,1081,1083],{"class":507,"line":630},[476,1082,624],{"class":515},[476,1084,627],{"class":519},[476,1086,1087,1089,1092,1094,1096,1099,1103,1106,1108],{"class":507,"line":647},[476,1088,576],{"class":575},[476,1090,1091],{"class":519}," pipeline ",[476,1093,582],{"class":515},[476,1095,1010],{"class":585},[476,1097,1098],{"class":515},"\u003C",[476,1100,1102],{"class":1101},"sBMFI","DrainContext",[476,1104,1105],{"class":515},">",[476,1107,588],{"class":519},[476,1109,591],{"class":515},[476,1111,1112,1115,1117,1119,1121,1123,1126,1128,1130,1132,1135],{"class":507,"line":652},[476,1113,1114],{"class":597},"  batch",[476,1116,601],{"class":515},[476,1118,516],{"class":515},[476,1120,882],{"class":597},[476,1122,601],{"class":515},[476,1124,1125],{"class":887}," 100",[476,1127,523],{"class":515},[476,1129,893],{"class":597},[476,1131,601],{"class":515},[476,1133,1134],{"class":887}," 10000",[476,1136,618],{"class":515},[476,1138,1139,1142,1144,1146,1149,1151,1154],{"class":507,"line":929},[476,1140,1141],{"class":597},"  retry",[476,1143,601],{"class":515},[476,1145,516],{"class":515},[476,1147,1148],{"class":597}," maxAttempts",[476,1150,601],{"class":515},[476,1152,1153],{"class":887}," 5",[476,1155,618],{"class":515},[476,1157,1159,1161],{"class":507,"line":1158},11,[476,1160,624],{"class":515},[476,1162,627],{"class":519},[476,1164,1166],{"class":507,"line":1165},12,[476,1167,569],{"emptyLinePlaceholder":568},[476,1169,1171,1173,1175,1177,1180],{"class":507,"line":1170},13,[476,1172,576],{"class":575},[476,1174,579],{"class":519},[476,1176,582],{"class":515},[476,1178,1179],{"class":585}," pipeline",[476,1181,1182],{"class":519},"(transport)\n",[492,1184,1186],{"id":1185},"configuration-reference","Configuration Reference",[761,1188,1190],{"id":1189},"httpdrainconfig",[418,1191,1192],{},"HttpDrainConfig",[1194,1195,1196,1212],"table",{},[1197,1198,1199],"thead",{},[1200,1201,1202,1206,1209],"tr",{},[1203,1204,1205],"th",{},"Option",[1203,1207,1208],{},"Default",[1203,1210,1211],{},"Description",[1213,1214,1215,1232,1255,1270,1289],"tbody",{},[1200,1216,1217,1223,1226],{},[1218,1219,1220],"td",{},[418,1221,1222],{},"endpoint",[1218,1224,1225],{},"-",[1218,1227,1228,1231],{},[423,1229,1230],{},"(required)"," Full URL of the server ingest endpoint",[1200,1233,1234,1239,1241],{},[1218,1235,1236],{},[418,1237,1238],{},"headers",[1218,1240,1225],{},[1218,1242,1243,1244,1246,1247,1250,1251,1254],{},"Custom headers sent with each ",[418,1245,732],{}," request (e.g. ",[418,1248,1249],{},"Authorization",", ",[418,1252,1253],{},"X-API-Key",")",[1200,1256,1257,1262,1267],{},[1218,1258,1259],{},[418,1260,1261],{},"timeout",[1218,1263,1264],{},[418,1265,1266],{},"5000",[1218,1268,1269],{},"Request timeout in milliseconds",[1200,1271,1272,1277,1282],{},[1218,1273,1274],{},[418,1275,1276],{},"useBeacon",[1218,1278,1279],{},[418,1280,1281],{},"true",[1218,1283,1284,1285,1288],{},"Use ",[418,1286,1287],{},"sendBeacon"," when the page is hidden",[1200,1290,1291,1296,1301],{},[1218,1292,1293],{},[418,1294,1295],{},"credentials",[1218,1297,1298],{},[418,1299,1300],{},"'same-origin'",[1218,1302,1303,1304,1250,1307,1250,1309,1312,1313,1315],{},"Fetch credentials mode (",[418,1305,1306],{},"'omit'",[418,1308,1300],{},[418,1310,1311],{},"'include'","). Set to ",[418,1314,1311],{}," for cross-origin endpoints",[761,1317,1319],{"id":1318},"httplogdrainoptions",[418,1320,1321],{},"HttpLogDrainOptions",[1194,1323,1324,1334],{},[1197,1325,1326],{},[1200,1327,1328,1330,1332],{},[1203,1329,1205],{},[1203,1331,1208],{},[1203,1333,1211],{},[1213,1335,1336,1353,1368],{},[1200,1337,1338,1343,1345],{},[1218,1339,1340],{},[418,1341,1342],{},"drain",[1218,1344,1225],{},[1218,1346,1347,1349,1350,1352],{},[423,1348,1230],{}," ",[418,1351,1192],{}," object",[1200,1354,1355,1360,1365],{},[1218,1356,1357],{},[418,1358,1359],{},"pipeline",[1218,1361,1362],{},[418,1363,1364],{},"{ batch: { size: 25, intervalMs: 2000 }, retry: { maxAttempts: 2 } }",[1218,1366,1367],{},"Pipeline configuration overrides",[1200,1369,1370,1375,1379],{},[1218,1371,1372],{},[418,1373,1374],{},"autoFlush",[1218,1376,1377],{},[418,1378,1281],{},[1218,1380,1381,1382,1384],{},"Auto-register ",[418,1383,772],{}," flush listener",[492,1386,1388],{"id":1387},"sendbeacon-fallback","sendBeacon Fallback",[413,1390,1392,1393,1395,1396,1398,1399,1401],{"color":661,"icon":1391},"i-lucide-radio","When ",[418,1394,1276],{}," is enabled (the default) and the page becomes hidden, the drain automatically switches from ",[418,1397,732],{}," to ",[418,1400,743],{},". This ensures logs are delivered even when the user closes the tab or navigates away, preventing data loss on page exit.",[409,1403,1404,1406],{},[418,1405,1287],{}," has a browser-imposed payload limit (~64 KB). If the payload exceeds this, the drain throws an error. Keep batch sizes reasonable (the default of 25 is well within limits).",[492,1408,1410],{"id":1409},"authentication","Authentication",[409,1412,1413],{},"Pass custom headers to protect your ingest endpoint:",[496,1415,1417],{"className":498,"code":1416,"filename":500,"language":501,"meta":502,"style":502},"const drain = createHttpLogDrain({\n  drain: {\n    endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest',\n    headers: {\n      'Authorization': 'Bearer ' + token,\n    },\n  },\n})\n",[418,1418,1419,1433,1442,1457,1466,1492,1497,1502],{"__ignoreMap":502},[476,1420,1421,1423,1425,1427,1429,1431],{"class":507,"line":508},[476,1422,576],{"class":575},[476,1424,579],{"class":519},[476,1426,582],{"class":515},[476,1428,552],{"class":585},[476,1430,588],{"class":519},[476,1432,591],{"class":515},[476,1434,1435,1437,1439],{"class":507,"line":545},[476,1436,598],{"class":597},[476,1438,601],{"class":515},[476,1440,1441],{"class":515}," {\n",[476,1443,1444,1447,1449,1451,1453,1455],{"class":507,"line":565},[476,1445,1446],{"class":597},"    endpoint",[476,1448,601],{"class":515},[476,1450,535],{"class":515},[476,1452,462],{"class":538},[476,1454,615],{"class":515},[476,1456,1078],{"class":515},[476,1458,1459,1462,1464],{"class":507,"line":572},[476,1460,1461],{"class":597},"    headers",[476,1463,601],{"class":515},[476,1465,1441],{"class":515},[476,1467,1468,1471,1473,1475,1477,1479,1482,1484,1487,1490],{"class":507,"line":594},[476,1469,1470],{"class":515},"      '",[476,1472,1249],{"class":597},[476,1474,615],{"class":515},[476,1476,601],{"class":515},[476,1478,535],{"class":515},[476,1480,1481],{"class":538},"Bearer ",[476,1483,615],{"class":515},[476,1485,1486],{"class":515}," +",[476,1488,1489],{"class":519}," token",[476,1491,1078],{"class":515},[476,1493,1494],{"class":507,"line":621},[476,1495,1496],{"class":515},"    },\n",[476,1498,1499],{"class":507,"line":630},[476,1500,1501],{"class":515},"  },\n",[476,1503,1504,1506],{"class":507,"line":647},[476,1505,624],{"class":515},[476,1507,627],{"class":519},[413,1509,1511,1513,1514,1516,1517,1519,1520,1522,1523,1526,1527,1529,1530,733,1532,658],{"color":1510,"icon":59},"warning",[418,1512,1238],{}," are applied to ",[418,1515,732],{}," requests only. The ",[418,1518,1287],{}," API does not support custom headers, so when the page is hidden and ",[418,1521,1287],{}," is used, headers are not sent. If your endpoint requires authentication, consider validating via a session cookie (set ",[418,1524,1525],{},"credentials: 'include'"," for cross-origin endpoints, defaults to ",[418,1528,1300],{},") or disable ",[418,1531,1287],{},[418,1533,1534],{},"useBeacon: false",[492,1536,1538],{"id":1537},"server-endpoint","Server Endpoint",[409,1540,1541,1542,1544],{},"Your server needs a POST endpoint that accepts a ",[418,1543,754],{}," JSON body. Here are examples for common frameworks:",[761,1546,241],{"id":1547},"express",[496,1549,1552],{"className":498,"code":1550,"filename":1551,"language":501,"meta":502,"style":502},"app.post('\u002Fv1\u002Fingest', express.json(), (req, res) => {\n  for (const entry of req.body) {\n    console.log('[BROWSER]', JSON.stringify(entry))\n  }\n  res.sendStatus(204)\n})\n","server.ts",[418,1553,1554,1607,1635,1671,1676,1693],{"__ignoreMap":502},[476,1555,1556,1559,1561,1564,1566,1568,1571,1573,1575,1578,1580,1583,1586,1588,1591,1595,1597,1600,1602,1605],{"class":507,"line":508},[476,1557,1558],{"class":519},"app",[476,1560,658],{"class":515},[476,1562,1563],{"class":585},"post",[476,1565,588],{"class":519},[476,1567,615],{"class":515},[476,1569,1570],{"class":538},"\u002Fv1\u002Fingest",[476,1572,615],{"class":515},[476,1574,523],{"class":515},[476,1576,1577],{"class":519}," express",[476,1579,658],{"class":515},[476,1581,1582],{"class":585},"json",[476,1584,1585],{"class":519},"()",[476,1587,523],{"class":515},[476,1589,1590],{"class":515}," (",[476,1592,1594],{"class":1593},"sHdIc","req",[476,1596,523],{"class":515},[476,1598,1599],{"class":1593}," res",[476,1601,1254],{"class":515},[476,1603,1604],{"class":575}," =>",[476,1606,1441],{"class":515},[476,1608,1609,1612,1614,1616,1619,1622,1625,1627,1630,1633],{"class":507,"line":545},[476,1610,1611],{"class":511},"  for",[476,1613,1590],{"class":597},[476,1615,576],{"class":575},[476,1617,1618],{"class":519}," entry",[476,1620,1621],{"class":515}," of",[476,1623,1624],{"class":519}," req",[476,1626,658],{"class":515},[476,1628,1629],{"class":519},"body",[476,1631,1632],{"class":597},") ",[476,1634,591],{"class":515},[476,1636,1637,1640,1642,1644,1646,1648,1651,1653,1655,1658,1660,1663,1665,1668],{"class":507,"line":565},[476,1638,1639],{"class":519},"    console",[476,1641,658],{"class":515},[476,1643,655],{"class":585},[476,1645,588],{"class":597},[476,1647,615],{"class":515},[476,1649,1650],{"class":538},"[BROWSER]",[476,1652,615],{"class":515},[476,1654,523],{"class":515},[476,1656,1657],{"class":519}," JSON",[476,1659,658],{"class":515},[476,1661,1662],{"class":585},"stringify",[476,1664,588],{"class":597},[476,1666,1667],{"class":519},"entry",[476,1669,1670],{"class":597},"))\n",[476,1672,1673],{"class":507,"line":572},[476,1674,1675],{"class":515},"  }\n",[476,1677,1678,1681,1683,1686,1688,1691],{"class":507,"line":594},[476,1679,1680],{"class":519},"  res",[476,1682,658],{"class":515},[476,1684,1685],{"class":585},"sendStatus",[476,1687,588],{"class":597},[476,1689,1690],{"class":887},"204",[476,1692,627],{"class":597},[476,1694,1695,1697],{"class":507,"line":621},[476,1696,624],{"class":515},[476,1698,627],{"class":519},[761,1700,246],{"id":1701},"hono",[496,1703,1705],{"className":498,"code":1704,"filename":1551,"language":501,"meta":502,"style":502},"app.post('\u002Fv1\u002Fingest', async (c) => {\n  const body = await c.req.json()\n  for (const entry of body) {\n    console.log('[BROWSER]', JSON.stringify(entry))\n  }\n  return c.body(null, 204)\n})\n",[418,1706,1707,1739,1767,1785,1815,1819,1840],{"__ignoreMap":502},[476,1708,1709,1711,1713,1715,1717,1719,1721,1723,1725,1728,1730,1733,1735,1737],{"class":507,"line":508},[476,1710,1558],{"class":519},[476,1712,658],{"class":515},[476,1714,1563],{"class":585},[476,1716,588],{"class":519},[476,1718,615],{"class":515},[476,1720,1570],{"class":538},[476,1722,615],{"class":515},[476,1724,523],{"class":515},[476,1726,1727],{"class":575}," async",[476,1729,1590],{"class":515},[476,1731,1732],{"class":1593},"c",[476,1734,1254],{"class":515},[476,1736,1604],{"class":575},[476,1738,1441],{"class":515},[476,1740,1741,1744,1747,1750,1753,1756,1758,1760,1762,1764],{"class":507,"line":545},[476,1742,1743],{"class":575},"  const",[476,1745,1746],{"class":519}," body",[476,1748,1749],{"class":515}," =",[476,1751,1752],{"class":511}," await",[476,1754,1755],{"class":519}," c",[476,1757,658],{"class":515},[476,1759,1594],{"class":519},[476,1761,658],{"class":515},[476,1763,1582],{"class":585},[476,1765,1766],{"class":597},"()\n",[476,1768,1769,1771,1773,1775,1777,1779,1781,1783],{"class":507,"line":565},[476,1770,1611],{"class":511},[476,1772,1590],{"class":597},[476,1774,576],{"class":575},[476,1776,1618],{"class":519},[476,1778,1621],{"class":515},[476,1780,1746],{"class":519},[476,1782,1632],{"class":597},[476,1784,591],{"class":515},[476,1786,1787,1789,1791,1793,1795,1797,1799,1801,1803,1805,1807,1809,1811,1813],{"class":507,"line":572},[476,1788,1639],{"class":519},[476,1790,658],{"class":515},[476,1792,655],{"class":585},[476,1794,588],{"class":597},[476,1796,615],{"class":515},[476,1798,1650],{"class":538},[476,1800,615],{"class":515},[476,1802,523],{"class":515},[476,1804,1657],{"class":519},[476,1806,658],{"class":515},[476,1808,1662],{"class":585},[476,1810,588],{"class":597},[476,1812,1667],{"class":519},[476,1814,1670],{"class":597},[476,1816,1817],{"class":507,"line":594},[476,1818,1675],{"class":515},[476,1820,1821,1824,1826,1828,1830,1832,1835,1838],{"class":507,"line":621},[476,1822,1823],{"class":511},"  return",[476,1825,1755],{"class":519},[476,1827,658],{"class":515},[476,1829,1629],{"class":585},[476,1831,588],{"class":597},[476,1833,1834],{"class":515},"null,",[476,1836,1837],{"class":887}," 204",[476,1839,627],{"class":597},[476,1841,1842,1844],{"class":507,"line":630},[476,1843,624],{"class":515},[476,1845,627],{"class":519},[492,1847,1849],{"id":1848},"full-control","Full Control",[409,1851,1852,1853,733,1856,1859],{},"Combine ",[418,1854,1855],{},"createHttpDrain",[418,1857,1858],{},"createDrainPipeline"," for maximum flexibility:",[496,1861,1863],{"className":498,"code":1862,"filename":500,"language":501,"meta":502,"style":502},"import { initLogger, log } from 'evlog'\nimport type { DrainContext } from 'evlog'\nimport { createHttpDrain } from 'evlog\u002Fhttp'\nimport { createDrainPipeline } from 'evlog\u002Fpipeline'\n\nconst pipeline = createDrainPipeline\u003CDrainContext>({\n  batch: { size: 100, intervalMs: 10000 },\n  retry: { maxAttempts: 5, backoff: 'exponential' },\n  maxBufferSize: 500,\n  onDropped: (events) => {\n    console.warn(`Dropped ${events.length} client events`)\n  },\n})\n\nconst drain = pipeline(createHttpDrain({\n  endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest',\n  timeout: 3000,\n}))\n\ninitLogger({ drain })\n\nlog.info({ action: 'app_init' })\n\n\u002F\u002F Flush on page unload\nwindow.addEventListener('beforeunload', () => drain.flush())\n",[418,1864,1865,1887,1907,1925,1943,1947,1967,1991,2021,2033,2051,2087,2091,2097,2102,2121,2136,2149,2156,2161,2176,2181,2209,2214,2221],{"__ignoreMap":502},[476,1866,1867,1869,1871,1873,1875,1877,1879,1881,1883,1885],{"class":507,"line":508},[476,1868,512],{"class":511},[476,1870,516],{"class":515},[476,1872,520],{"class":519},[476,1874,523],{"class":515},[476,1876,526],{"class":519},[476,1878,529],{"class":515},[476,1880,532],{"class":511},[476,1882,535],{"class":515},[476,1884,539],{"class":538},[476,1886,542],{"class":515},[476,1888,1889,1891,1893,1895,1897,1899,1901,1903,1905],{"class":507,"line":545},[476,1890,512],{"class":511},[476,1892,1028],{"class":511},[476,1894,516],{"class":515},[476,1896,1033],{"class":519},[476,1898,529],{"class":515},[476,1900,532],{"class":511},[476,1902,535],{"class":515},[476,1904,539],{"class":538},[476,1906,542],{"class":515},[476,1908,1909,1911,1913,1915,1917,1919,1921,1923],{"class":507,"line":565},[476,1910,512],{"class":511},[476,1912,516],{"class":515},[476,1914,991],{"class":519},[476,1916,529],{"class":515},[476,1918,532],{"class":511},[476,1920,535],{"class":515},[476,1922,429],{"class":538},[476,1924,542],{"class":515},[476,1926,1927,1929,1931,1933,1935,1937,1939,1941],{"class":507,"line":572},[476,1928,512],{"class":511},[476,1930,516],{"class":515},[476,1932,1010],{"class":519},[476,1934,529],{"class":515},[476,1936,532],{"class":511},[476,1938,535],{"class":515},[476,1940,1019],{"class":538},[476,1942,542],{"class":515},[476,1944,1945],{"class":507,"line":594},[476,1946,569],{"emptyLinePlaceholder":568},[476,1948,1949,1951,1953,1955,1957,1959,1961,1963,1965],{"class":507,"line":621},[476,1950,576],{"class":575},[476,1952,1091],{"class":519},[476,1954,582],{"class":515},[476,1956,1010],{"class":585},[476,1958,1098],{"class":515},[476,1960,1102],{"class":1101},[476,1962,1105],{"class":515},[476,1964,588],{"class":519},[476,1966,591],{"class":515},[476,1968,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989],{"class":507,"line":630},[476,1970,1114],{"class":597},[476,1972,601],{"class":515},[476,1974,516],{"class":515},[476,1976,882],{"class":597},[476,1978,601],{"class":515},[476,1980,1125],{"class":887},[476,1982,523],{"class":515},[476,1984,893],{"class":597},[476,1986,601],{"class":515},[476,1988,1134],{"class":887},[476,1990,618],{"class":515},[476,1992,1993,1995,1997,1999,2001,2003,2005,2007,2010,2012,2014,2017,2019],{"class":507,"line":647},[476,1994,1141],{"class":597},[476,1996,601],{"class":515},[476,1998,516],{"class":515},[476,2000,1148],{"class":597},[476,2002,601],{"class":515},[476,2004,1153],{"class":887},[476,2006,523],{"class":515},[476,2008,2009],{"class":597}," backoff",[476,2011,601],{"class":515},[476,2013,535],{"class":515},[476,2015,2016],{"class":538},"exponential",[476,2018,615],{"class":515},[476,2020,618],{"class":515},[476,2022,2023,2026,2028,2031],{"class":507,"line":652},[476,2024,2025],{"class":597},"  maxBufferSize",[476,2027,601],{"class":515},[476,2029,2030],{"class":887}," 500",[476,2032,1078],{"class":515},[476,2034,2035,2038,2040,2042,2045,2047,2049],{"class":507,"line":929},[476,2036,2037],{"class":585},"  onDropped",[476,2039,601],{"class":515},[476,2041,1590],{"class":515},[476,2043,2044],{"class":1593},"events",[476,2046,1254],{"class":515},[476,2048,1604],{"class":575},[476,2050,1441],{"class":515},[476,2052,2053,2055,2057,2060,2062,2065,2068,2071,2073,2075,2078,2080,2083,2085],{"class":507,"line":1158},[476,2054,1639],{"class":519},[476,2056,658],{"class":515},[476,2058,2059],{"class":585},"warn",[476,2061,588],{"class":597},[476,2063,2064],{"class":515},"`",[476,2066,2067],{"class":538},"Dropped ",[476,2069,2070],{"class":515},"${",[476,2072,2044],{"class":519},[476,2074,658],{"class":515},[476,2076,2077],{"class":519},"length",[476,2079,624],{"class":515},[476,2081,2082],{"class":538}," client events",[476,2084,2064],{"class":515},[476,2086,627],{"class":597},[476,2088,2089],{"class":507,"line":1165},[476,2090,1501],{"class":515},[476,2092,2093,2095],{"class":507,"line":1170},[476,2094,624],{"class":515},[476,2096,627],{"class":519},[476,2098,2100],{"class":507,"line":2099},14,[476,2101,569],{"emptyLinePlaceholder":568},[476,2103,2105,2107,2109,2111,2113,2115,2117,2119],{"class":507,"line":2104},15,[476,2106,576],{"class":575},[476,2108,579],{"class":519},[476,2110,582],{"class":515},[476,2112,1179],{"class":585},[476,2114,588],{"class":519},[476,2116,1855],{"class":585},[476,2118,588],{"class":519},[476,2120,591],{"class":515},[476,2122,2124,2126,2128,2130,2132,2134],{"class":507,"line":2123},16,[476,2125,1067],{"class":597},[476,2127,601],{"class":515},[476,2129,535],{"class":515},[476,2131,462],{"class":538},[476,2133,615],{"class":515},[476,2135,1078],{"class":515},[476,2137,2139,2142,2144,2147],{"class":507,"line":2138},17,[476,2140,2141],{"class":597},"  timeout",[476,2143,601],{"class":515},[476,2145,2146],{"class":887}," 3000",[476,2148,1078],{"class":515},[476,2150,2152,2154],{"class":507,"line":2151},18,[476,2153,624],{"class":515},[476,2155,1670],{"class":519},[476,2157,2159],{"class":507,"line":2158},19,[476,2160,569],{"emptyLinePlaceholder":568},[476,2162,2164,2166,2168,2170,2172,2174],{"class":507,"line":2163},20,[476,2165,633],{"class":585},[476,2167,588],{"class":519},[476,2169,638],{"class":515},[476,2171,579],{"class":519},[476,2173,624],{"class":515},[476,2175,627],{"class":519},[476,2177,2179],{"class":507,"line":2178},21,[476,2180,569],{"emptyLinePlaceholder":568},[476,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2203,2205,2207],{"class":507,"line":2183},22,[476,2185,655],{"class":519},[476,2187,658],{"class":515},[476,2189,661],{"class":585},[476,2191,588],{"class":519},[476,2193,638],{"class":515},[476,2195,668],{"class":597},[476,2197,601],{"class":515},[476,2199,535],{"class":515},[476,2201,2202],{"class":538},"app_init",[476,2204,615],{"class":515},[476,2206,529],{"class":515},[476,2208,627],{"class":519},[476,2210,2212],{"class":507,"line":2211},23,[476,2213,569],{"emptyLinePlaceholder":568},[476,2215,2217],{"class":507,"line":2216},24,[476,2218,2220],{"class":2219},"sHwdD","\u002F\u002F Flush on page unload\n",[476,2222,2224,2227,2229,2232,2234,2236,2239,2241,2243,2246,2248,2251,2253,2256],{"class":507,"line":2223},25,[476,2225,2226],{"class":519},"window",[476,2228,658],{"class":515},[476,2230,2231],{"class":585},"addEventListener",[476,2233,588],{"class":519},[476,2235,615],{"class":515},[476,2237,2238],{"class":538},"beforeunload",[476,2240,615],{"class":515},[476,2242,523],{"class":515},[476,2244,2245],{"class":515}," ()",[476,2247,1604],{"class":575},[476,2249,2250],{"class":519}," drain",[476,2252,658],{"class":515},[476,2254,2255],{"class":585},"flush",[476,2257,2258],{"class":519},"())\n",[413,2260,2262,2263,2268],{"color":415,"icon":2261},"i-lucide-arrow-right","See the full ",[460,2264,2267],{"href":2265,"rel":2266},"https:\u002F\u002Fgithub.com\u002Fhugorcd\u002Fevlog\u002Ftree\u002Fmain\u002Fexamples\u002Fbrowser",[464],"browser example"," for a working Hono server + browser page that demonstrates the complete flow end to end.",[413,2270,2271,2272,2275],{"color":415,"icon":83},"See the ",[460,2273,2274],{"href":217},"Next.js guide"," for a working implementation.",[492,2277,2279],{"id":2278},"next-steps","Next Steps",[447,2281,2282,2288,2293],{},[450,2283,2284,2287],{},[460,2285,2286],{"href":305},"Adapters Overview"," - Available built-in adapters",[450,2289,2290,2292],{},[460,2291,368],{"href":369}," - Batching, retry, and buffer overflow handling",[450,2294,2295,2297],{},[460,2296,378],{"href":379}," - Build your own drain function",[2299,2300,2301],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":502,"searchDepth":545,"depth":545,"links":2303},[2304,2305,2306,2310,2314,2315,2316,2320,2321],{"id":494,"depth":545,"text":20},{"id":699,"depth":545,"text":700},{"id":758,"depth":545,"text":759,"children":2307},[2308,2309],{"id":763,"depth":565,"text":766},{"id":971,"depth":565,"text":974},{"id":1185,"depth":545,"text":1186,"children":2311},[2312,2313],{"id":1189,"depth":565,"text":1192},{"id":1318,"depth":565,"text":1321},{"id":1387,"depth":545,"text":1388},{"id":1409,"depth":545,"text":1410},{"id":1537,"depth":545,"text":1538,"children":2317},[2318,2319],{"id":1547,"depth":565,"text":241},{"id":1701,"depth":565,"text":246},{"id":1848,"depth":545,"text":1849},{"id":2278,"depth":545,"text":2279},"Framework-agnostic HTTP log transport for sending client-side logs to your server via fetch or sendBeacon. Works in the browser or any environment with fetch. Use the `evlog\u002Fhttp` entry point.","md",[2325,2328],{"label":2286,"icon":2326,"to":305,"color":415,"variant":2327},"i-custom-plug","subtle",{"label":368,"icon":371,"to":369,"color":415,"variant":2327},{},{"title":373,"icon":376},{"title":404,"description":2322},"2DU1KAmq-ibPl2rFfDf3SpVjzShnZp2X2OUXYAoxWlo",[2334,2336],{"title":368,"path":369,"stem":370,"description":2335,"icon":371,"children":-1},"Batch events, retry on failure, and protect against buffer overflow with the shared drain pipeline. Supports fan-out to multiple adapters.",{"title":378,"path":379,"stem":380,"description":2337,"icon":83,"children":-1},"Build your own adapter to send logs to any destination using defineHttpDrain — config resolution, retries, timeouts, and error handling are handled for you.",1778325972326]