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