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