[{"data":1,"prerenderedAt":3431},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-react-router":407,"-frameworks-react-router-surround":3426},[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":261,"body":409,"description":3416,"extension":3417,"links":3418,"meta":3422,"navigation":3423,"path":262,"seo":3424,"stem":263,"__hash__":3425},"docs\u002F4.frameworks\u002F11.react-router.md",{"type":410,"value":411,"toc":3395},"minimark",[412,429,472,523,527,532,630,634,738,742,1099,1103,1242,1264,1271,1274,1277,1592,1595,1660,1663,1666,1799,1805,1980,1987,2001,2215,2219,2236,2473,2476,2542,2545,2555,2559,2562,2749,2753,2760,2971,2982,2986,2992,3116,3120,3130,3294,3298,3340,3348,3358,3362,3391],[413,414,415,416,420,421,424,425,428],"p",{},"The ",[417,418,419],"code",{},"evlog\u002Freact-router"," middleware auto-creates a request-scoped logger accessible via ",[417,422,423],{},"context.get(loggerContext)"," or ",[417,426,427],{},"useLogger()"," and emits a wide event when the response completes.",[430,431,433,434,441,442,446,447,450,451,454,455,457,458,460,461,463,464,467,468,471],"callout",{"color":432,"icon":13},"info","React Router has three ",[435,436,440],"a",{"href":437,"rel":438},"https:\u002F\u002Freactrouter.com\u002Fstart\u002Fmodes",[439],"nofollow","modes",": ",[443,444,445],"strong",{},"Framework",", ",[443,448,449],{},"Data",", and ",[443,452,453],{},"Declarative",". The ",[417,456,419],{}," middleware requires the middleware API, which is available in ",[443,459,445],{}," and ",[443,462,449],{}," modes only. Declarative mode does not support middleware: use ",[417,465,466],{},"evlog\u002Fclient"," for console logging and ",[417,469,470],{},"evlog\u002Fhttp"," if you need a batched HTTP drain to your server.",[473,474,477,480,511],"prompt",{":actions":475,"description":476,"icon":264},"[\"copy\",\"cursor\",\"windsurf\"]","Set up evlog in my React Router app",[413,478,479],{},"Set up evlog in my React Router app.",[481,482,483,487,490,493,496,499,502,505,508],"ul",{},[484,485,486],"li",{},"Install evlog: pnpm add evlog",[484,488,489],{},"Call initLogger({ env: { service: 'my-api' } }) at startup",[484,491,492],{},"Alternatively, use evlog\u002Fvite plugin in vite.config.ts for auto-init (replaces initLogger)",[484,494,495],{},"Enable middleware in react-router.config.ts: future: { v8_middleware: true }",[484,497,498],{},"Import evlog middleware and loggerContext from 'evlog\u002Freact-router'",[484,500,501],{},"Add evlog() to root route's middleware array",[484,503,504],{},"Access logger via context.get(loggerContext) in loaders\u002Factions",[484,506,507],{},"Or use useLogger() from services without passing context",[484,509,510],{},"Optionally pass drain, enrich, include, and keep options to evlog()",[413,512,513,514,518,519],{},"Docs: ",[435,515,516],{"href":516,"rel":517},"https:\u002F\u002Fwww.evlog.dev\u002Fframeworks\u002Freact-router",[439],"\nAdapters: ",[435,520,521],{"href":521,"rel":522},"https:\u002F\u002Fwww.evlog.dev\u002Fadapters\u002Foverview",[439],[524,525,20],"h2",{"id":526},"quick-start",[528,529,531],"h3",{"id":530},"_1-install","1. Install",[533,534,535,569,589,609],"code-group",{},[536,537,543],"pre",{"className":538,"code":539,"filename":540,"language":541,"meta":542,"style":542},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add evlog react-router @react-router\u002Fnode @react-router\u002Fserve\n","pnpm","bash","",[417,544,545],{"__ignoreMap":542},[546,547,550,553,557,560,563,566],"span",{"class":548,"line":549},"line",1,[546,551,540],{"class":552},"sBMFI",[546,554,556],{"class":555},"sfazB"," add",[546,558,559],{"class":555}," evlog",[546,561,562],{"class":555}," react-router",[546,564,565],{"class":555}," @react-router\u002Fnode",[546,567,568],{"class":555}," @react-router\u002Fserve\n",[536,570,573],{"className":538,"code":571,"filename":572,"language":541,"meta":542,"style":542},"bun add evlog react-router @react-router\u002Fnode @react-router\u002Fserve\n","bun",[417,574,575],{"__ignoreMap":542},[546,576,577,579,581,583,585,587],{"class":548,"line":549},[546,578,572],{"class":552},[546,580,556],{"class":555},[546,582,559],{"class":555},[546,584,562],{"class":555},[546,586,565],{"class":555},[546,588,568],{"class":555},[536,590,593],{"className":538,"code":591,"filename":592,"language":541,"meta":542,"style":542},"yarn add evlog react-router @react-router\u002Fnode @react-router\u002Fserve\n","yarn",[417,594,595],{"__ignoreMap":542},[546,596,597,599,601,603,605,607],{"class":548,"line":549},[546,598,592],{"class":552},[546,600,556],{"class":555},[546,602,559],{"class":555},[546,604,562],{"class":555},[546,606,565],{"class":555},[546,608,568],{"class":555},[536,610,613],{"className":538,"code":611,"filename":612,"language":541,"meta":542,"style":542},"npm install evlog react-router @react-router\u002Fnode @react-router\u002Fserve\n","npm",[417,614,615],{"__ignoreMap":542},[546,616,617,619,622,624,626,628],{"class":548,"line":549},[546,618,612],{"class":552},[546,620,621],{"class":555}," install",[546,623,559],{"class":555},[546,625,562],{"class":555},[546,627,565],{"class":555},[546,629,568],{"class":555},[528,631,633],{"id":632},"_2-enable-middleware","2. Enable middleware",[536,635,640],{"className":636,"code":637,"filename":638,"language":639,"meta":542,"style":542},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { Config } from '@react-router\u002Fdev\u002Fconfig'\n\nexport default {\n  future: {\n    v8_middleware: true,\n  },\n} satisfies Config\n","react-router.config.ts","typescript",[417,641,642,674,681,693,705,720,726],{"__ignoreMap":542},[546,643,644,648,651,655,659,662,665,668,671],{"class":548,"line":549},[546,645,647],{"class":646},"s7zQu","import",[546,649,650],{"class":646}," type",[546,652,654],{"class":653},"sMK4o"," {",[546,656,658],{"class":657},"sTEyZ"," Config",[546,660,661],{"class":653}," }",[546,663,664],{"class":646}," from",[546,666,667],{"class":653}," '",[546,669,670],{"class":555},"@react-router\u002Fdev\u002Fconfig",[546,672,673],{"class":653},"'\n",[546,675,677],{"class":548,"line":676},2,[546,678,680],{"emptyLinePlaceholder":679},true,"\n",[546,682,684,687,690],{"class":548,"line":683},3,[546,685,686],{"class":646},"export",[546,688,689],{"class":646}," default",[546,691,692],{"class":653}," {\n",[546,694,696,700,703],{"class":548,"line":695},4,[546,697,699],{"class":698},"swJcz","  future",[546,701,702],{"class":653},":",[546,704,692],{"class":653},[546,706,708,711,713,717],{"class":548,"line":707},5,[546,709,710],{"class":698},"    v8_middleware",[546,712,702],{"class":653},[546,714,716],{"class":715},"sfNiH"," true",[546,718,719],{"class":653},",\n",[546,721,723],{"class":548,"line":722},6,[546,724,725],{"class":653},"  },\n",[546,727,729,732,735],{"class":548,"line":728},7,[546,730,731],{"class":653},"}",[546,733,734],{"class":646}," satisfies",[546,736,737],{"class":552}," Config\n",[528,739,741],{"id":740},"_3-initialize-and-register-the-middleware","3. Initialize and register the middleware",[536,743,746],{"className":636,"code":744,"filename":745,"language":639,"meta":542,"style":542},"import { Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router'\nimport { initLogger } from 'evlog'\nimport { evlog } from 'evlog\u002Freact-router'\n\ninitLogger({\n  env: { service: 'my-api' },\n})\n\nexport const middleware: Route.MiddlewareFunction[] = [\n  evlog(),\n]\n\nexport default function Root() {\n  return (\n    \u003Chtml lang=\"en\">\n      \u003Chead>\n        \u003CMeta \u002F>\n        \u003CLinks \u002F>\n      \u003C\u002Fhead>\n      \u003Cbody>\n        \u003COutlet \u002F>\n        \u003CScrollRestoration \u002F>\n        \u003CScripts \u002F>\n      \u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n","app\u002Froot.tsx",[417,747,748,789,809,827,831,843,868,875,880,912,923,929,934,951,960,985,996,1008,1018,1028,1038,1048,1058,1068,1077,1087,1093],{"__ignoreMap":542},[546,749,750,752,754,757,760,763,765,768,770,773,775,778,780,782,784,787],{"class":548,"line":549},[546,751,647],{"class":646},[546,753,654],{"class":653},[546,755,756],{"class":657}," Links",[546,758,759],{"class":653},",",[546,761,762],{"class":657}," Meta",[546,764,759],{"class":653},[546,766,767],{"class":657}," Outlet",[546,769,759],{"class":653},[546,771,772],{"class":657}," Scripts",[546,774,759],{"class":653},[546,776,777],{"class":657}," ScrollRestoration",[546,779,661],{"class":653},[546,781,664],{"class":646},[546,783,667],{"class":653},[546,785,786],{"class":555},"react-router",[546,788,673],{"class":653},[546,790,791,793,795,798,800,802,804,807],{"class":548,"line":676},[546,792,647],{"class":646},[546,794,654],{"class":653},[546,796,797],{"class":657}," initLogger",[546,799,661],{"class":653},[546,801,664],{"class":646},[546,803,667],{"class":653},[546,805,806],{"class":555},"evlog",[546,808,673],{"class":653},[546,810,811,813,815,817,819,821,823,825],{"class":548,"line":683},[546,812,647],{"class":646},[546,814,654],{"class":653},[546,816,559],{"class":657},[546,818,661],{"class":653},[546,820,664],{"class":646},[546,822,667],{"class":653},[546,824,419],{"class":555},[546,826,673],{"class":653},[546,828,829],{"class":548,"line":695},[546,830,680],{"emptyLinePlaceholder":679},[546,832,833,837,840],{"class":548,"line":707},[546,834,836],{"class":835},"s2Zo4","initLogger",[546,838,839],{"class":657},"(",[546,841,842],{"class":653},"{\n",[546,844,845,848,850,852,855,857,859,862,865],{"class":548,"line":722},[546,846,847],{"class":698},"  env",[546,849,702],{"class":653},[546,851,654],{"class":653},[546,853,854],{"class":698}," service",[546,856,702],{"class":653},[546,858,667],{"class":653},[546,860,861],{"class":555},"my-api",[546,863,864],{"class":653},"'",[546,866,867],{"class":653}," },\n",[546,869,870,872],{"class":548,"line":728},[546,871,731],{"class":653},[546,873,874],{"class":657},")\n",[546,876,878],{"class":548,"line":877},8,[546,879,680],{"emptyLinePlaceholder":679},[546,881,883,885,889,892,894,897,900,903,906,909],{"class":548,"line":882},9,[546,884,686],{"class":646},[546,886,888],{"class":887},"spNyl"," const",[546,890,891],{"class":657}," middleware",[546,893,702],{"class":653},[546,895,896],{"class":552}," Route",[546,898,899],{"class":653},".",[546,901,902],{"class":552},"MiddlewareFunction",[546,904,905],{"class":657},"[] ",[546,907,908],{"class":653},"=",[546,910,911],{"class":657}," [\n",[546,913,915,918,921],{"class":548,"line":914},10,[546,916,917],{"class":835},"  evlog",[546,919,920],{"class":657},"()",[546,922,719],{"class":653},[546,924,926],{"class":548,"line":925},11,[546,927,928],{"class":657},"]\n",[546,930,932],{"class":548,"line":931},12,[546,933,680],{"emptyLinePlaceholder":679},[546,935,937,939,941,944,947,949],{"class":548,"line":936},13,[546,938,686],{"class":646},[546,940,689],{"class":646},[546,942,943],{"class":887}," function",[546,945,946],{"class":835}," Root",[546,948,920],{"class":653},[546,950,692],{"class":653},[546,952,954,957],{"class":548,"line":953},14,[546,955,956],{"class":646},"  return",[546,958,959],{"class":698}," (\n",[546,961,963,966,969,972,974,977,980,982],{"class":548,"line":962},15,[546,964,965],{"class":653},"    \u003C",[546,967,968],{"class":657},"html",[546,970,971],{"class":657}," lang",[546,973,908],{"class":653},[546,975,976],{"class":653},"\"",[546,978,979],{"class":555},"en",[546,981,976],{"class":653},[546,983,984],{"class":653},">\n",[546,986,988,991,994],{"class":548,"line":987},16,[546,989,990],{"class":698},"      \u003C",[546,992,993],{"class":552},"head",[546,995,984],{"class":698},[546,997,999,1002,1005],{"class":548,"line":998},17,[546,1000,1001],{"class":653},"        \u003C",[546,1003,1004],{"class":657},"Meta",[546,1006,1007],{"class":653}," \u002F>\n",[546,1009,1011,1013,1016],{"class":548,"line":1010},18,[546,1012,1001],{"class":653},[546,1014,1015],{"class":657},"Links",[546,1017,1007],{"class":653},[546,1019,1021,1024,1026],{"class":548,"line":1020},19,[546,1022,1023],{"class":653},"      \u003C\u002F",[546,1025,993],{"class":657},[546,1027,984],{"class":653},[546,1029,1031,1033,1036],{"class":548,"line":1030},20,[546,1032,990],{"class":698},[546,1034,1035],{"class":552},"body",[546,1037,984],{"class":698},[546,1039,1041,1043,1046],{"class":548,"line":1040},21,[546,1042,1001],{"class":653},[546,1044,1045],{"class":657},"Outlet",[546,1047,1007],{"class":653},[546,1049,1051,1053,1056],{"class":548,"line":1050},22,[546,1052,1001],{"class":653},[546,1054,1055],{"class":657},"ScrollRestoration",[546,1057,1007],{"class":653},[546,1059,1061,1063,1066],{"class":548,"line":1060},23,[546,1062,1001],{"class":653},[546,1064,1065],{"class":657},"Scripts",[546,1067,1007],{"class":653},[546,1069,1071,1073,1075],{"class":548,"line":1070},24,[546,1072,1023],{"class":653},[546,1074,1035],{"class":657},[546,1076,984],{"class":653},[546,1078,1080,1083,1085],{"class":548,"line":1079},25,[546,1081,1082],{"class":653},"    \u003C\u002F",[546,1084,968],{"class":657},[546,1086,984],{"class":653},[546,1088,1090],{"class":548,"line":1089},26,[546,1091,1092],{"class":698},"  )\n",[546,1094,1096],{"class":548,"line":1095},27,[546,1097,1098],{"class":653},"}\n",[528,1100,1102],{"id":1101},"_4-use-the-logger-in-loaders","4. Use the logger in loaders",[536,1104,1107],{"className":636,"code":1105,"filename":1106,"language":639,"meta":542,"style":542},"import { loggerContext } from 'evlog\u002Freact-router'\n\nexport async function loader({ context }: Route.LoaderArgs) {\n  const log = context.get(loggerContext)\n  log.set({ route: 'health' })\n  return { ok: true }\n}\n","app\u002Froutes\u002Fhealth.tsx",[417,1108,1109,1128,1132,1166,1191,1222,1238],{"__ignoreMap":542},[546,1110,1111,1113,1115,1118,1120,1122,1124,1126],{"class":548,"line":549},[546,1112,647],{"class":646},[546,1114,654],{"class":653},[546,1116,1117],{"class":657}," loggerContext",[546,1119,661],{"class":653},[546,1121,664],{"class":646},[546,1123,667],{"class":653},[546,1125,419],{"class":555},[546,1127,673],{"class":653},[546,1129,1130],{"class":548,"line":676},[546,1131,680],{"emptyLinePlaceholder":679},[546,1133,1134,1136,1139,1141,1144,1147,1151,1154,1156,1158,1161,1164],{"class":548,"line":683},[546,1135,686],{"class":646},[546,1137,1138],{"class":887}," async",[546,1140,943],{"class":887},[546,1142,1143],{"class":835}," loader",[546,1145,1146],{"class":653},"({",[546,1148,1150],{"class":1149},"sHdIc"," context",[546,1152,1153],{"class":653}," }:",[546,1155,896],{"class":552},[546,1157,899],{"class":653},[546,1159,1160],{"class":552},"LoaderArgs",[546,1162,1163],{"class":653},")",[546,1165,692],{"class":653},[546,1167,1168,1171,1174,1177,1179,1181,1184,1186,1189],{"class":548,"line":695},[546,1169,1170],{"class":887},"  const",[546,1172,1173],{"class":657}," log",[546,1175,1176],{"class":653}," =",[546,1178,1150],{"class":657},[546,1180,899],{"class":653},[546,1182,1183],{"class":835},"get",[546,1185,839],{"class":698},[546,1187,1188],{"class":657},"loggerContext",[546,1190,874],{"class":698},[546,1192,1193,1196,1198,1201,1203,1206,1209,1211,1213,1216,1218,1220],{"class":548,"line":707},[546,1194,1195],{"class":657},"  log",[546,1197,899],{"class":653},[546,1199,1200],{"class":835},"set",[546,1202,839],{"class":698},[546,1204,1205],{"class":653},"{",[546,1207,1208],{"class":698}," route",[546,1210,702],{"class":653},[546,1212,667],{"class":653},[546,1214,1215],{"class":555},"health",[546,1217,864],{"class":653},[546,1219,661],{"class":653},[546,1221,874],{"class":698},[546,1223,1224,1226,1228,1231,1233,1235],{"class":548,"line":722},[546,1225,956],{"class":646},[546,1227,654],{"class":653},[546,1229,1230],{"class":698}," ok",[546,1232,702],{"class":653},[546,1234,716],{"class":715},[546,1236,1237],{"class":653}," }\n",[546,1239,1240],{"class":548,"line":728},[546,1241,1098],{"class":653},[430,1243,1244,1247,1248,1251,1252,1255,1256,1259,1260,1263],{"color":432,"icon":195},[443,1245,1246],{},"Using Vite?"," The ",[417,1249,1250],{},"evlog\u002Fvite"," ",[435,1253,1254],{"href":193},"plugin"," replaces the ",[417,1257,1258],{},"initLogger()"," call with compile-time auto-initialization, strips ",[417,1261,1262],{},"log.debug()"," from production builds, and injects source locations.",[413,1265,415,1266,1268,1269,899],{},[417,1267,1188],{}," provides typed access to the evlog logger in any loader or action via ",[417,1270,423],{},[524,1272,51],{"id":1273},"wide-events",[413,1275,1276],{},"Build up context progressively through your loader. One request = one wide event:",[536,1278,1281],{"className":636,"code":1279,"filename":1280,"language":639,"meta":542,"style":542},"import { loggerContext } from 'evlog\u002Freact-router'\n\nexport async function loader({ params, context }: Route.LoaderArgs) {\n  const log = context.get(loggerContext)\n  const userId = params.id\n\n  log.set({ user: { id: userId } })\n\n  const user = await db.findUser(userId)\n  log.set({ user: { name: user.name, plan: user.plan } })\n\n  const orders = await db.findOrders(userId)\n  log.set({ orders: { count: orders.length, totalRevenue: sum(orders) } })\n\n  return { user, orders }\n}\n","app\u002Froutes\u002Fusers.$id.tsx",[417,1282,1283,1301,1305,1336,1356,1372,1376,1408,1412,1438,1488,1492,1516,1570,1574,1588],{"__ignoreMap":542},[546,1284,1285,1287,1289,1291,1293,1295,1297,1299],{"class":548,"line":549},[546,1286,647],{"class":646},[546,1288,654],{"class":653},[546,1290,1117],{"class":657},[546,1292,661],{"class":653},[546,1294,664],{"class":646},[546,1296,667],{"class":653},[546,1298,419],{"class":555},[546,1300,673],{"class":653},[546,1302,1303],{"class":548,"line":676},[546,1304,680],{"emptyLinePlaceholder":679},[546,1306,1307,1309,1311,1313,1315,1317,1320,1322,1324,1326,1328,1330,1332,1334],{"class":548,"line":683},[546,1308,686],{"class":646},[546,1310,1138],{"class":887},[546,1312,943],{"class":887},[546,1314,1143],{"class":835},[546,1316,1146],{"class":653},[546,1318,1319],{"class":1149}," params",[546,1321,759],{"class":653},[546,1323,1150],{"class":1149},[546,1325,1153],{"class":653},[546,1327,896],{"class":552},[546,1329,899],{"class":653},[546,1331,1160],{"class":552},[546,1333,1163],{"class":653},[546,1335,692],{"class":653},[546,1337,1338,1340,1342,1344,1346,1348,1350,1352,1354],{"class":548,"line":695},[546,1339,1170],{"class":887},[546,1341,1173],{"class":657},[546,1343,1176],{"class":653},[546,1345,1150],{"class":657},[546,1347,899],{"class":653},[546,1349,1183],{"class":835},[546,1351,839],{"class":698},[546,1353,1188],{"class":657},[546,1355,874],{"class":698},[546,1357,1358,1360,1363,1365,1367,1369],{"class":548,"line":707},[546,1359,1170],{"class":887},[546,1361,1362],{"class":657}," userId",[546,1364,1176],{"class":653},[546,1366,1319],{"class":657},[546,1368,899],{"class":653},[546,1370,1371],{"class":657},"id\n",[546,1373,1374],{"class":548,"line":722},[546,1375,680],{"emptyLinePlaceholder":679},[546,1377,1378,1380,1382,1384,1386,1388,1391,1393,1395,1398,1400,1402,1404,1406],{"class":548,"line":728},[546,1379,1195],{"class":657},[546,1381,899],{"class":653},[546,1383,1200],{"class":835},[546,1385,839],{"class":698},[546,1387,1205],{"class":653},[546,1389,1390],{"class":698}," user",[546,1392,702],{"class":653},[546,1394,654],{"class":653},[546,1396,1397],{"class":698}," id",[546,1399,702],{"class":653},[546,1401,1362],{"class":657},[546,1403,661],{"class":653},[546,1405,661],{"class":653},[546,1407,874],{"class":698},[546,1409,1410],{"class":548,"line":877},[546,1411,680],{"emptyLinePlaceholder":679},[546,1413,1414,1416,1418,1420,1423,1426,1428,1431,1433,1436],{"class":548,"line":882},[546,1415,1170],{"class":887},[546,1417,1390],{"class":657},[546,1419,1176],{"class":653},[546,1421,1422],{"class":646}," await",[546,1424,1425],{"class":657}," db",[546,1427,899],{"class":653},[546,1429,1430],{"class":835},"findUser",[546,1432,839],{"class":698},[546,1434,1435],{"class":657},"userId",[546,1437,874],{"class":698},[546,1439,1440,1442,1444,1446,1448,1450,1452,1454,1456,1459,1461,1463,1465,1468,1470,1473,1475,1477,1479,1482,1484,1486],{"class":548,"line":914},[546,1441,1195],{"class":657},[546,1443,899],{"class":653},[546,1445,1200],{"class":835},[546,1447,839],{"class":698},[546,1449,1205],{"class":653},[546,1451,1390],{"class":698},[546,1453,702],{"class":653},[546,1455,654],{"class":653},[546,1457,1458],{"class":698}," name",[546,1460,702],{"class":653},[546,1462,1390],{"class":657},[546,1464,899],{"class":653},[546,1466,1467],{"class":657},"name",[546,1469,759],{"class":653},[546,1471,1472],{"class":698}," plan",[546,1474,702],{"class":653},[546,1476,1390],{"class":657},[546,1478,899],{"class":653},[546,1480,1481],{"class":657},"plan",[546,1483,661],{"class":653},[546,1485,661],{"class":653},[546,1487,874],{"class":698},[546,1489,1490],{"class":548,"line":925},[546,1491,680],{"emptyLinePlaceholder":679},[546,1493,1494,1496,1499,1501,1503,1505,1507,1510,1512,1514],{"class":548,"line":931},[546,1495,1170],{"class":887},[546,1497,1498],{"class":657}," orders",[546,1500,1176],{"class":653},[546,1502,1422],{"class":646},[546,1504,1425],{"class":657},[546,1506,899],{"class":653},[546,1508,1509],{"class":835},"findOrders",[546,1511,839],{"class":698},[546,1513,1435],{"class":657},[546,1515,874],{"class":698},[546,1517,1518,1520,1522,1524,1526,1528,1530,1532,1534,1537,1539,1541,1543,1546,1548,1551,1553,1556,1558,1561,1564,1566,1568],{"class":548,"line":936},[546,1519,1195],{"class":657},[546,1521,899],{"class":653},[546,1523,1200],{"class":835},[546,1525,839],{"class":698},[546,1527,1205],{"class":653},[546,1529,1498],{"class":698},[546,1531,702],{"class":653},[546,1533,654],{"class":653},[546,1535,1536],{"class":698}," count",[546,1538,702],{"class":653},[546,1540,1498],{"class":657},[546,1542,899],{"class":653},[546,1544,1545],{"class":657},"length",[546,1547,759],{"class":653},[546,1549,1550],{"class":698}," totalRevenue",[546,1552,702],{"class":653},[546,1554,1555],{"class":835}," sum",[546,1557,839],{"class":698},[546,1559,1560],{"class":657},"orders",[546,1562,1563],{"class":698},") ",[546,1565,731],{"class":653},[546,1567,661],{"class":653},[546,1569,874],{"class":698},[546,1571,1572],{"class":548,"line":953},[546,1573,680],{"emptyLinePlaceholder":679},[546,1575,1576,1578,1580,1582,1584,1586],{"class":548,"line":962},[546,1577,956],{"class":646},[546,1579,654],{"class":653},[546,1581,1390],{"class":657},[546,1583,759],{"class":653},[546,1585,1498],{"class":657},[546,1587,1237],{"class":653},[546,1589,1590],{"class":548,"line":987},[546,1591,1098],{"class":653},[413,1593,1594],{},"All fields are merged into a single wide event emitted when the request completes:",[536,1596,1599],{"className":538,"code":1597,"filename":1598,"language":541,"meta":542,"style":542},"14:58:15 INFO [my-api] GET \u002Fusers\u002Fusr_123 200 in 12ms\n  ├─ orders: count=2 totalRevenue=6298\n  ├─ user: id=usr_123 name=Alice plan=pro\n  └─ requestId: 4a8ff3a8-...\n","Terminal output",[417,1600,1601,1612,1633,1649],{"__ignoreMap":542},[546,1602,1603,1606,1609],{"class":548,"line":549},[546,1604,1605],{"class":552},"14:58:15",[546,1607,1608],{"class":555}," INFO",[546,1610,1611],{"class":657}," [my-api] GET \u002Fusers\u002Fusr_123 200 in 12ms\n",[546,1613,1614,1617,1620,1623,1627,1630],{"class":548,"line":676},[546,1615,1616],{"class":552},"  ├─",[546,1618,1619],{"class":555}," orders:",[546,1621,1622],{"class":555}," count=",[546,1624,1626],{"class":1625},"sbssI","2",[546,1628,1629],{"class":555}," totalRevenue=",[546,1631,1632],{"class":1625},"6298\n",[546,1634,1635,1637,1640,1643,1646],{"class":548,"line":683},[546,1636,1616],{"class":552},[546,1638,1639],{"class":555}," user:",[546,1641,1642],{"class":555}," id=usr_123",[546,1644,1645],{"class":555}," name=Alice",[546,1647,1648],{"class":555}," plan=pro\n",[546,1650,1651,1654,1657],{"class":548,"line":695},[546,1652,1653],{"class":552},"  └─",[546,1655,1656],{"class":555}," requestId:",[546,1658,1659],{"class":555}," 4a8ff3a8-...\n",[524,1661,427],{"id":1662},"uselogger",[413,1664,1665],{},"Access the logger from any server-side function without passing context:",[536,1667,1670],{"className":636,"code":1668,"filename":1669,"language":639,"meta":542,"style":542},"import { useLogger } from 'evlog\u002Freact-router'\n\nexport async function findUser(userId: string) {\n  const log = useLogger()\n  log.set({ db: { query: 'findUser', userId } })\n  return await db.users.find(userId)\n}\n","app\u002Fservices\u002Fuser.server.ts",[417,1671,1672,1691,1695,1719,1732,1771,1795],{"__ignoreMap":542},[546,1673,1674,1676,1678,1681,1683,1685,1687,1689],{"class":548,"line":549},[546,1675,647],{"class":646},[546,1677,654],{"class":653},[546,1679,1680],{"class":657}," useLogger",[546,1682,661],{"class":653},[546,1684,664],{"class":646},[546,1686,667],{"class":653},[546,1688,419],{"class":555},[546,1690,673],{"class":653},[546,1692,1693],{"class":548,"line":676},[546,1694,680],{"emptyLinePlaceholder":679},[546,1696,1697,1699,1701,1703,1706,1708,1710,1712,1715,1717],{"class":548,"line":683},[546,1698,686],{"class":646},[546,1700,1138],{"class":887},[546,1702,943],{"class":887},[546,1704,1705],{"class":835}," findUser",[546,1707,839],{"class":653},[546,1709,1435],{"class":1149},[546,1711,702],{"class":653},[546,1713,1714],{"class":552}," string",[546,1716,1163],{"class":653},[546,1718,692],{"class":653},[546,1720,1721,1723,1725,1727,1729],{"class":548,"line":695},[546,1722,1170],{"class":887},[546,1724,1173],{"class":657},[546,1726,1176],{"class":653},[546,1728,1680],{"class":835},[546,1730,1731],{"class":698},"()\n",[546,1733,1734,1736,1738,1740,1742,1744,1746,1748,1750,1753,1755,1757,1759,1761,1763,1765,1767,1769],{"class":548,"line":707},[546,1735,1195],{"class":657},[546,1737,899],{"class":653},[546,1739,1200],{"class":835},[546,1741,839],{"class":698},[546,1743,1205],{"class":653},[546,1745,1425],{"class":698},[546,1747,702],{"class":653},[546,1749,654],{"class":653},[546,1751,1752],{"class":698}," query",[546,1754,702],{"class":653},[546,1756,667],{"class":653},[546,1758,1430],{"class":555},[546,1760,864],{"class":653},[546,1762,759],{"class":653},[546,1764,1362],{"class":657},[546,1766,661],{"class":653},[546,1768,661],{"class":653},[546,1770,874],{"class":698},[546,1772,1773,1775,1777,1779,1781,1784,1786,1789,1791,1793],{"class":548,"line":722},[546,1774,956],{"class":646},[546,1776,1422],{"class":646},[546,1778,1425],{"class":657},[546,1780,899],{"class":653},[546,1782,1783],{"class":657},"users",[546,1785,899],{"class":653},[546,1787,1788],{"class":835},"find",[546,1790,839],{"class":698},[546,1792,1435],{"class":657},[546,1794,874],{"class":698},[546,1796,1797],{"class":548,"line":728},[546,1798,1098],{"class":653},[413,1800,1801,1802,1804],{},"Then call the service from your loader: ",[417,1803,427],{}," returns the same logger instance:",[536,1806,1808],{"className":636,"code":1807,"filename":1280,"language":639,"meta":542,"style":542},"import { loggerContext } from 'evlog\u002Freact-router'\nimport { findUser } from '~\u002Fservices\u002Fuser.server'\n\nexport async function loader({ params, context }: Route.LoaderArgs) {\n  const log = context.get(loggerContext)\n  log.set({ user: { id: params.id } })\n\n  const user = await findUser(params.id!)\n  return { user }\n}\n",[417,1809,1810,1828,1847,1851,1881,1901,1936,1940,1966,1976],{"__ignoreMap":542},[546,1811,1812,1814,1816,1818,1820,1822,1824,1826],{"class":548,"line":549},[546,1813,647],{"class":646},[546,1815,654],{"class":653},[546,1817,1117],{"class":657},[546,1819,661],{"class":653},[546,1821,664],{"class":646},[546,1823,667],{"class":653},[546,1825,419],{"class":555},[546,1827,673],{"class":653},[546,1829,1830,1832,1834,1836,1838,1840,1842,1845],{"class":548,"line":676},[546,1831,647],{"class":646},[546,1833,654],{"class":653},[546,1835,1705],{"class":657},[546,1837,661],{"class":653},[546,1839,664],{"class":646},[546,1841,667],{"class":653},[546,1843,1844],{"class":555},"~\u002Fservices\u002Fuser.server",[546,1846,673],{"class":653},[546,1848,1849],{"class":548,"line":683},[546,1850,680],{"emptyLinePlaceholder":679},[546,1852,1853,1855,1857,1859,1861,1863,1865,1867,1869,1871,1873,1875,1877,1879],{"class":548,"line":695},[546,1854,686],{"class":646},[546,1856,1138],{"class":887},[546,1858,943],{"class":887},[546,1860,1143],{"class":835},[546,1862,1146],{"class":653},[546,1864,1319],{"class":1149},[546,1866,759],{"class":653},[546,1868,1150],{"class":1149},[546,1870,1153],{"class":653},[546,1872,896],{"class":552},[546,1874,899],{"class":653},[546,1876,1160],{"class":552},[546,1878,1163],{"class":653},[546,1880,692],{"class":653},[546,1882,1883,1885,1887,1889,1891,1893,1895,1897,1899],{"class":548,"line":707},[546,1884,1170],{"class":887},[546,1886,1173],{"class":657},[546,1888,1176],{"class":653},[546,1890,1150],{"class":657},[546,1892,899],{"class":653},[546,1894,1183],{"class":835},[546,1896,839],{"class":698},[546,1898,1188],{"class":657},[546,1900,874],{"class":698},[546,1902,1903,1905,1907,1909,1911,1913,1915,1917,1919,1921,1923,1925,1927,1930,1932,1934],{"class":548,"line":722},[546,1904,1195],{"class":657},[546,1906,899],{"class":653},[546,1908,1200],{"class":835},[546,1910,839],{"class":698},[546,1912,1205],{"class":653},[546,1914,1390],{"class":698},[546,1916,702],{"class":653},[546,1918,654],{"class":653},[546,1920,1397],{"class":698},[546,1922,702],{"class":653},[546,1924,1319],{"class":657},[546,1926,899],{"class":653},[546,1928,1929],{"class":657},"id",[546,1931,661],{"class":653},[546,1933,661],{"class":653},[546,1935,874],{"class":698},[546,1937,1938],{"class":548,"line":728},[546,1939,680],{"emptyLinePlaceholder":679},[546,1941,1942,1944,1946,1948,1950,1952,1954,1957,1959,1961,1964],{"class":548,"line":877},[546,1943,1170],{"class":887},[546,1945,1390],{"class":657},[546,1947,1176],{"class":653},[546,1949,1422],{"class":646},[546,1951,1705],{"class":835},[546,1953,839],{"class":698},[546,1955,1956],{"class":657},"params",[546,1958,899],{"class":653},[546,1960,1929],{"class":657},[546,1962,1963],{"class":653},"!",[546,1965,874],{"class":698},[546,1967,1968,1970,1972,1974],{"class":548,"line":882},[546,1969,956],{"class":646},[546,1971,654],{"class":653},[546,1973,1390],{"class":657},[546,1975,1237],{"class":653},[546,1977,1978],{"class":548,"line":914},[546,1979,1098],{"class":653},[524,1981,1983,1984,1163],{"id":1982},"background-work-logfork","Background work (",[417,1985,1986],{},"log.fork",[413,1988,1989,1990,1992,1993,1996,1997,899],{},"The logger from ",[417,1991,1188],{}," supports ",[417,1994,1995],{},"fork"," for child wide events. See ",[435,1998,2000],{"href":1999},"\u002Flogging\u002Fwide-events#after-emit-sealing-and-background-work","Wide events — After emit",[536,2002,2005],{"className":636,"code":2003,"filename":2004,"language":639,"meta":542,"style":542},"import { loggerContext } from 'evlog\u002Freact-router'\nimport { useLogger } from 'evlog\u002Freact-router'\nimport type { Route } from '.\u002F+types\u002Forders'\n\nexport async function action({ context }: Route.ActionArgs) {\n  const log = context.get(loggerContext)\n  log.fork!('background', async () => {\n    const child = useLogger()\n    child.set({ step: 'complete' })\n  })\n  return { ok: true }\n}\n","app\u002Froutes\u002Forders.tsx",[417,2006,2007,2025,2043,2064,2068,2096,2116,2147,2161,2190,2197,2211],{"__ignoreMap":542},[546,2008,2009,2011,2013,2015,2017,2019,2021,2023],{"class":548,"line":549},[546,2010,647],{"class":646},[546,2012,654],{"class":653},[546,2014,1117],{"class":657},[546,2016,661],{"class":653},[546,2018,664],{"class":646},[546,2020,667],{"class":653},[546,2022,419],{"class":555},[546,2024,673],{"class":653},[546,2026,2027,2029,2031,2033,2035,2037,2039,2041],{"class":548,"line":676},[546,2028,647],{"class":646},[546,2030,654],{"class":653},[546,2032,1680],{"class":657},[546,2034,661],{"class":653},[546,2036,664],{"class":646},[546,2038,667],{"class":653},[546,2040,419],{"class":555},[546,2042,673],{"class":653},[546,2044,2045,2047,2049,2051,2053,2055,2057,2059,2062],{"class":548,"line":683},[546,2046,647],{"class":646},[546,2048,650],{"class":646},[546,2050,654],{"class":653},[546,2052,896],{"class":657},[546,2054,661],{"class":653},[546,2056,664],{"class":646},[546,2058,667],{"class":653},[546,2060,2061],{"class":555},".\u002F+types\u002Forders",[546,2063,673],{"class":653},[546,2065,2066],{"class":548,"line":695},[546,2067,680],{"emptyLinePlaceholder":679},[546,2069,2070,2072,2074,2076,2079,2081,2083,2085,2087,2089,2092,2094],{"class":548,"line":707},[546,2071,686],{"class":646},[546,2073,1138],{"class":887},[546,2075,943],{"class":887},[546,2077,2078],{"class":835}," action",[546,2080,1146],{"class":653},[546,2082,1150],{"class":1149},[546,2084,1153],{"class":653},[546,2086,896],{"class":552},[546,2088,899],{"class":653},[546,2090,2091],{"class":552},"ActionArgs",[546,2093,1163],{"class":653},[546,2095,692],{"class":653},[546,2097,2098,2100,2102,2104,2106,2108,2110,2112,2114],{"class":548,"line":722},[546,2099,1170],{"class":887},[546,2101,1173],{"class":657},[546,2103,1176],{"class":653},[546,2105,1150],{"class":657},[546,2107,899],{"class":653},[546,2109,1183],{"class":835},[546,2111,839],{"class":698},[546,2113,1188],{"class":657},[546,2115,874],{"class":698},[546,2117,2118,2120,2122,2124,2126,2128,2130,2133,2135,2137,2139,2142,2145],{"class":548,"line":728},[546,2119,1195],{"class":657},[546,2121,899],{"class":653},[546,2123,1995],{"class":835},[546,2125,1963],{"class":653},[546,2127,839],{"class":698},[546,2129,864],{"class":653},[546,2131,2132],{"class":555},"background",[546,2134,864],{"class":653},[546,2136,759],{"class":653},[546,2138,1138],{"class":887},[546,2140,2141],{"class":653}," ()",[546,2143,2144],{"class":887}," =>",[546,2146,692],{"class":653},[546,2148,2149,2152,2155,2157,2159],{"class":548,"line":877},[546,2150,2151],{"class":887},"    const",[546,2153,2154],{"class":657}," child",[546,2156,1176],{"class":653},[546,2158,1680],{"class":835},[546,2160,1731],{"class":698},[546,2162,2163,2166,2168,2170,2172,2174,2177,2179,2181,2184,2186,2188],{"class":548,"line":882},[546,2164,2165],{"class":657},"    child",[546,2167,899],{"class":653},[546,2169,1200],{"class":835},[546,2171,839],{"class":698},[546,2173,1205],{"class":653},[546,2175,2176],{"class":698}," step",[546,2178,702],{"class":653},[546,2180,667],{"class":653},[546,2182,2183],{"class":555},"complete",[546,2185,864],{"class":653},[546,2187,661],{"class":653},[546,2189,874],{"class":698},[546,2191,2192,2195],{"class":548,"line":914},[546,2193,2194],{"class":653},"  }",[546,2196,874],{"class":698},[546,2198,2199,2201,2203,2205,2207,2209],{"class":548,"line":925},[546,2200,956],{"class":646},[546,2202,654],{"class":653},[546,2204,1230],{"class":698},[546,2206,702],{"class":653},[546,2208,716],{"class":715},[546,2210,1237],{"class":653},[546,2212,2213],{"class":548,"line":931},[546,2214,1098],{"class":653},[524,2216,2218],{"id":2217},"error-handling","Error Handling",[413,2220,2221,2222,2225,2226,446,2229,450,2232,2235],{},"Use ",[417,2223,2224],{},"createError"," for structured errors with ",[417,2227,2228],{},"why",[417,2230,2231],{},"fix",[417,2233,2234],{},"link"," fields:",[536,2237,2240],{"className":636,"code":2238,"filename":2239,"language":639,"meta":542,"style":542},"import { loggerContext } from 'evlog\u002Freact-router'\nimport { createError } from 'evlog'\n\nexport async function loader({ context }: Route.LoaderArgs) {\n  const log = context.get(loggerContext)\n  log.set({ cart: { items: 3, total: 9999 } })\n\n  throw createError({\n    message: 'Payment failed',\n    status: 402,\n    why: 'Card declined by issuer',\n    fix: 'Try a different payment method',\n    link: 'https:\u002F\u002Fdocs.example.com\u002Fpayments\u002Fdeclined',\n  })\n}\n","app\u002Froutes\u002Fcheckout.tsx",[417,2241,2242,2260,2279,2283,2309,2329,2372,2376,2387,2403,2415,2431,2447,2463,2469],{"__ignoreMap":542},[546,2243,2244,2246,2248,2250,2252,2254,2256,2258],{"class":548,"line":549},[546,2245,647],{"class":646},[546,2247,654],{"class":653},[546,2249,1117],{"class":657},[546,2251,661],{"class":653},[546,2253,664],{"class":646},[546,2255,667],{"class":653},[546,2257,419],{"class":555},[546,2259,673],{"class":653},[546,2261,2262,2264,2266,2269,2271,2273,2275,2277],{"class":548,"line":676},[546,2263,647],{"class":646},[546,2265,654],{"class":653},[546,2267,2268],{"class":657}," createError",[546,2270,661],{"class":653},[546,2272,664],{"class":646},[546,2274,667],{"class":653},[546,2276,806],{"class":555},[546,2278,673],{"class":653},[546,2280,2281],{"class":548,"line":683},[546,2282,680],{"emptyLinePlaceholder":679},[546,2284,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307],{"class":548,"line":695},[546,2286,686],{"class":646},[546,2288,1138],{"class":887},[546,2290,943],{"class":887},[546,2292,1143],{"class":835},[546,2294,1146],{"class":653},[546,2296,1150],{"class":1149},[546,2298,1153],{"class":653},[546,2300,896],{"class":552},[546,2302,899],{"class":653},[546,2304,1160],{"class":552},[546,2306,1163],{"class":653},[546,2308,692],{"class":653},[546,2310,2311,2313,2315,2317,2319,2321,2323,2325,2327],{"class":548,"line":707},[546,2312,1170],{"class":887},[546,2314,1173],{"class":657},[546,2316,1176],{"class":653},[546,2318,1150],{"class":657},[546,2320,899],{"class":653},[546,2322,1183],{"class":835},[546,2324,839],{"class":698},[546,2326,1188],{"class":657},[546,2328,874],{"class":698},[546,2330,2331,2333,2335,2337,2339,2341,2344,2346,2348,2351,2353,2356,2358,2361,2363,2366,2368,2370],{"class":548,"line":722},[546,2332,1195],{"class":657},[546,2334,899],{"class":653},[546,2336,1200],{"class":835},[546,2338,839],{"class":698},[546,2340,1205],{"class":653},[546,2342,2343],{"class":698}," cart",[546,2345,702],{"class":653},[546,2347,654],{"class":653},[546,2349,2350],{"class":698}," items",[546,2352,702],{"class":653},[546,2354,2355],{"class":1625}," 3",[546,2357,759],{"class":653},[546,2359,2360],{"class":698}," total",[546,2362,702],{"class":653},[546,2364,2365],{"class":1625}," 9999",[546,2367,661],{"class":653},[546,2369,661],{"class":653},[546,2371,874],{"class":698},[546,2373,2374],{"class":548,"line":728},[546,2375,680],{"emptyLinePlaceholder":679},[546,2377,2378,2381,2383,2385],{"class":548,"line":877},[546,2379,2380],{"class":646},"  throw",[546,2382,2268],{"class":835},[546,2384,839],{"class":698},[546,2386,842],{"class":653},[546,2388,2389,2392,2394,2396,2399,2401],{"class":548,"line":882},[546,2390,2391],{"class":698},"    message",[546,2393,702],{"class":653},[546,2395,667],{"class":653},[546,2397,2398],{"class":555},"Payment failed",[546,2400,864],{"class":653},[546,2402,719],{"class":653},[546,2404,2405,2408,2410,2413],{"class":548,"line":914},[546,2406,2407],{"class":698},"    status",[546,2409,702],{"class":653},[546,2411,2412],{"class":1625}," 402",[546,2414,719],{"class":653},[546,2416,2417,2420,2422,2424,2427,2429],{"class":548,"line":925},[546,2418,2419],{"class":698},"    why",[546,2421,702],{"class":653},[546,2423,667],{"class":653},[546,2425,2426],{"class":555},"Card declined by issuer",[546,2428,864],{"class":653},[546,2430,719],{"class":653},[546,2432,2433,2436,2438,2440,2443,2445],{"class":548,"line":931},[546,2434,2435],{"class":698},"    fix",[546,2437,702],{"class":653},[546,2439,667],{"class":653},[546,2441,2442],{"class":555},"Try a different payment method",[546,2444,864],{"class":653},[546,2446,719],{"class":653},[546,2448,2449,2452,2454,2456,2459,2461],{"class":548,"line":936},[546,2450,2451],{"class":698},"    link",[546,2453,702],{"class":653},[546,2455,667],{"class":653},[546,2457,2458],{"class":555},"https:\u002F\u002Fdocs.example.com\u002Fpayments\u002Fdeclined",[546,2460,864],{"class":653},[546,2462,719],{"class":653},[546,2464,2465,2467],{"class":548,"line":953},[546,2466,2194],{"class":653},[546,2468,874],{"class":698},[546,2470,2471],{"class":548,"line":962},[546,2472,1098],{"class":653},[413,2474,2475],{},"The error is captured and logged with both the custom context and structured error fields:",[536,2477,2479],{"className":538,"code":2478,"filename":1598,"language":541,"meta":542,"style":542},"14:58:20 ERROR [my-api] GET \u002Fcheckout 402 in 3ms\n  ├─ error: name=EvlogError message=Payment failed status=402\n  ├─ cart: items=3 total=9999\n  └─ requestId: 880a50ac-...\n",[417,2480,2481,2492,2514,2533],{"__ignoreMap":542},[546,2482,2483,2486,2489],{"class":548,"line":549},[546,2484,2485],{"class":552},"14:58:20",[546,2487,2488],{"class":555}," ERROR",[546,2490,2491],{"class":657}," [my-api] GET \u002Fcheckout 402 in 3ms\n",[546,2493,2494,2496,2499,2502,2505,2508,2511],{"class":548,"line":676},[546,2495,1616],{"class":552},[546,2497,2498],{"class":555}," error:",[546,2500,2501],{"class":555}," name=EvlogError",[546,2503,2504],{"class":555}," message=Payment",[546,2506,2507],{"class":555}," failed",[546,2509,2510],{"class":555}," status=",[546,2512,2513],{"class":1625},"402\n",[546,2515,2516,2518,2521,2524,2527,2530],{"class":548,"line":683},[546,2517,1616],{"class":552},[546,2519,2520],{"class":555}," cart:",[546,2522,2523],{"class":555}," items=",[546,2525,2526],{"class":1625},"3",[546,2528,2529],{"class":555}," total=",[546,2531,2532],{"class":1625},"9999\n",[546,2534,2535,2537,2539],{"class":548,"line":695},[546,2536,1653],{"class":552},[546,2538,1656],{"class":555},[546,2540,2541],{"class":555}," 880a50ac-...\n",[524,2543,170],{"id":2544},"configuration",[413,2546,2547,2548,2551,2552,2554],{},"See the ",[435,2549,2550],{"href":171},"Configuration reference"," for all available options (",[417,2553,836],{},", middleware options, sampling, silent mode, etc.).",[524,2556,2558],{"id":2557},"drain-enrichers","Drain & Enrichers",[413,2560,2561],{},"Configure drain adapters and enrichers directly in the middleware options:",[536,2563,2565],{"className":636,"code":2564,"filename":745,"language":639,"meta":542,"style":542},"import { createAxiomDrain } from 'evlog\u002Faxiom'\nimport { createUserAgentEnricher } from 'evlog\u002Fenrichers'\n\nconst userAgent = createUserAgentEnricher()\n\nexport const middleware: Route.MiddlewareFunction[] = [\n  evlog({\n    drain: createAxiomDrain(),\n    enrich: (ctx) => {\n      userAgent(ctx)\n      ctx.event.region = process.env.FLY_REGION\n    },\n  }),\n]\n",[417,2566,2567,2587,2607,2611,2625,2629,2651,2659,2672,2691,2702,2732,2737,2745],{"__ignoreMap":542},[546,2568,2569,2571,2573,2576,2578,2580,2582,2585],{"class":548,"line":549},[546,2570,647],{"class":646},[546,2572,654],{"class":653},[546,2574,2575],{"class":657}," createAxiomDrain",[546,2577,661],{"class":653},[546,2579,664],{"class":646},[546,2581,667],{"class":653},[546,2583,2584],{"class":555},"evlog\u002Faxiom",[546,2586,673],{"class":653},[546,2588,2589,2591,2593,2596,2598,2600,2602,2605],{"class":548,"line":676},[546,2590,647],{"class":646},[546,2592,654],{"class":653},[546,2594,2595],{"class":657}," createUserAgentEnricher",[546,2597,661],{"class":653},[546,2599,664],{"class":646},[546,2601,667],{"class":653},[546,2603,2604],{"class":555},"evlog\u002Fenrichers",[546,2606,673],{"class":653},[546,2608,2609],{"class":548,"line":683},[546,2610,680],{"emptyLinePlaceholder":679},[546,2612,2613,2616,2619,2621,2623],{"class":548,"line":695},[546,2614,2615],{"class":887},"const",[546,2617,2618],{"class":657}," userAgent ",[546,2620,908],{"class":653},[546,2622,2595],{"class":835},[546,2624,1731],{"class":657},[546,2626,2627],{"class":548,"line":707},[546,2628,680],{"emptyLinePlaceholder":679},[546,2630,2631,2633,2635,2637,2639,2641,2643,2645,2647,2649],{"class":548,"line":722},[546,2632,686],{"class":646},[546,2634,888],{"class":887},[546,2636,891],{"class":657},[546,2638,702],{"class":653},[546,2640,896],{"class":552},[546,2642,899],{"class":653},[546,2644,902],{"class":552},[546,2646,905],{"class":657},[546,2648,908],{"class":653},[546,2650,911],{"class":657},[546,2652,2653,2655,2657],{"class":548,"line":728},[546,2654,917],{"class":835},[546,2656,839],{"class":657},[546,2658,842],{"class":653},[546,2660,2661,2664,2666,2668,2670],{"class":548,"line":877},[546,2662,2663],{"class":698},"    drain",[546,2665,702],{"class":653},[546,2667,2575],{"class":835},[546,2669,920],{"class":657},[546,2671,719],{"class":653},[546,2673,2674,2677,2679,2682,2685,2687,2689],{"class":548,"line":882},[546,2675,2676],{"class":835},"    enrich",[546,2678,702],{"class":653},[546,2680,2681],{"class":653}," (",[546,2683,2684],{"class":1149},"ctx",[546,2686,1163],{"class":653},[546,2688,2144],{"class":887},[546,2690,692],{"class":653},[546,2692,2693,2696,2698,2700],{"class":548,"line":914},[546,2694,2695],{"class":835},"      userAgent",[546,2697,839],{"class":698},[546,2699,2684],{"class":657},[546,2701,874],{"class":698},[546,2703,2704,2707,2709,2712,2714,2717,2719,2722,2724,2727,2729],{"class":548,"line":925},[546,2705,2706],{"class":657},"      ctx",[546,2708,899],{"class":653},[546,2710,2711],{"class":657},"event",[546,2713,899],{"class":653},[546,2715,2716],{"class":657},"region",[546,2718,1176],{"class":653},[546,2720,2721],{"class":657}," process",[546,2723,899],{"class":653},[546,2725,2726],{"class":657},"env",[546,2728,899],{"class":653},[546,2730,2731],{"class":657},"FLY_REGION\n",[546,2733,2734],{"class":548,"line":931},[546,2735,2736],{"class":653},"    },\n",[546,2738,2739,2741,2743],{"class":548,"line":936},[546,2740,2194],{"class":653},[546,2742,1163],{"class":657},[546,2744,719],{"class":653},[546,2746,2747],{"class":548,"line":953},[546,2748,928],{"class":657},[528,2750,2752],{"id":2751},"pipeline-batching-retry","Pipeline (Batching & Retry)",[413,2754,2755,2756,2759],{},"For production, wrap your adapter with ",[417,2757,2758],{},"createDrainPipeline"," to batch events and retry on failure:",[536,2761,2763],{"className":636,"code":2762,"filename":745,"language":639,"meta":542,"style":542},"import type { DrainContext } from 'evlog'\nimport { createAxiomDrain } from 'evlog\u002Faxiom'\nimport { createDrainPipeline } from 'evlog\u002Fpipeline'\n\nconst pipeline = createDrainPipeline\u003CDrainContext>({\n  batch: { size: 50, intervalMs: 5000 },\n  retry: { maxAttempts: 3 },\n})\nconst drain = pipeline(createAxiomDrain())\n\nexport const middleware: Route.MiddlewareFunction[] = [\n  evlog({ drain }),\n]\n",[417,2764,2765,2786,2804,2824,2828,2852,2881,2899,2905,2925,2929,2951,2967],{"__ignoreMap":542},[546,2766,2767,2769,2771,2773,2776,2778,2780,2782,2784],{"class":548,"line":549},[546,2768,647],{"class":646},[546,2770,650],{"class":646},[546,2772,654],{"class":653},[546,2774,2775],{"class":657}," DrainContext",[546,2777,661],{"class":653},[546,2779,664],{"class":646},[546,2781,667],{"class":653},[546,2783,806],{"class":555},[546,2785,673],{"class":653},[546,2787,2788,2790,2792,2794,2796,2798,2800,2802],{"class":548,"line":676},[546,2789,647],{"class":646},[546,2791,654],{"class":653},[546,2793,2575],{"class":657},[546,2795,661],{"class":653},[546,2797,664],{"class":646},[546,2799,667],{"class":653},[546,2801,2584],{"class":555},[546,2803,673],{"class":653},[546,2805,2806,2808,2810,2813,2815,2817,2819,2822],{"class":548,"line":683},[546,2807,647],{"class":646},[546,2809,654],{"class":653},[546,2811,2812],{"class":657}," createDrainPipeline",[546,2814,661],{"class":653},[546,2816,664],{"class":646},[546,2818,667],{"class":653},[546,2820,2821],{"class":555},"evlog\u002Fpipeline",[546,2823,673],{"class":653},[546,2825,2826],{"class":548,"line":695},[546,2827,680],{"emptyLinePlaceholder":679},[546,2829,2830,2832,2835,2837,2839,2842,2845,2848,2850],{"class":548,"line":707},[546,2831,2615],{"class":887},[546,2833,2834],{"class":657}," pipeline ",[546,2836,908],{"class":653},[546,2838,2812],{"class":835},[546,2840,2841],{"class":653},"\u003C",[546,2843,2844],{"class":552},"DrainContext",[546,2846,2847],{"class":653},">",[546,2849,839],{"class":657},[546,2851,842],{"class":653},[546,2853,2854,2857,2859,2861,2864,2866,2869,2871,2874,2876,2879],{"class":548,"line":722},[546,2855,2856],{"class":698},"  batch",[546,2858,702],{"class":653},[546,2860,654],{"class":653},[546,2862,2863],{"class":698}," size",[546,2865,702],{"class":653},[546,2867,2868],{"class":1625}," 50",[546,2870,759],{"class":653},[546,2872,2873],{"class":698}," intervalMs",[546,2875,702],{"class":653},[546,2877,2878],{"class":1625}," 5000",[546,2880,867],{"class":653},[546,2882,2883,2886,2888,2890,2893,2895,2897],{"class":548,"line":728},[546,2884,2885],{"class":698},"  retry",[546,2887,702],{"class":653},[546,2889,654],{"class":653},[546,2891,2892],{"class":698}," maxAttempts",[546,2894,702],{"class":653},[546,2896,2355],{"class":1625},[546,2898,867],{"class":653},[546,2900,2901,2903],{"class":548,"line":877},[546,2902,731],{"class":653},[546,2904,874],{"class":657},[546,2906,2907,2909,2912,2914,2917,2919,2922],{"class":548,"line":882},[546,2908,2615],{"class":887},[546,2910,2911],{"class":657}," drain ",[546,2913,908],{"class":653},[546,2915,2916],{"class":835}," pipeline",[546,2918,839],{"class":657},[546,2920,2921],{"class":835},"createAxiomDrain",[546,2923,2924],{"class":657},"())\n",[546,2926,2927],{"class":548,"line":914},[546,2928,680],{"emptyLinePlaceholder":679},[546,2930,2931,2933,2935,2937,2939,2941,2943,2945,2947,2949],{"class":548,"line":925},[546,2932,686],{"class":646},[546,2934,888],{"class":887},[546,2936,891],{"class":657},[546,2938,702],{"class":653},[546,2940,896],{"class":552},[546,2942,899],{"class":653},[546,2944,902],{"class":552},[546,2946,905],{"class":657},[546,2948,908],{"class":653},[546,2950,911],{"class":657},[546,2952,2953,2955,2957,2959,2961,2963,2965],{"class":548,"line":931},[546,2954,917],{"class":835},[546,2956,839],{"class":657},[546,2958,1205],{"class":653},[546,2960,2911],{"class":657},[546,2962,731],{"class":653},[546,2964,1163],{"class":657},[546,2966,719],{"class":653},[546,2968,2969],{"class":548,"line":936},[546,2970,928],{"class":657},[430,2972,2973,2974,2977,2978,2981],{"color":432,"icon":13},"Call ",[417,2975,2976],{},"drain.flush()"," on server shutdown to ensure all buffered events are sent. See the ",[435,2979,2980],{"href":374},"Pipeline docs"," for all options.",[524,2983,2985],{"id":2984},"tail-sampling","Tail Sampling",[413,2987,2221,2988,2991],{},[417,2989,2990],{},"keep"," to force-retain specific events regardless of head sampling:",[536,2993,2995],{"className":636,"code":2994,"filename":745,"language":639,"meta":542,"style":542},"export const middleware: Route.MiddlewareFunction[] = [\n  evlog({\n    drain: createAxiomDrain(),\n    keep: (ctx) => {\n      if (ctx.duration && ctx.duration > 2000) ctx.shouldKeep = true\n    },\n  }),\n]\n",[417,2996,2997,3019,3027,3039,3056,3100,3104,3112],{"__ignoreMap":542},[546,2998,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017],{"class":548,"line":549},[546,3000,686],{"class":646},[546,3002,888],{"class":887},[546,3004,891],{"class":657},[546,3006,702],{"class":653},[546,3008,896],{"class":552},[546,3010,899],{"class":653},[546,3012,902],{"class":552},[546,3014,905],{"class":657},[546,3016,908],{"class":653},[546,3018,911],{"class":657},[546,3020,3021,3023,3025],{"class":548,"line":676},[546,3022,917],{"class":835},[546,3024,839],{"class":657},[546,3026,842],{"class":653},[546,3028,3029,3031,3033,3035,3037],{"class":548,"line":683},[546,3030,2663],{"class":698},[546,3032,702],{"class":653},[546,3034,2575],{"class":835},[546,3036,920],{"class":657},[546,3038,719],{"class":653},[546,3040,3041,3044,3046,3048,3050,3052,3054],{"class":548,"line":695},[546,3042,3043],{"class":835},"    keep",[546,3045,702],{"class":653},[546,3047,2681],{"class":653},[546,3049,2684],{"class":1149},[546,3051,1163],{"class":653},[546,3053,2144],{"class":887},[546,3055,692],{"class":653},[546,3057,3058,3061,3063,3065,3067,3070,3073,3076,3078,3080,3083,3086,3088,3090,3092,3095,3097],{"class":548,"line":707},[546,3059,3060],{"class":646},"      if",[546,3062,2681],{"class":698},[546,3064,2684],{"class":657},[546,3066,899],{"class":653},[546,3068,3069],{"class":657},"duration",[546,3071,3072],{"class":653}," &&",[546,3074,3075],{"class":657}," ctx",[546,3077,899],{"class":653},[546,3079,3069],{"class":657},[546,3081,3082],{"class":653}," >",[546,3084,3085],{"class":1625}," 2000",[546,3087,1563],{"class":698},[546,3089,2684],{"class":657},[546,3091,899],{"class":653},[546,3093,3094],{"class":657},"shouldKeep",[546,3096,1176],{"class":653},[546,3098,3099],{"class":715}," true\n",[546,3101,3102],{"class":548,"line":722},[546,3103,2736],{"class":653},[546,3105,3106,3108,3110],{"class":548,"line":728},[546,3107,2194],{"class":653},[546,3109,1163],{"class":657},[546,3111,719],{"class":653},[546,3113,3114],{"class":548,"line":877},[546,3115,928],{"class":657},[524,3117,3119],{"id":3118},"route-filtering","Route Filtering",[413,3121,3122,3123,460,3126,3129],{},"Control which routes are logged with ",[417,3124,3125],{},"include",[417,3127,3128],{},"exclude"," patterns:",[536,3131,3133],{"className":636,"code":3132,"filename":745,"language":639,"meta":542,"style":542},"export const middleware: Route.MiddlewareFunction[] = [\n  evlog({\n    include: ['\u002Fapi\u002F**'],\n    exclude: ['\u002F_internal\u002F**', '\u002Fhealth'],\n    routes: {\n      '\u002Fapi\u002Fauth\u002F**': { service: 'auth-service' },\n      '\u002Fapi\u002Fpayment\u002F**': { service: 'payment-service' },\n    },\n  }),\n]\n",[417,3134,3135,3157,3165,3187,3216,3225,3252,3278,3282,3290],{"__ignoreMap":542},[546,3136,3137,3139,3141,3143,3145,3147,3149,3151,3153,3155],{"class":548,"line":549},[546,3138,686],{"class":646},[546,3140,888],{"class":887},[546,3142,891],{"class":657},[546,3144,702],{"class":653},[546,3146,896],{"class":552},[546,3148,899],{"class":653},[546,3150,902],{"class":552},[546,3152,905],{"class":657},[546,3154,908],{"class":653},[546,3156,911],{"class":657},[546,3158,3159,3161,3163],{"class":548,"line":676},[546,3160,917],{"class":835},[546,3162,839],{"class":657},[546,3164,842],{"class":653},[546,3166,3167,3170,3172,3175,3177,3180,3182,3185],{"class":548,"line":683},[546,3168,3169],{"class":698},"    include",[546,3171,702],{"class":653},[546,3173,3174],{"class":657}," [",[546,3176,864],{"class":653},[546,3178,3179],{"class":555},"\u002Fapi\u002F**",[546,3181,864],{"class":653},[546,3183,3184],{"class":657},"]",[546,3186,719],{"class":653},[546,3188,3189,3192,3194,3196,3198,3201,3203,3205,3207,3210,3212,3214],{"class":548,"line":695},[546,3190,3191],{"class":698},"    exclude",[546,3193,702],{"class":653},[546,3195,3174],{"class":657},[546,3197,864],{"class":653},[546,3199,3200],{"class":555},"\u002F_internal\u002F**",[546,3202,864],{"class":653},[546,3204,759],{"class":653},[546,3206,667],{"class":653},[546,3208,3209],{"class":555},"\u002Fhealth",[546,3211,864],{"class":653},[546,3213,3184],{"class":657},[546,3215,719],{"class":653},[546,3217,3218,3221,3223],{"class":548,"line":707},[546,3219,3220],{"class":698},"    routes",[546,3222,702],{"class":653},[546,3224,692],{"class":653},[546,3226,3227,3230,3233,3235,3237,3239,3241,3243,3245,3248,3250],{"class":548,"line":722},[546,3228,3229],{"class":653},"      '",[546,3231,3232],{"class":698},"\u002Fapi\u002Fauth\u002F**",[546,3234,864],{"class":653},[546,3236,702],{"class":653},[546,3238,654],{"class":653},[546,3240,854],{"class":698},[546,3242,702],{"class":653},[546,3244,667],{"class":653},[546,3246,3247],{"class":555},"auth-service",[546,3249,864],{"class":653},[546,3251,867],{"class":653},[546,3253,3254,3256,3259,3261,3263,3265,3267,3269,3271,3274,3276],{"class":548,"line":728},[546,3255,3229],{"class":653},[546,3257,3258],{"class":698},"\u002Fapi\u002Fpayment\u002F**",[546,3260,864],{"class":653},[546,3262,702],{"class":653},[546,3264,654],{"class":653},[546,3266,854],{"class":698},[546,3268,702],{"class":653},[546,3270,667],{"class":653},[546,3272,3273],{"class":555},"payment-service",[546,3275,864],{"class":653},[546,3277,867],{"class":653},[546,3279,3280],{"class":548,"line":877},[546,3281,2736],{"class":653},[546,3283,3284,3286,3288],{"class":548,"line":882},[546,3285,2194],{"class":653},[546,3287,1163],{"class":657},[546,3289,719],{"class":653},[546,3291,3292],{"class":548,"line":914},[546,3293,928],{"class":657},[524,3295,3297],{"id":3296},"run-locally","Run Locally",[536,3299,3302],{"className":538,"code":3300,"filename":3301,"language":541,"meta":542,"style":542},"git clone https:\u002F\u002Fgithub.com\u002Fhugorcd\u002Fevlog.git\ncd evlog\npnpm install\npnpm run example:react-router\n","Terminal",[417,3303,3304,3315,3323,3330],{"__ignoreMap":542},[546,3305,3306,3309,3312],{"class":548,"line":549},[546,3307,3308],{"class":552},"git",[546,3310,3311],{"class":555}," clone",[546,3313,3314],{"class":555}," https:\u002F\u002Fgithub.com\u002Fhugorcd\u002Fevlog.git\n",[546,3316,3317,3320],{"class":548,"line":676},[546,3318,3319],{"class":835},"cd",[546,3321,3322],{"class":555}," evlog\n",[546,3324,3325,3327],{"class":548,"line":683},[546,3326,540],{"class":552},[546,3328,3329],{"class":555}," install\n",[546,3331,3332,3334,3337],{"class":548,"line":695},[546,3333,540],{"class":552},[546,3335,3336],{"class":555}," run",[546,3338,3339],{"class":555}," example:react-router\n",[413,3341,3342,3343,3347],{},"Open ",[435,3344,3345],{"href":3345,"rel":3346},"http:\u002F\u002Flocalhost:5173",[439]," to explore the interactive test UI.",[3349,3350,3351],"card-group",{},[3352,3353,3357],"card",{"icon":3354,"title":3355,"to":3356},"i-simple-icons-github","Source Code","https:\u002F\u002Fgithub.com\u002Fhugorcd\u002Fevlog\u002Ftree\u002Fmain\u002Fexamples\u002Freact-router","Browse the complete React Router example source on GitHub.",[524,3359,3361],{"id":3360},"next-steps","Next Steps",[481,3363,3364,3369,3374,3379],{},[484,3365,3366,3368],{},[435,3367,51],{"href":52},": Design comprehensive events with context layering",[484,3370,3371,3373],{},[435,3372,305],{"href":310},": Send logs to Axiom, Sentry, PostHog, and more",[484,3375,3376,3378],{},[435,3377,175],{"href":176},": Control log volume with head and tail sampling",[484,3380,3381,3383,3384,446,3386,450,3388,3390],{},[435,3382,56],{"href":57},": Throw errors with ",[417,3385,2228],{},[417,3387,2231],{},[417,3389,2234],{}," fields",[3392,3393,3394],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":542,"searchDepth":676,"depth":676,"links":3396},[3397,3403,3404,3405,3407,3408,3409,3412,3413,3414,3415],{"id":526,"depth":676,"text":20,"children":3398},[3399,3400,3401,3402],{"id":530,"depth":683,"text":531},{"id":632,"depth":683,"text":633},{"id":740,"depth":683,"text":741},{"id":1101,"depth":683,"text":1102},{"id":1273,"depth":676,"text":51},{"id":1662,"depth":676,"text":427},{"id":1982,"depth":676,"text":3406},"Background work (log.fork)",{"id":2217,"depth":676,"text":2218},{"id":2544,"depth":676,"text":170},{"id":2557,"depth":676,"text":2558,"children":3410},[3411],{"id":2751,"depth":683,"text":2752},{"id":2984,"depth":676,"text":2985},{"id":3118,"depth":676,"text":3119},{"id":3296,"depth":676,"text":3297},{"id":3360,"depth":676,"text":3361},"Automatic wide events, structured errors, drain adapters, enrichers, and tail sampling in React Router applications.","md",[3419],{"label":3355,"icon":3354,"to":3356,"color":3420,"variant":3421},"neutral","subtle",{},{"title":261,"icon":264},{"title":261,"description":3416},"7UQlH_-KKQGp6fA-PAc5GvIvvJpoBmUA0kf3qukHIVg",[3427,3429],{"title":256,"path":257,"stem":258,"description":3428,"icon":259,"children":-1},"Automatic wide events, structured errors, drain adapters, enrichers, and tail sampling in Elysia applications.",{"title":266,"path":267,"stem":268,"description":3430,"icon":269,"children":-1},"Wide events, structured errors, and logging in Cloudflare Workers and Durable Objects.",1778327132752]