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