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