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