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