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