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