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