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