[{"data":1,"prerenderedAt":4351},["ShallowReactive",2],{"navigation_docs":3,"-extend-consumer-recipes":515,"-extend-consumer-recipes-surround":4346},[4,30,80,123,298,430,485],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Start","\u002Fstart","1.start",[9,14,19,24],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fstart\u002Fintroduction","1.start\u002F1.introduction","i-lucide-info",{"title":15,"path":16,"stem":17,"icon":18},"Why start with evlog","\u002Fstart\u002Fwhy-evlog","1.start\u002F2.why-evlog","i-lucide-rocket",{"title":20,"path":21,"stem":22,"icon":23},"Installation","\u002Fstart\u002Finstallation","1.start\u002F3.installation","i-lucide-download",{"title":25,"path":26,"stem":27,"icon":28},"Quick Start","\u002Fstart\u002Fquick-start","1.start\u002F4.quick-start","i-lucide-zap",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Learn","\u002Flearn","2.learn",[35,40,45,50,55,60,65,70,75],{"title":36,"path":37,"stem":38,"icon":39},"Overview","\u002Flearn\u002Foverview","2.learn\u002F0.overview","i-lucide-list",{"title":41,"path":42,"stem":43,"icon":44},"Simple Logging","\u002Flearn\u002Fsimple-logging","2.learn\u002F1.simple-logging","i-lucide-terminal",{"title":46,"path":47,"stem":48,"icon":49},"Wide Events","\u002Flearn\u002Fwide-events","2.learn\u002F2.wide-events","i-lucide-layers",{"title":51,"path":52,"stem":53,"icon":54},"Structured Errors","\u002Flearn\u002Fstructured-errors","2.learn\u002F3.structured-errors","i-lucide-shield-alert",{"title":56,"path":57,"stem":58,"icon":59},"Lifecycle","\u002Flearn\u002Flifecycle","2.learn\u002F4.lifecycle","i-lucide-arrow-right-left",{"title":61,"path":62,"stem":63,"icon":64},"Sampling","\u002Flearn\u002Fsampling","2.learn\u002F5.sampling","i-lucide-filter",{"title":66,"path":67,"stem":68,"icon":69},"Auto-Redaction","\u002Flearn\u002Fredaction","2.learn\u002F6.redaction","i-lucide-eye-off",{"title":71,"path":72,"stem":73,"icon":74},"Typed Fields","\u002Flearn\u002Ftyped-fields","2.learn\u002F7.typed-fields","i-simple-icons-typescript",{"title":76,"path":77,"stem":78,"icon":79},"Catalogs","\u002Flearn\u002Fcatalogs","2.learn\u002F8.catalogs","i-lucide-book-open",{"title":81,"path":82,"stem":83,"children":84,"page":29},"CLI","\u002Fcli","3.cli",[85,88,93,98,103,108,113,118],{"title":36,"path":86,"stem":87,"icon":44},"\u002Fcli\u002Foverview","3.cli\u002F0.overview",{"title":89,"path":90,"stem":91,"icon":92},"init","\u002Fcli\u002Finit","3.cli\u002F1.init","i-lucide-wand-sparkles",{"title":94,"path":95,"stem":96,"icon":97},"map","\u002Fcli\u002Fmap","3.cli\u002F2.map","i-lucide-radar",{"title":99,"path":100,"stem":101,"icon":102},"Rules","\u002Fcli\u002Frules","3.cli\u002F3.rules","i-lucide-list-checks",{"title":104,"path":105,"stem":106,"icon":107},"Scoring","\u002Fcli\u002Fscoring","3.cli\u002F4.scoring","i-lucide-gauge",{"title":109,"path":110,"stem":111,"icon":112},"CI","\u002Fcli\u002Fci","3.cli\u002F5.ci","i-lucide-git-pull-request",{"title":114,"path":115,"stem":116,"icon":117},"doctor","\u002Fcli\u002Fdoctor","3.cli\u002F6.doctor","i-lucide-stethoscope",{"title":119,"path":120,"stem":121,"icon":122},"telemetry","\u002Fcli\u002Ftelemetry","3.cli\u002F7.telemetry","i-lucide-bar-chart-3",{"title":124,"path":125,"stem":126,"children":127,"page":29},"Integrate","\u002Fintegrate","4.integrate",[128,132,210],{"title":36,"path":129,"stem":130,"icon":131},"\u002Fintegrate\u002Foverview","4.integrate\u002F0.overview","i-lucide-plug",{"title":133,"path":134,"stem":135,"children":136,"page":29},"Adapters","\u002Fintegrate\u002Fadapters","4.integrate\u002Fadapters",[137,140,180,190],{"title":36,"path":138,"stem":139,"icon":39},"\u002Fintegrate\u002Fadapters\u002Foverview","4.integrate\u002Fadapters\u002F01.overview",{"title":141,"path":142,"stem":143,"children":144,"page":29},"Cloud","\u002Fintegrate\u002Fadapters\u002Fcloud","4.integrate\u002Fadapters\u002Fcloud",[145,150,155,160,165,170,175],{"title":146,"path":147,"stem":148,"icon":149},"Axiom","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Faxiom","4.integrate\u002Fadapters\u002Fcloud\u002F01.axiom","i-custom-axiom",{"title":151,"path":152,"stem":153,"icon":154},"OTLP","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fotlp","4.integrate\u002Fadapters\u002Fcloud\u002F02.otlp","i-simple-icons-opentelemetry",{"title":156,"path":157,"stem":158,"icon":159},"PostHog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fposthog","4.integrate\u002Fadapters\u002Fcloud\u002F03.posthog","i-simple-icons-posthog",{"title":161,"path":162,"stem":163,"icon":164},"Sentry","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fsentry","4.integrate\u002Fadapters\u002Fcloud\u002F04.sentry","i-simple-icons-sentry",{"title":166,"path":167,"stem":168,"icon":169},"Better Stack","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fbetter-stack","4.integrate\u002Fadapters\u002Fcloud\u002F05.better-stack","i-simple-icons-betterstack",{"title":171,"path":172,"stem":173,"icon":174},"Datadog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fdatadog","4.integrate\u002Fadapters\u002Fcloud\u002F06.datadog","i-simple-icons-datadog",{"title":176,"path":177,"stem":178,"icon":179},"HyperDX","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fhyperdx","4.integrate\u002Fadapters\u002Fcloud\u002F07.hyperdx","i-custom-hyperdx",{"title":181,"path":182,"stem":183,"children":184,"page":29},"Cloud or Self-Hosted","\u002Fintegrate\u002Fadapters\u002Fhybrid","4.integrate\u002Fadapters\u002Fhybrid",[185],{"title":186,"path":187,"stem":188,"icon":189},"Grafana Loki","\u002Fintegrate\u002Fadapters\u002Fhybrid\u002Floki","4.integrate\u002Fadapters\u002Fhybrid\u002F01.loki","i-simple-icons-grafana",{"title":191,"path":192,"stem":193,"children":194,"page":29},"Self-Hosted","\u002Fintegrate\u002Fadapters\u002Fself-hosted","4.integrate\u002Fadapters\u002Fself-hosted",[195,200,205],{"title":196,"path":197,"stem":198,"icon":199},"File System","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Ffs","4.integrate\u002Fadapters\u002Fself-hosted\u002F01.fs","i-lucide-hard-drive",{"title":201,"path":202,"stem":203,"icon":204},"NuxtHub","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Fnuxthub","4.integrate\u002Fadapters\u002Fself-hosted\u002F02.nuxthub","i-simple-icons-nuxt",{"title":206,"path":207,"stem":208,"icon":209},"Memory","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Fmemory","4.integrate\u002Fadapters\u002Fself-hosted\u002F03.memory","i-lucide-cpu",{"title":211,"path":212,"stem":213,"children":214,"page":29},"Frameworks","\u002Fintegrate\u002Fframeworks","4.integrate\u002Fframeworks",[215,219,224,229,234,239,244,249,254,259,264,269,274,279,283,288,293],{"title":36,"path":216,"stem":217,"icon":218},"\u002Fintegrate\u002Fframeworks\u002Foverview","4.integrate\u002Fframeworks\u002F00.overview","i-lucide-layout-grid",{"title":220,"path":221,"stem":222,"icon":223},"Nuxt","\u002Fintegrate\u002Fframeworks\u002Fnuxt","4.integrate\u002Fframeworks\u002F01.nuxt","i-simple-icons-nuxtdotjs",{"title":225,"path":226,"stem":227,"icon":228},"Next.js","\u002Fintegrate\u002Fframeworks\u002Fnextjs","4.integrate\u002Fframeworks\u002F02.nextjs","i-simple-icons-nextdotjs",{"title":230,"path":231,"stem":232,"icon":233},"SvelteKit","\u002Fintegrate\u002Fframeworks\u002Fsveltekit","4.integrate\u002Fframeworks\u002F03.sveltekit","i-simple-icons-svelte",{"title":235,"path":236,"stem":237,"icon":238},"Nitro","\u002Fintegrate\u002Fframeworks\u002Fnitro","4.integrate\u002Fframeworks\u002F04.nitro","i-custom-nitro",{"title":240,"path":241,"stem":242,"icon":243},"TanStack Start","\u002Fintegrate\u002Fframeworks\u002Ftanstack-start","4.integrate\u002Fframeworks\u002F05.tanstack-start","i-custom-tanstack",{"title":245,"path":246,"stem":247,"icon":248},"NestJS","\u002Fintegrate\u002Fframeworks\u002Fnestjs","4.integrate\u002Fframeworks\u002F06.nestjs","i-simple-icons-nestjs",{"title":250,"path":251,"stem":252,"icon":253},"Express","\u002Fintegrate\u002Fframeworks\u002Fexpress","4.integrate\u002Fframeworks\u002F07.express","i-simple-icons-express",{"title":255,"path":256,"stem":257,"icon":258},"Hono","\u002Fintegrate\u002Fframeworks\u002Fhono","4.integrate\u002Fframeworks\u002F08.hono","i-simple-icons-hono",{"title":260,"path":261,"stem":262,"icon":263},"Fastify","\u002Fintegrate\u002Fframeworks\u002Ffastify","4.integrate\u002Fframeworks\u002F09.fastify","i-simple-icons-fastify",{"title":265,"path":266,"stem":267,"icon":268},"Elysia","\u002Fintegrate\u002Fframeworks\u002Felysia","4.integrate\u002Fframeworks\u002F10.elysia","i-custom-elysia",{"title":270,"path":271,"stem":272,"icon":273},"React Router","\u002Fintegrate\u002Fframeworks\u002Freact-router","4.integrate\u002Fframeworks\u002F11.react-router","i-custom-reactrouter",{"title":275,"path":276,"stem":277,"icon":278},"Cloudflare Workers","\u002Fintegrate\u002Fframeworks\u002Fcloudflare-workers","4.integrate\u002Fframeworks\u002F12.cloudflare-workers","i-simple-icons-cloudflare",{"title":280,"path":281,"stem":282,"icon":74},"Standalone","\u002Fintegrate\u002Fframeworks\u002Fstandalone","4.integrate\u002Fframeworks\u002F13.standalone",{"title":284,"path":285,"stem":286,"icon":287},"Astro","\u002Fintegrate\u002Fframeworks\u002Fastro","4.integrate\u002Fframeworks\u002F14.astro","i-simple-icons-astro",{"title":289,"path":290,"stem":291,"icon":292},"oRPC","\u002Fintegrate\u002Fframeworks\u002Forpc","4.integrate\u002Fframeworks\u002F15.orpc","i-lucide-network",{"title":294,"path":295,"stem":296,"icon":297},"AWS Lambda","\u002Fintegrate\u002Fframeworks\u002Faws-lambda","4.integrate\u002Fframeworks\u002F16.aws-lambda","i-custom-lambda",{"title":299,"path":300,"stem":301,"children":302,"page":29},"Use Cases","\u002Fuse-cases","5.use-cases",[303,306,311,340,367,399,420,425],{"title":36,"path":304,"stem":305,"icon":102},"\u002Fuse-cases\u002Foverview","5.use-cases\u002F0.overview",{"title":307,"path":308,"stem":309,"icon":310},"Client Logging","\u002Fuse-cases\u002Fclient-logging","5.use-cases\u002F1.client-logging","i-lucide-monitor",{"title":312,"icon":313,"path":314,"stem":315,"children":316,"page":29},"AI SDK","i-simple-icons-vercel","\u002Fuse-cases\u002Fai-sdk","5.use-cases\u002F2.ai-sdk",[317,320,325,330,335],{"title":36,"path":318,"stem":319,"icon":39},"\u002Fuse-cases\u002Fai-sdk\u002Foverview","5.use-cases\u002F2.ai-sdk\u002F01.overview",{"title":321,"path":322,"stem":323,"icon":324},"Usage","\u002Fuse-cases\u002Fai-sdk\u002Fusage","5.use-cases\u002F2.ai-sdk\u002F02.usage","i-lucide-code",{"title":326,"path":327,"stem":328,"icon":329},"Options","\u002Fuse-cases\u002Fai-sdk\u002Foptions","5.use-cases\u002F2.ai-sdk\u002F03.options","i-lucide-sliders",{"title":331,"path":332,"stem":333,"icon":334},"Metadata","\u002Fuse-cases\u002Fai-sdk\u002Fmetadata","5.use-cases\u002F2.ai-sdk\u002F04.metadata","i-lucide-database",{"title":336,"path":337,"stem":338,"icon":339},"Telemetry","\u002Fuse-cases\u002Fai-sdk\u002Ftelemetry","5.use-cases\u002F2.ai-sdk\u002F05.telemetry","i-lucide-activity",{"title":341,"icon":342,"path":343,"stem":344,"children":345,"page":29},"Better Auth","i-simple-icons-betterauth","\u002Fuse-cases\u002Fbetter-auth","5.use-cases\u002F3.better-auth",[346,349,354,359,363],{"title":36,"path":347,"stem":348,"icon":39},"\u002Fuse-cases\u002Fbetter-auth\u002Foverview","5.use-cases\u002F3.better-auth\u002F01.overview",{"title":350,"path":351,"stem":352,"icon":353},"Identify User","\u002Fuse-cases\u002Fbetter-auth\u002Fidentify-user","5.use-cases\u002F3.better-auth\u002F02.identify-user","i-lucide-user-check",{"title":355,"path":356,"stem":357,"icon":358},"Middleware","\u002Fuse-cases\u002Fbetter-auth\u002Fmiddleware","5.use-cases\u002F3.better-auth\u002F03.middleware","i-lucide-shield",{"title":360,"path":361,"stem":362,"icon":310},"Client Sync","\u002Fuse-cases\u002Fbetter-auth\u002Fclient-sync","5.use-cases\u002F3.better-auth\u002F04.client-sync",{"title":364,"path":365,"stem":366,"icon":107},"Performance","\u002Fuse-cases\u002Fbetter-auth\u002Fperformance","5.use-cases\u002F3.better-auth\u002F05.performance",{"title":368,"icon":369,"path":370,"stem":371,"children":372,"page":29},"Audit Logs","i-lucide-shield-check","\u002Fuse-cases\u002Faudit","5.use-cases\u002F4.audit",[373,376,381,386,391,395],{"title":36,"path":374,"stem":375,"icon":39},"\u002Fuse-cases\u002Faudit\u002Foverview","5.use-cases\u002F4.audit\u002F01.overview",{"title":377,"path":378,"stem":379,"icon":380},"Schema","\u002Fuse-cases\u002Faudit\u002Fschema","5.use-cases\u002F4.audit\u002F02.schema","i-lucide-file-text",{"title":382,"path":383,"stem":384,"icon":385},"Recording","\u002Fuse-cases\u002Faudit\u002Frecording","5.use-cases\u002F4.audit\u002F03.recording","i-lucide-pen-line",{"title":387,"path":388,"stem":389,"icon":390},"Drains","\u002Fuse-cases\u002Faudit\u002Fpipeline","5.use-cases\u002F4.audit\u002F04.pipeline","i-lucide-link",{"title":392,"path":393,"stem":394,"icon":369},"Compliance","\u002Fuse-cases\u002Faudit\u002Fcompliance","5.use-cases\u002F4.audit\u002F05.compliance",{"title":396,"path":397,"stem":398,"icon":79},"Recipes","\u002Fuse-cases\u002Faudit\u002Frecipes","5.use-cases\u002F4.audit\u002F06.recipes",{"title":336,"icon":107,"path":400,"stem":401,"children":402,"page":29},"\u002Fuse-cases\u002Ftelemetry","5.use-cases\u002F4.telemetry",[403,406,411,416],{"title":36,"path":404,"stem":405,"icon":39},"\u002Fuse-cases\u002Ftelemetry\u002Foverview","5.use-cases\u002F4.telemetry\u002F01.overview",{"title":407,"path":408,"stem":409,"icon":410},"Setup","\u002Fuse-cases\u002Ftelemetry\u002Fsetup","5.use-cases\u002F4.telemetry\u002F02.setup","i-lucide-wrench",{"title":412,"path":413,"stem":414,"icon":415},"Ingest","\u002Fuse-cases\u002Ftelemetry\u002Fingest","5.use-cases\u002F4.telemetry\u002F03.ingest","i-lucide-server",{"title":417,"path":418,"stem":419,"icon":79},"Reference","\u002Fuse-cases\u002Ftelemetry\u002Freference","5.use-cases\u002F4.telemetry\u002F04.reference",{"title":421,"path":422,"stem":423,"icon":424},"Enrichers","\u002Fuse-cases\u002Fenrichers","5.use-cases\u002F5.enrichers","i-lucide-sparkles",{"title":426,"path":427,"stem":428,"icon":429},"eve","\u002Fuse-cases\u002Feve","5.use-cases\u002F5.eve","i-custom-eve",{"title":431,"path":432,"stem":433,"children":434,"page":29},"Extend","\u002Fextend","6.extend",[435,439,444,449,454,458,462,466,470,475,480],{"title":36,"path":436,"stem":437,"icon":438},"\u002Fextend\u002Foverview","6.extend\u002F0.overview","i-lucide-blocks",{"title":440,"path":441,"stem":442,"icon":443},"Stream","\u002Fextend\u002Fstream","6.extend\u002F1.stream","i-lucide-radio-tower",{"title":445,"path":446,"stem":447,"icon":448},"Custom framework","\u002Fextend\u002Fcustom-framework","6.extend\u002F10.custom-framework","i-lucide-puzzle",{"title":450,"path":451,"stem":452,"icon":453},"FS reader","\u002Fextend\u002Ffs-reader","6.extend\u002F2.fs-reader","i-lucide-folder-search",{"title":396,"path":455,"stem":456,"icon":457},"\u002Fextend\u002Fconsumer-recipes","6.extend\u002F3.consumer-recipes","i-lucide-chef-hat",{"title":459,"path":460,"stem":461,"icon":438},"Plugins","\u002Fextend\u002Fplugins","6.extend\u002F4.plugins",{"title":463,"path":464,"stem":465,"icon":424},"Custom enrichers","\u002Fextend\u002Fcustom-enrichers","6.extend\u002F5.custom-enrichers",{"title":467,"path":468,"stem":469,"icon":64},"Tail sampling","\u002Fextend\u002Ftail-sampling","6.extend\u002F6.tail-sampling",{"title":471,"path":472,"stem":473,"icon":474},"Identity headers","\u002Fextend\u002Fidentity-headers","6.extend\u002F7.identity-headers","i-lucide-fingerprint",{"title":476,"path":477,"stem":478,"icon":479},"Custom drains","\u002Fextend\u002Fcustom-drains","6.extend\u002F8.custom-drains","i-lucide-share-2",{"title":481,"path":482,"stem":483,"icon":484},"Drain pipeline","\u002Fextend\u002Fdrain-pipeline","6.extend\u002F9.drain-pipeline","i-lucide-workflow",{"title":417,"path":486,"stem":487,"children":488,"page":29},"\u002Freference","7.reference",[489,494,497,502,506,511],{"title":490,"path":491,"stem":492,"icon":493},"Configuration","\u002Freference\u002Fconfiguration","7.reference\u002F1.configuration","i-lucide-settings",{"title":364,"path":495,"stem":496,"icon":107},"\u002Freference\u002Fperformance","7.reference\u002F2.performance",{"title":498,"path":499,"stem":500,"icon":501},"Vite Plugin","\u002Freference\u002Fvite-plugin","7.reference\u002F3.vite-plugin","i-custom-vite",{"title":503,"path":504,"stem":505,"icon":369},"Best Practices","\u002Freference\u002Fbest-practices","7.reference\u002F4.best-practices",{"title":507,"path":508,"stem":509,"icon":510},"vs Other Loggers","\u002Freference\u002Fvs-other-loggers","7.reference\u002F5.vs-other-loggers","i-lucide-scale",{"title":512,"path":513,"stem":514,"icon":424},"Agent Skills","\u002Freference\u002Fagent-skills","7.reference\u002F6.agent-skills",{"id":516,"title":396,"body":517,"description":4339,"extension":4340,"links":4341,"meta":4342,"navigation":4343,"path":455,"seo":4344,"stem":456,"__hash__":4345},"docs\u002F6.extend\u002F3.consumer-recipes.md",{"type":518,"value":519,"toc":4326},"minimark",[520,533,608,613,634,639,1641,1648,1652,2262,2266,2632,2640,2644,2649,2703,2706,2810,2823,2827,2830,3250,3259,3263,3269,3767,3771,3774,4130,4134,4137,4296,4299,4303,4323],[521,522,523,524,528,529,532],"p",{},"Real-world patterns that combine the ",[525,526,527],"a",{"href":441},"in-process bus and stream server"," with the ",[525,530,531],{"href":451},"filesystem reader",".",[534,535,538,541,600],"prompt",{":actions":536,"description":537,"icon":457},"[\"copy\",\"cursor\",\"claude\"]","Build a custom evlog devtool \u002F dashboard",[521,539,540],{},"Bootstrap a local devtool or dashboard that consumes evlog wide events.",[542,543,544,557,568,587,594,597],"ul",{},[545,546,547,548,552,553,556],"li",{},"Pick the source: live (stream server over SSE) or history (",[549,550,551],"code",{},"readFsLogs"," from ",[549,554,555],{},".evlog\u002Flogs",") or both (replay then live tail)",[545,558,559,560,563,564,567],{},"For SSE: discover the URL via ",[549,561,562],{},".evlog\u002Fstream.url"," or ",[549,565,566],{},"GET \u002Fapi\u002F_evlog\u002Fstream-info",", never hard-code the port",[545,569,570,571,574,575,578,579,582,583,586],{},"Open an ",[549,572,573],{},"EventSource"," and decode messages as ",[549,576,577],{},"{ evlog: '1', type, data }"," envelopes (",[549,580,581],{},"type"," is ",[549,584,585],{},"hello | event | replay | ping",")",[545,588,589,590,593],{},"For browser tabs running on a different origin from the dev server, configure CORS via the stream server ",[549,591,592],{},"cors"," option and forward credentials carefully",[545,595,596],{},"Aggregate on the consumer side (counts, latency histograms, error groups) — keep the server simple",[545,598,599],{},"Skip on serverless platforms — the stream is in-process",[521,601,602,603],{},"Docs: ",[525,604,605],{"href":605,"rel":606},"https:\u002F\u002Fwww.evlog.dev\u002Fextend\u002Fconsumer-recipes",[607],"nofollow",[609,610,612],"h2",{"id":611},"_1-build-a-minimal-devtool","1. Build a minimal devtool",[521,614,615,616,618,619,621,622,625,626,628,629,633],{},"A live event panel is essentially ",[549,617,573],{}," + a list. The full wire format and discovery rules — ",[549,620,562],{},", ",[549,623,624],{},"\u002Fapi\u002F_evlog\u002Fstream-info",", the ",[549,627,577],{}," envelope, and auth — are documented on the ",[525,630,632],{"href":631},"\u002Fextend\u002Fstream#wire-format","stream page",". Each recipe below assumes you've grabbed the URL via either of those mechanisms.",[635,636,638],"h3",{"id":637},"vanilla-html-js-drop-into-any-page","Vanilla HTML + JS (drop into any page)",[640,641,642],"code-collapse",{},[643,644,649],"pre",{"className":645,"code":646,"language":647,"meta":648,"style":648},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!doctype html>\n\u003Chtml>\n\u003Chead>\n \u003Cmeta charset=\"utf-8\">\n \u003Ctitle>evlog mini devtool\u003C\u002Ftitle>\n \u003Cstyle>\n body { font: 13px ui-sans-serif, system-ui; margin: 0; padding: 0; }\n table { width: 100%; border-collapse: collapse; }\n td, th { padding: 6px 10px; border-bottom: 1px solid #eee; text-align: left; }\n .lvl-error { color: #ef4444 }\n .lvl-warn { color: #f59e0b }\n .lvl-info { color: #3b82f6 }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Ctable id=\"t\">\n \u003Cthead>\u003Ctr>\u003Cth>time\u003C\u002Fth>\u003Cth>level\u003C\u002Fth>\u003Cth>service\u003C\u002Fth>\u003Cth>action\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n \u003Ctbody>\u003C\u002Ftbody>\n \u003C\u002Ftable>\n\n \u003Cscript>\n \u002F\u002F Replace with the URL printed at startup, or fetch it from \u002Fapi\u002F_evlog\u002Fstream-info\n const STREAM_URL = 'http:\u002F\u002F127.0.0.1:51203'\n const tbody = document.querySelector('#t tbody')\n const es = new EventSource(STREAM_URL)\n\n es.onmessage = (e) => {\n const env = JSON.parse(e.data)\n if (env.evlog !== '1') return\n if (env.type !== 'event' && env.type !== 'replay') return\n\n const w = env.data\n const tr = document.createElement('tr')\n tr.innerHTML = `\n \u003Ctd>${new Date(w.timestamp).toLocaleTimeString()}\u003C\u002Ftd>\n \u003Ctd class=\"lvl-${w.level}\">${w.level}\u003C\u002Ftd>\n \u003Ctd>${w.service ?? ''}\u003C\u002Ftd>\n \u003Ctd>${w.action ?? w.message ?? w.path ?? ''}\u003C\u002Ftd>\n `\n tbody.prepend(tr)\n while (tbody.children.length > 200) tbody.lastElementChild.remove()\n }\n \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[549,650,651,671,681,691,717,739,749,804,834,890,915,937,958,968,977,987,1009,1088,1102,1111,1118,1128,1135,1155,1188,1207,1212,1241,1271,1304,1348,1353,1370,1397,1413,1450,1482,1504,1542,1548,1565,1608,1614,1623,1632],{"__ignoreMap":648},[652,653,656,660,664,668],"span",{"class":654,"line":655},"line",1,[652,657,659],{"class":658},"sMK4o","\u003C!",[652,661,663],{"class":662},"swJcz","doctype",[652,665,667],{"class":666},"spNyl"," html",[652,669,670],{"class":658},">\n",[652,672,674,677,679],{"class":654,"line":673},2,[652,675,676],{"class":658},"\u003C",[652,678,647],{"class":662},[652,680,670],{"class":658},[652,682,684,686,689],{"class":654,"line":683},3,[652,685,676],{"class":658},[652,687,688],{"class":662},"head",[652,690,670],{"class":658},[652,692,694,697,700,703,706,709,713,715],{"class":654,"line":693},4,[652,695,696],{"class":658}," \u003C",[652,698,699],{"class":662},"meta",[652,701,702],{"class":666}," charset",[652,704,705],{"class":658},"=",[652,707,708],{"class":658},"\"",[652,710,712],{"class":711},"sfazB","utf-8",[652,714,708],{"class":658},[652,716,670],{"class":658},[652,718,720,722,725,728,732,735,737],{"class":654,"line":719},5,[652,721,696],{"class":658},[652,723,724],{"class":662},"title",[652,726,727],{"class":658},">",[652,729,731],{"class":730},"sTEyZ","evlog mini devtool",[652,733,734],{"class":658},"\u003C\u002F",[652,736,724],{"class":662},[652,738,670],{"class":658},[652,740,742,744,747],{"class":654,"line":741},6,[652,743,696],{"class":658},[652,745,746],{"class":662},"style",[652,748,670],{"class":658},[652,750,752,756,759,763,766,770,773,776,779,782,785,787,790,792,795,797,799,801],{"class":654,"line":751},7,[652,753,755],{"class":754},"sBMFI"," body",[652,757,758],{"class":658}," {",[652,760,762],{"class":761},"sqsOY"," font",[652,764,765],{"class":658},":",[652,767,769],{"class":768},"sbssI"," 13px",[652,771,772],{"class":730}," ui-sans-serif",[652,774,775],{"class":658},",",[652,777,778],{"class":730}," system-ui",[652,780,781],{"class":658},";",[652,783,784],{"class":761}," margin",[652,786,765],{"class":658},[652,788,789],{"class":768}," 0",[652,791,781],{"class":658},[652,793,794],{"class":761}," padding",[652,796,765],{"class":658},[652,798,789],{"class":768},[652,800,781],{"class":658},[652,802,803],{"class":658}," }\n",[652,805,807,810,812,815,817,820,822,825,827,830,832],{"class":654,"line":806},8,[652,808,809],{"class":754}," table",[652,811,758],{"class":658},[652,813,814],{"class":761}," width",[652,816,765],{"class":658},[652,818,819],{"class":768}," 100%",[652,821,781],{"class":658},[652,823,824],{"class":761}," border-collapse",[652,826,765],{"class":658},[652,828,829],{"class":730}," collapse",[652,831,781],{"class":658},[652,833,803],{"class":658},[652,835,837,840,842,845,847,849,851,854,857,859,862,864,867,870,873,876,878,881,883,886,888],{"class":654,"line":836},9,[652,838,839],{"class":754}," td",[652,841,775],{"class":658},[652,843,844],{"class":754}," th",[652,846,758],{"class":658},[652,848,794],{"class":761},[652,850,765],{"class":658},[652,852,853],{"class":768}," 6px",[652,855,856],{"class":768}," 10px",[652,858,781],{"class":658},[652,860,861],{"class":761}," border-bottom",[652,863,765],{"class":658},[652,865,866],{"class":768}," 1px",[652,868,869],{"class":730}," solid ",[652,871,872],{"class":658},"#",[652,874,875],{"class":730},"eee",[652,877,781],{"class":658},[652,879,880],{"class":761}," text-align",[652,882,765],{"class":658},[652,884,885],{"class":730}," left",[652,887,781],{"class":658},[652,889,803],{"class":658},[652,891,893,896,899,901,904,906,909,912],{"class":654,"line":892},10,[652,894,895],{"class":658}," .",[652,897,898],{"class":754},"lvl-error",[652,900,758],{"class":658},[652,902,903],{"class":761}," color",[652,905,765],{"class":658},[652,907,908],{"class":658}," #",[652,910,911],{"class":730},"ef4444 ",[652,913,914],{"class":658},"}\n",[652,916,918,920,923,926,928,930,932,935],{"class":654,"line":917},11,[652,919,895],{"class":658},[652,921,922],{"class":754},"lvl-warn",[652,924,925],{"class":658}," {",[652,927,903],{"class":761},[652,929,765],{"class":658},[652,931,908],{"class":658},[652,933,934],{"class":730},"f59e0b ",[652,936,914],{"class":658},[652,938,940,942,945,947,949,951,953,956],{"class":654,"line":939},12,[652,941,895],{"class":658},[652,943,944],{"class":754},"lvl-info",[652,946,925],{"class":658},[652,948,903],{"class":761},[652,950,765],{"class":658},[652,952,908],{"class":658},[652,954,955],{"class":730},"3b82f6 ",[652,957,914],{"class":658},[652,959,961,964,966],{"class":654,"line":960},13,[652,962,963],{"class":658}," \u003C\u002F",[652,965,746],{"class":662},[652,967,670],{"class":658},[652,969,971,973,975],{"class":654,"line":970},14,[652,972,734],{"class":658},[652,974,688],{"class":662},[652,976,670],{"class":658},[652,978,980,982,985],{"class":654,"line":979},15,[652,981,676],{"class":658},[652,983,984],{"class":662},"body",[652,986,670],{"class":658},[652,988,990,992,995,998,1000,1002,1005,1007],{"class":654,"line":989},16,[652,991,696],{"class":658},[652,993,994],{"class":662},"table",[652,996,997],{"class":666}," id",[652,999,705],{"class":658},[652,1001,708],{"class":658},[652,1003,1004],{"class":711},"t",[652,1006,708],{"class":658},[652,1008,670],{"class":658},[652,1010,1012,1015,1018,1021,1024,1026,1029,1031,1034,1036,1038,1040,1042,1044,1047,1049,1051,1053,1055,1057,1060,1062,1064,1066,1068,1070,1073,1075,1077,1080,1082,1084,1086],{"class":654,"line":1011},17,[652,1013,1014],{"class":658}," \u003C",[652,1016,1017],{"class":662},"thead",[652,1019,1020],{"class":658},">\u003C",[652,1022,1023],{"class":662},"tr",[652,1025,1020],{"class":658},[652,1027,1028],{"class":662},"th",[652,1030,727],{"class":658},[652,1032,1033],{"class":730},"time",[652,1035,734],{"class":658},[652,1037,1028],{"class":662},[652,1039,1020],{"class":658},[652,1041,1028],{"class":662},[652,1043,727],{"class":658},[652,1045,1046],{"class":730},"level",[652,1048,734],{"class":658},[652,1050,1028],{"class":662},[652,1052,1020],{"class":658},[652,1054,1028],{"class":662},[652,1056,727],{"class":658},[652,1058,1059],{"class":730},"service",[652,1061,734],{"class":658},[652,1063,1028],{"class":662},[652,1065,1020],{"class":658},[652,1067,1028],{"class":662},[652,1069,727],{"class":658},[652,1071,1072],{"class":730},"action",[652,1074,734],{"class":658},[652,1076,1028],{"class":662},[652,1078,1079],{"class":658},">\u003C\u002F",[652,1081,1023],{"class":662},[652,1083,1079],{"class":658},[652,1085,1017],{"class":662},[652,1087,670],{"class":658},[652,1089,1091,1093,1096,1098,1100],{"class":654,"line":1090},18,[652,1092,1014],{"class":658},[652,1094,1095],{"class":662},"tbody",[652,1097,1079],{"class":658},[652,1099,1095],{"class":662},[652,1101,670],{"class":658},[652,1103,1105,1107,1109],{"class":654,"line":1104},19,[652,1106,963],{"class":658},[652,1108,994],{"class":662},[652,1110,670],{"class":658},[652,1112,1114],{"class":654,"line":1113},20,[652,1115,1117],{"emptyLinePlaceholder":1116},true,"\n",[652,1119,1121,1123,1126],{"class":654,"line":1120},21,[652,1122,696],{"class":658},[652,1124,1125],{"class":662},"script",[652,1127,670],{"class":658},[652,1129,1131],{"class":654,"line":1130},22,[652,1132,1134],{"class":1133},"sHwdD"," \u002F\u002F Replace with the URL printed at startup, or fetch it from \u002Fapi\u002F_evlog\u002Fstream-info\n",[652,1136,1138,1141,1144,1146,1149,1152],{"class":654,"line":1137},23,[652,1139,1140],{"class":666}," const",[652,1142,1143],{"class":730}," STREAM_URL ",[652,1145,705],{"class":658},[652,1147,1148],{"class":658}," '",[652,1150,1151],{"class":711},"http:\u002F\u002F127.0.0.1:51203",[652,1153,1154],{"class":658},"'\n",[652,1156,1158,1160,1163,1165,1168,1170,1174,1177,1180,1183,1185],{"class":654,"line":1157},24,[652,1159,1140],{"class":666},[652,1161,1162],{"class":730}," tbody ",[652,1164,705],{"class":658},[652,1166,1167],{"class":730}," document",[652,1169,532],{"class":658},[652,1171,1173],{"class":1172},"s2Zo4","querySelector",[652,1175,1176],{"class":730},"(",[652,1178,1179],{"class":658},"'",[652,1181,1182],{"class":711},"#t tbody",[652,1184,1179],{"class":658},[652,1186,1187],{"class":730},")\n",[652,1189,1191,1193,1196,1198,1201,1204],{"class":654,"line":1190},25,[652,1192,1140],{"class":666},[652,1194,1195],{"class":730}," es ",[652,1197,705],{"class":658},[652,1199,1200],{"class":658}," new",[652,1202,1203],{"class":1172}," EventSource",[652,1205,1206],{"class":730},"(STREAM_URL)\n",[652,1208,1210],{"class":654,"line":1209},26,[652,1211,1117],{"emptyLinePlaceholder":1116},[652,1213,1215,1218,1220,1223,1226,1229,1233,1235,1238],{"class":654,"line":1214},27,[652,1216,1217],{"class":730}," es",[652,1219,532],{"class":658},[652,1221,1222],{"class":1172},"onmessage",[652,1224,1225],{"class":658}," =",[652,1227,1228],{"class":658}," (",[652,1230,1232],{"class":1231},"sHdIc","e",[652,1234,586],{"class":658},[652,1236,1237],{"class":666}," =>",[652,1239,1240],{"class":658}," {\n",[652,1242,1244,1247,1250,1252,1255,1257,1260,1262,1264,1266,1269],{"class":654,"line":1243},28,[652,1245,1246],{"class":666}," const",[652,1248,1249],{"class":730}," env",[652,1251,1225],{"class":658},[652,1253,1254],{"class":730}," JSON",[652,1256,532],{"class":658},[652,1258,1259],{"class":1172},"parse",[652,1261,1176],{"class":662},[652,1263,1232],{"class":730},[652,1265,532],{"class":658},[652,1267,1268],{"class":730},"data",[652,1270,1187],{"class":662},[652,1272,1274,1278,1280,1283,1285,1288,1291,1293,1296,1298,1301],{"class":654,"line":1273},29,[652,1275,1277],{"class":1276},"s7zQu"," if",[652,1279,1228],{"class":662},[652,1281,1282],{"class":730},"env",[652,1284,532],{"class":658},[652,1286,1287],{"class":730},"evlog",[652,1289,1290],{"class":658}," !==",[652,1292,1148],{"class":658},[652,1294,1295],{"class":711},"1",[652,1297,1179],{"class":658},[652,1299,1300],{"class":662},") ",[652,1302,1303],{"class":1276},"return\n",[652,1305,1307,1309,1311,1313,1315,1317,1319,1321,1324,1326,1329,1331,1333,1335,1337,1339,1342,1344,1346],{"class":654,"line":1306},30,[652,1308,1277],{"class":1276},[652,1310,1228],{"class":662},[652,1312,1282],{"class":730},[652,1314,532],{"class":658},[652,1316,581],{"class":730},[652,1318,1290],{"class":658},[652,1320,1148],{"class":658},[652,1322,1323],{"class":711},"event",[652,1325,1179],{"class":658},[652,1327,1328],{"class":658}," &&",[652,1330,1249],{"class":730},[652,1332,532],{"class":658},[652,1334,581],{"class":730},[652,1336,1290],{"class":658},[652,1338,1148],{"class":658},[652,1340,1341],{"class":711},"replay",[652,1343,1179],{"class":658},[652,1345,1300],{"class":662},[652,1347,1303],{"class":1276},[652,1349,1351],{"class":654,"line":1350},31,[652,1352,1117],{"emptyLinePlaceholder":1116},[652,1354,1356,1358,1361,1363,1365,1367],{"class":654,"line":1355},32,[652,1357,1246],{"class":666},[652,1359,1360],{"class":730}," w",[652,1362,1225],{"class":658},[652,1364,1249],{"class":730},[652,1366,532],{"class":658},[652,1368,1369],{"class":730},"data\n",[652,1371,1373,1375,1378,1380,1382,1384,1387,1389,1391,1393,1395],{"class":654,"line":1372},33,[652,1374,1246],{"class":666},[652,1376,1377],{"class":730}," tr",[652,1379,1225],{"class":658},[652,1381,1167],{"class":730},[652,1383,532],{"class":658},[652,1385,1386],{"class":1172},"createElement",[652,1388,1176],{"class":662},[652,1390,1179],{"class":658},[652,1392,1023],{"class":711},[652,1394,1179],{"class":658},[652,1396,1187],{"class":662},[652,1398,1400,1403,1405,1408,1410],{"class":654,"line":1399},34,[652,1401,1402],{"class":730}," tr",[652,1404,532],{"class":658},[652,1406,1407],{"class":730},"innerHTML",[652,1409,1225],{"class":658},[652,1411,1412],{"class":658}," `\n",[652,1414,1416,1419,1422,1425,1428,1431,1433,1436,1438,1441,1444,1447],{"class":654,"line":1415},35,[652,1417,1418],{"class":711}," \u003Ctd>",[652,1420,1421],{"class":658},"${",[652,1423,1424],{"class":658},"new",[652,1426,1427],{"class":1172}," Date",[652,1429,1430],{"class":730},"(w",[652,1432,532],{"class":658},[652,1434,1435],{"class":730},"timestamp)",[652,1437,532],{"class":658},[652,1439,1440],{"class":1172},"toLocaleTimeString",[652,1442,1443],{"class":730},"()",[652,1445,1446],{"class":658},"}",[652,1448,1449],{"class":711},"\u003C\u002Ftd>\n",[652,1451,1453,1456,1458,1461,1463,1465,1467,1470,1472,1474,1476,1478,1480],{"class":654,"line":1452},36,[652,1454,1455],{"class":711}," \u003Ctd class=\"lvl-",[652,1457,1421],{"class":658},[652,1459,1460],{"class":730},"w",[652,1462,532],{"class":658},[652,1464,1046],{"class":730},[652,1466,1446],{"class":658},[652,1468,1469],{"class":711},"\">",[652,1471,1421],{"class":658},[652,1473,1460],{"class":730},[652,1475,532],{"class":658},[652,1477,1046],{"class":730},[652,1479,1446],{"class":658},[652,1481,1449],{"class":711},[652,1483,1485,1487,1489,1491,1493,1496,1499,1502],{"class":654,"line":1484},37,[652,1486,1418],{"class":711},[652,1488,1421],{"class":658},[652,1490,1460],{"class":730},[652,1492,532],{"class":658},[652,1494,1495],{"class":730},"service ",[652,1497,1498],{"class":658},"??",[652,1500,1501],{"class":658}," ''}",[652,1503,1449],{"class":711},[652,1505,1507,1509,1511,1513,1515,1518,1520,1522,1524,1527,1529,1531,1533,1536,1538,1540],{"class":654,"line":1506},38,[652,1508,1418],{"class":711},[652,1510,1421],{"class":658},[652,1512,1460],{"class":730},[652,1514,532],{"class":658},[652,1516,1517],{"class":730},"action ",[652,1519,1498],{"class":658},[652,1521,1360],{"class":730},[652,1523,532],{"class":658},[652,1525,1526],{"class":730},"message ",[652,1528,1498],{"class":658},[652,1530,1360],{"class":730},[652,1532,532],{"class":658},[652,1534,1535],{"class":730},"path ",[652,1537,1498],{"class":658},[652,1539,1501],{"class":658},[652,1541,1449],{"class":711},[652,1543,1545],{"class":654,"line":1544},39,[652,1546,1547],{"class":658}," `\n",[652,1549,1551,1554,1556,1559,1561,1563],{"class":654,"line":1550},40,[652,1552,1553],{"class":730}," tbody",[652,1555,532],{"class":658},[652,1557,1558],{"class":1172},"prepend",[652,1560,1176],{"class":662},[652,1562,1023],{"class":730},[652,1564,1187],{"class":662},[652,1566,1568,1571,1573,1575,1577,1580,1582,1585,1588,1591,1593,1595,1597,1600,1602,1605],{"class":654,"line":1567},41,[652,1569,1570],{"class":1276}," while",[652,1572,1228],{"class":662},[652,1574,1095],{"class":730},[652,1576,532],{"class":658},[652,1578,1579],{"class":730},"children",[652,1581,532],{"class":658},[652,1583,1584],{"class":730},"length",[652,1586,1587],{"class":658}," >",[652,1589,1590],{"class":768}," 200",[652,1592,1300],{"class":662},[652,1594,1095],{"class":730},[652,1596,532],{"class":658},[652,1598,1599],{"class":730},"lastElementChild",[652,1601,532],{"class":658},[652,1603,1604],{"class":1172},"remove",[652,1606,1607],{"class":662},"()\n",[652,1609,1611],{"class":654,"line":1610},42,[652,1612,1613],{"class":658}," }\n",[652,1615,1617,1619,1621],{"class":654,"line":1616},43,[652,1618,963],{"class":658},[652,1620,1125],{"class":662},[652,1622,670],{"class":658},[652,1624,1626,1628,1630],{"class":654,"line":1625},44,[652,1627,734],{"class":658},[652,1629,984],{"class":662},[652,1631,670],{"class":658},[652,1633,1635,1637,1639],{"class":654,"line":1634},45,[652,1636,734],{"class":658},[652,1638,647],{"class":662},[652,1640,670],{"class":658},[521,1642,1643,1644,1647],{},"Save as ",[549,1645,1646],{},"devtool.html",", open in any browser tab while your evlog-instrumented dev server is running. That's the whole MVP.",[635,1649,1651],{"id":1650},"vue-3-component","Vue 3 component",[640,1653,1654],{},[643,1655,1659],{"className":1656,"code":1657,"language":1658,"meta":648,"style":648},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\nimport type { WideEvent } from 'evlog'\n\nconst events = ref\u003CWideEvent[]>([])\nlet es: EventSource | null = null\n\nonMounted(async () => {\n \u002F\u002F Discover URL via the same-origin info endpoint (Nuxt)\n const { url } = await $fetch\u003C{ url: string | null }>('\u002Fapi\u002F_evlog\u002Fstream-info')\n if (!url) return\n\n es = new EventSource(url)\n es.onmessage = (e) => {\n const env = JSON.parse(e.data)\n if (env.evlog !== '1') return\n if (env.type === 'event' || env.type === 'replay') {\n events.value.unshift(env.data as WideEvent)\n if (events.value.length > 500) events.value.length = 500\n }\n }\n})\n\nonBeforeUnmount(() => es?.close())\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cul>\n \u003Cli v-for=\"(e, i) in events\" :key=\"`${e.timestamp}-${i}`\">\n \u003Ccode>{{ e.level }}\u003C\u002Fcode>\n \u003Cstrong>{{ e.service }}\u003C\u002Fstrong>\n \u003Cspan>{{ e.action ?? e.message ?? e.path }}\u003C\u002Fspan>\n \u003C\u002Fli>\n \u003C\u002Ful>\n\u003C\u002Ftemplate>\n","vue",[549,1660,1661,1684,1716,1738,1742,1767,1790,1794,1811,1816,1863,1880,1884,1901,1921,1945,1970,2013,2043,2082,2086,2091,2097,2101,2123,2131,2135,2144,2152,2184,2202,2220,2237,2246,2254],{"__ignoreMap":648},[652,1662,1663,1665,1667,1670,1673,1675,1677,1680,1682],{"class":654,"line":655},[652,1664,676],{"class":658},[652,1666,1125],{"class":662},[652,1668,1669],{"class":666}," setup",[652,1671,1672],{"class":666}," lang",[652,1674,705],{"class":658},[652,1676,708],{"class":658},[652,1678,1679],{"class":711},"ts",[652,1681,708],{"class":658},[652,1683,670],{"class":658},[652,1685,1686,1689,1691,1694,1696,1699,1701,1704,1707,1710,1712,1714],{"class":654,"line":673},[652,1687,1688],{"class":1276},"import",[652,1690,758],{"class":658},[652,1692,1693],{"class":730}," onBeforeUnmount",[652,1695,775],{"class":658},[652,1697,1698],{"class":730}," onMounted",[652,1700,775],{"class":658},[652,1702,1703],{"class":730}," ref",[652,1705,1706],{"class":658}," }",[652,1708,1709],{"class":1276}," from",[652,1711,1148],{"class":658},[652,1713,1658],{"class":711},[652,1715,1154],{"class":658},[652,1717,1718,1720,1723,1725,1728,1730,1732,1734,1736],{"class":654,"line":683},[652,1719,1688],{"class":1276},[652,1721,1722],{"class":1276}," type",[652,1724,758],{"class":658},[652,1726,1727],{"class":730}," WideEvent",[652,1729,1706],{"class":658},[652,1731,1709],{"class":1276},[652,1733,1148],{"class":658},[652,1735,1287],{"class":711},[652,1737,1154],{"class":658},[652,1739,1740],{"class":654,"line":693},[652,1741,1117],{"emptyLinePlaceholder":1116},[652,1743,1744,1747,1750,1752,1754,1756,1759,1762,1764],{"class":654,"line":719},[652,1745,1746],{"class":666},"const",[652,1748,1749],{"class":730}," events ",[652,1751,705],{"class":658},[652,1753,1703],{"class":1172},[652,1755,676],{"class":658},[652,1757,1758],{"class":754},"WideEvent",[652,1760,1761],{"class":730},"[]",[652,1763,727],{"class":658},[652,1765,1766],{"class":730},"([])\n",[652,1768,1769,1772,1775,1777,1779,1782,1785,1787],{"class":654,"line":741},[652,1770,1771],{"class":666},"let",[652,1773,1774],{"class":730}," es",[652,1776,765],{"class":658},[652,1778,1203],{"class":754},[652,1780,1781],{"class":658}," |",[652,1783,1784],{"class":754}," null",[652,1786,1225],{"class":658},[652,1788,1789],{"class":658}," null\n",[652,1791,1792],{"class":654,"line":751},[652,1793,1117],{"emptyLinePlaceholder":1116},[652,1795,1796,1799,1801,1804,1807,1809],{"class":654,"line":806},[652,1797,1798],{"class":1172},"onMounted",[652,1800,1176],{"class":730},[652,1802,1803],{"class":666},"async",[652,1805,1806],{"class":658}," ()",[652,1808,1237],{"class":666},[652,1810,1240],{"class":658},[652,1812,1813],{"class":654,"line":836},[652,1814,1815],{"class":1133}," \u002F\u002F Discover URL via the same-origin info endpoint (Nuxt)\n",[652,1817,1818,1821,1823,1826,1828,1830,1833,1836,1839,1841,1843,1846,1848,1850,1853,1855,1857,1859,1861],{"class":654,"line":892},[652,1819,1820],{"class":666}," const",[652,1822,758],{"class":658},[652,1824,1825],{"class":730}," url",[652,1827,1706],{"class":658},[652,1829,1225],{"class":658},[652,1831,1832],{"class":1276}," await",[652,1834,1835],{"class":1172}," $fetch",[652,1837,1838],{"class":658},"\u003C{",[652,1840,1825],{"class":662},[652,1842,765],{"class":658},[652,1844,1845],{"class":754}," string",[652,1847,1781],{"class":658},[652,1849,1784],{"class":754},[652,1851,1852],{"class":658}," }>",[652,1854,1176],{"class":662},[652,1856,1179],{"class":658},[652,1858,624],{"class":711},[652,1860,1179],{"class":658},[652,1862,1187],{"class":662},[652,1864,1865,1868,1870,1873,1876,1878],{"class":654,"line":917},[652,1866,1867],{"class":1276}," if",[652,1869,1228],{"class":662},[652,1871,1872],{"class":658},"!",[652,1874,1875],{"class":730},"url",[652,1877,1300],{"class":662},[652,1879,1303],{"class":1276},[652,1881,1882],{"class":654,"line":939},[652,1883,1117],{"emptyLinePlaceholder":1116},[652,1885,1886,1889,1891,1893,1895,1897,1899],{"class":654,"line":960},[652,1887,1888],{"class":730}," es",[652,1890,1225],{"class":658},[652,1892,1200],{"class":658},[652,1894,1203],{"class":1172},[652,1896,1176],{"class":662},[652,1898,1875],{"class":730},[652,1900,1187],{"class":662},[652,1902,1903,1905,1907,1909,1911,1913,1915,1917,1919],{"class":654,"line":970},[652,1904,1888],{"class":730},[652,1906,532],{"class":658},[652,1908,1222],{"class":1172},[652,1910,1225],{"class":658},[652,1912,1228],{"class":658},[652,1914,1232],{"class":1231},[652,1916,586],{"class":658},[652,1918,1237],{"class":666},[652,1920,1240],{"class":658},[652,1922,1923,1925,1927,1929,1931,1933,1935,1937,1939,1941,1943],{"class":654,"line":979},[652,1924,1140],{"class":666},[652,1926,1249],{"class":730},[652,1928,1225],{"class":658},[652,1930,1254],{"class":730},[652,1932,532],{"class":658},[652,1934,1259],{"class":1172},[652,1936,1176],{"class":662},[652,1938,1232],{"class":730},[652,1940,532],{"class":658},[652,1942,1268],{"class":730},[652,1944,1187],{"class":662},[652,1946,1947,1950,1952,1954,1956,1958,1960,1962,1964,1966,1968],{"class":654,"line":989},[652,1948,1949],{"class":1276}," if",[652,1951,1228],{"class":662},[652,1953,1282],{"class":730},[652,1955,532],{"class":658},[652,1957,1287],{"class":730},[652,1959,1290],{"class":658},[652,1961,1148],{"class":658},[652,1963,1295],{"class":711},[652,1965,1179],{"class":658},[652,1967,1300],{"class":662},[652,1969,1303],{"class":1276},[652,1971,1972,1974,1976,1978,1980,1982,1985,1987,1989,1991,1994,1996,1998,2000,2002,2004,2006,2008,2010],{"class":654,"line":1011},[652,1973,1949],{"class":1276},[652,1975,1228],{"class":662},[652,1977,1282],{"class":730},[652,1979,532],{"class":658},[652,1981,581],{"class":730},[652,1983,1984],{"class":658}," ===",[652,1986,1148],{"class":658},[652,1988,1323],{"class":711},[652,1990,1179],{"class":658},[652,1992,1993],{"class":658}," ||",[652,1995,1249],{"class":730},[652,1997,532],{"class":658},[652,1999,581],{"class":730},[652,2001,1984],{"class":658},[652,2003,1148],{"class":658},[652,2005,1341],{"class":711},[652,2007,1179],{"class":658},[652,2009,1300],{"class":662},[652,2011,2012],{"class":658},"{\n",[652,2014,2015,2018,2020,2023,2025,2028,2030,2032,2034,2036,2039,2041],{"class":654,"line":1090},[652,2016,2017],{"class":730}," events",[652,2019,532],{"class":658},[652,2021,2022],{"class":730},"value",[652,2024,532],{"class":658},[652,2026,2027],{"class":1172},"unshift",[652,2029,1176],{"class":662},[652,2031,1282],{"class":730},[652,2033,532],{"class":658},[652,2035,1268],{"class":730},[652,2037,2038],{"class":1276}," as",[652,2040,1727],{"class":754},[652,2042,1187],{"class":662},[652,2044,2045,2047,2049,2052,2054,2056,2058,2060,2062,2065,2067,2069,2071,2073,2075,2077,2079],{"class":654,"line":1104},[652,2046,1277],{"class":1276},[652,2048,1228],{"class":662},[652,2050,2051],{"class":730},"events",[652,2053,532],{"class":658},[652,2055,2022],{"class":730},[652,2057,532],{"class":658},[652,2059,1584],{"class":730},[652,2061,1587],{"class":658},[652,2063,2064],{"class":768}," 500",[652,2066,1300],{"class":662},[652,2068,2051],{"class":730},[652,2070,532],{"class":658},[652,2072,2022],{"class":730},[652,2074,532],{"class":658},[652,2076,1584],{"class":730},[652,2078,1225],{"class":658},[652,2080,2081],{"class":768}," 500\n",[652,2083,2084],{"class":654,"line":1113},[652,2085,1613],{"class":658},[652,2087,2088],{"class":654,"line":1120},[652,2089,2090],{"class":658}," }\n",[652,2092,2093,2095],{"class":654,"line":1130},[652,2094,1446],{"class":658},[652,2096,1187],{"class":730},[652,2098,2099],{"class":654,"line":1137},[652,2100,1117],{"emptyLinePlaceholder":1116},[652,2102,2103,2106,2108,2110,2112,2114,2117,2120],{"class":654,"line":1157},[652,2104,2105],{"class":1172},"onBeforeUnmount",[652,2107,1176],{"class":730},[652,2109,1443],{"class":658},[652,2111,1237],{"class":666},[652,2113,1774],{"class":730},[652,2115,2116],{"class":658},"?.",[652,2118,2119],{"class":1172},"close",[652,2121,2122],{"class":730},"())\n",[652,2124,2125,2127,2129],{"class":654,"line":1190},[652,2126,734],{"class":658},[652,2128,1125],{"class":662},[652,2130,670],{"class":658},[652,2132,2133],{"class":654,"line":1209},[652,2134,1117],{"emptyLinePlaceholder":1116},[652,2136,2137,2139,2142],{"class":654,"line":1214},[652,2138,676],{"class":658},[652,2140,2141],{"class":662},"template",[652,2143,670],{"class":658},[652,2145,2146,2148,2150],{"class":654,"line":1243},[652,2147,696],{"class":658},[652,2149,542],{"class":662},[652,2151,670],{"class":658},[652,2153,2154,2156,2158,2161,2163,2165,2168,2170,2173,2175,2177,2180,2182],{"class":654,"line":1273},[652,2155,1014],{"class":658},[652,2157,545],{"class":662},[652,2159,2160],{"class":666}," v-for",[652,2162,705],{"class":658},[652,2164,708],{"class":658},[652,2166,2167],{"class":711},"(e, i) in events",[652,2169,708],{"class":658},[652,2171,2172],{"class":666}," :key",[652,2174,705],{"class":658},[652,2176,708],{"class":658},[652,2178,2179],{"class":711},"`${e.timestamp}-${i}`",[652,2181,708],{"class":658},[652,2183,670],{"class":658},[652,2185,2186,2189,2191,2193,2196,2198,2200],{"class":654,"line":1306},[652,2187,2188],{"class":658}," \u003C",[652,2190,549],{"class":662},[652,2192,727],{"class":658},[652,2194,2195],{"class":730},"{{ e.level }}",[652,2197,734],{"class":658},[652,2199,549],{"class":662},[652,2201,670],{"class":658},[652,2203,2204,2206,2209,2211,2214,2216,2218],{"class":654,"line":1350},[652,2205,2188],{"class":658},[652,2207,2208],{"class":662},"strong",[652,2210,727],{"class":658},[652,2212,2213],{"class":730},"{{ e.service }}",[652,2215,734],{"class":658},[652,2217,2208],{"class":662},[652,2219,670],{"class":658},[652,2221,2222,2224,2226,2228,2231,2233,2235],{"class":654,"line":1355},[652,2223,2188],{"class":658},[652,2225,652],{"class":662},[652,2227,727],{"class":658},[652,2229,2230],{"class":730},"{{ e.action ?? e.message ?? e.path }}",[652,2232,734],{"class":658},[652,2234,652],{"class":662},[652,2236,670],{"class":658},[652,2238,2239,2242,2244],{"class":654,"line":1372},[652,2240,2241],{"class":658}," \u003C\u002F",[652,2243,545],{"class":662},[652,2245,670],{"class":658},[652,2247,2248,2250,2252],{"class":654,"line":1399},[652,2249,963],{"class":658},[652,2251,542],{"class":662},[652,2253,670],{"class":658},[652,2255,2256,2258,2260],{"class":654,"line":1415},[652,2257,734],{"class":658},[652,2259,2141],{"class":662},[652,2261,670],{"class":658},[635,2263,2265],{"id":2264},"react-hook","React hook",[643,2267,2270],{"className":2268,"code":2269,"language":1679,"meta":648,"style":648},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useEffect, useState } from 'react'\nimport type { WideEvent } from 'evlog'\n\nexport function useEvlogStream(url: string) {\n const [events, setEvents] = useState\u003CWideEvent[]>([])\n\n useEffect(() => {\n if (!url) return\n const es = new EventSource(url)\n es.onmessage = (e) => {\n const env = JSON.parse(e.data)\n if (env.evlog !== '1') return\n if (env.type === 'event' || env.type === 'replay') {\n setEvents(prev => [env.data, ...prev].slice(0, 500))\n }\n }\n return () => es.close()\n }, [url])\n\n return events\n}\n",[549,2271,2272,2297,2317,2321,2344,2375,2379,2392,2406,2424,2444,2468,2492,2532,2578,2583,2587,2604,2616,2620,2628],{"__ignoreMap":648},[652,2273,2274,2276,2278,2281,2283,2286,2288,2290,2292,2295],{"class":654,"line":655},[652,2275,1688],{"class":1276},[652,2277,758],{"class":658},[652,2279,2280],{"class":730}," useEffect",[652,2282,775],{"class":658},[652,2284,2285],{"class":730}," useState",[652,2287,1706],{"class":658},[652,2289,1709],{"class":1276},[652,2291,1148],{"class":658},[652,2293,2294],{"class":711},"react",[652,2296,1154],{"class":658},[652,2298,2299,2301,2303,2305,2307,2309,2311,2313,2315],{"class":654,"line":673},[652,2300,1688],{"class":1276},[652,2302,1722],{"class":1276},[652,2304,758],{"class":658},[652,2306,1727],{"class":730},[652,2308,1706],{"class":658},[652,2310,1709],{"class":1276},[652,2312,1148],{"class":658},[652,2314,1287],{"class":711},[652,2316,1154],{"class":658},[652,2318,2319],{"class":654,"line":683},[652,2320,1117],{"emptyLinePlaceholder":1116},[652,2322,2323,2326,2329,2332,2334,2336,2338,2340,2342],{"class":654,"line":693},[652,2324,2325],{"class":1276},"export",[652,2327,2328],{"class":666}," function",[652,2330,2331],{"class":1172}," useEvlogStream",[652,2333,1176],{"class":658},[652,2335,1875],{"class":1231},[652,2337,765],{"class":658},[652,2339,1845],{"class":754},[652,2341,586],{"class":658},[652,2343,1240],{"class":658},[652,2345,2346,2348,2351,2353,2355,2358,2361,2363,2365,2367,2369,2371,2373],{"class":654,"line":719},[652,2347,1820],{"class":666},[652,2349,2350],{"class":658}," [",[652,2352,2051],{"class":730},[652,2354,775],{"class":658},[652,2356,2357],{"class":730}," setEvents",[652,2359,2360],{"class":658},"]",[652,2362,1225],{"class":658},[652,2364,2285],{"class":1172},[652,2366,676],{"class":658},[652,2368,1758],{"class":754},[652,2370,1761],{"class":662},[652,2372,727],{"class":658},[652,2374,1766],{"class":662},[652,2376,2377],{"class":654,"line":741},[652,2378,1117],{"emptyLinePlaceholder":1116},[652,2380,2381,2384,2386,2388,2390],{"class":654,"line":751},[652,2382,2383],{"class":1172}," useEffect",[652,2385,1176],{"class":662},[652,2387,1443],{"class":658},[652,2389,1237],{"class":666},[652,2391,1240],{"class":658},[652,2393,2394,2396,2398,2400,2402,2404],{"class":654,"line":806},[652,2395,1949],{"class":1276},[652,2397,1228],{"class":662},[652,2399,1872],{"class":658},[652,2401,1875],{"class":730},[652,2403,1300],{"class":662},[652,2405,1303],{"class":1276},[652,2407,2408,2410,2412,2414,2416,2418,2420,2422],{"class":654,"line":836},[652,2409,1140],{"class":666},[652,2411,1774],{"class":730},[652,2413,1225],{"class":658},[652,2415,1200],{"class":658},[652,2417,1203],{"class":1172},[652,2419,1176],{"class":662},[652,2421,1875],{"class":730},[652,2423,1187],{"class":662},[652,2425,2426,2428,2430,2432,2434,2436,2438,2440,2442],{"class":654,"line":892},[652,2427,1217],{"class":730},[652,2429,532],{"class":658},[652,2431,1222],{"class":1172},[652,2433,1225],{"class":658},[652,2435,1228],{"class":658},[652,2437,1232],{"class":1231},[652,2439,586],{"class":658},[652,2441,1237],{"class":666},[652,2443,1240],{"class":658},[652,2445,2446,2448,2450,2452,2454,2456,2458,2460,2462,2464,2466],{"class":654,"line":917},[652,2447,1246],{"class":666},[652,2449,1249],{"class":730},[652,2451,1225],{"class":658},[652,2453,1254],{"class":730},[652,2455,532],{"class":658},[652,2457,1259],{"class":1172},[652,2459,1176],{"class":662},[652,2461,1232],{"class":730},[652,2463,532],{"class":658},[652,2465,1268],{"class":730},[652,2467,1187],{"class":662},[652,2469,2470,2472,2474,2476,2478,2480,2482,2484,2486,2488,2490],{"class":654,"line":939},[652,2471,1277],{"class":1276},[652,2473,1228],{"class":662},[652,2475,1282],{"class":730},[652,2477,532],{"class":658},[652,2479,1287],{"class":730},[652,2481,1290],{"class":658},[652,2483,1148],{"class":658},[652,2485,1295],{"class":711},[652,2487,1179],{"class":658},[652,2489,1300],{"class":662},[652,2491,1303],{"class":1276},[652,2493,2494,2496,2498,2500,2502,2504,2506,2508,2510,2512,2514,2516,2518,2520,2522,2524,2526,2528,2530],{"class":654,"line":960},[652,2495,1277],{"class":1276},[652,2497,1228],{"class":662},[652,2499,1282],{"class":730},[652,2501,532],{"class":658},[652,2503,581],{"class":730},[652,2505,1984],{"class":658},[652,2507,1148],{"class":658},[652,2509,1323],{"class":711},[652,2511,1179],{"class":658},[652,2513,1993],{"class":658},[652,2515,1249],{"class":730},[652,2517,532],{"class":658},[652,2519,581],{"class":730},[652,2521,1984],{"class":658},[652,2523,1148],{"class":658},[652,2525,1341],{"class":711},[652,2527,1179],{"class":658},[652,2529,1300],{"class":662},[652,2531,2012],{"class":658},[652,2533,2534,2537,2539,2542,2544,2546,2548,2550,2552,2554,2557,2559,2561,2563,2566,2568,2571,2573,2575],{"class":654,"line":970},[652,2535,2536],{"class":1172}," setEvents",[652,2538,1176],{"class":662},[652,2540,2541],{"class":1231},"prev",[652,2543,1237],{"class":666},[652,2545,2350],{"class":662},[652,2547,1282],{"class":730},[652,2549,532],{"class":658},[652,2551,1268],{"class":730},[652,2553,775],{"class":658},[652,2555,2556],{"class":658}," ...",[652,2558,2541],{"class":730},[652,2560,2360],{"class":662},[652,2562,532],{"class":658},[652,2564,2565],{"class":1172},"slice",[652,2567,1176],{"class":662},[652,2569,2570],{"class":768},"0",[652,2572,775],{"class":658},[652,2574,2064],{"class":768},[652,2576,2577],{"class":662},"))\n",[652,2579,2580],{"class":654,"line":979},[652,2581,2582],{"class":658}," }\n",[652,2584,2585],{"class":654,"line":989},[652,2586,1613],{"class":658},[652,2588,2589,2592,2594,2596,2598,2600,2602],{"class":654,"line":1011},[652,2590,2591],{"class":1276}," return",[652,2593,1806],{"class":658},[652,2595,1237],{"class":666},[652,2597,1774],{"class":730},[652,2599,532],{"class":658},[652,2601,2119],{"class":1172},[652,2603,1607],{"class":662},[652,2605,2606,2609,2611,2613],{"class":654,"line":1090},[652,2607,2608],{"class":658}," },",[652,2610,2350],{"class":662},[652,2612,1875],{"class":730},[652,2614,2615],{"class":662},"])\n",[652,2617,2618],{"class":654,"line":1104},[652,2619,1117],{"emptyLinePlaceholder":1116},[652,2621,2622,2625],{"class":654,"line":1113},[652,2623,2624],{"class":1276}," return",[652,2626,2627],{"class":730}," events\n",[652,2629,2630],{"class":654,"line":1120},[652,2631,914],{"class":658},[521,2633,2634,2635,2637,2638,532],{},"That's the entire integration surface. No SDK, no special types beyond ",[549,2636,1758],{}," exported from ",[549,2639,1287],{},[609,2641,2643],{"id":2642},"_2-quick-cli-inspection-with-curl-jq","2. Quick CLI inspection with curl + jq",[521,2645,2646,2647,765],{},"The URL is in ",[549,2648,562],{},[643,2650,2654],{"className":2651,"code":2652,"language":2653,"meta":648,"style":648},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","URL=$(cat .evlog\u002Fstream.url)\ncurl -N \"$URL\" | jq -c 'select(.type == \"event\") | .data'\n","bash",[549,2655,2656,2672],{"__ignoreMap":648},[652,2657,2658,2661,2664,2667,2670],{"class":654,"line":655},[652,2659,2660],{"class":730},"URL",[652,2662,2663],{"class":658},"=$(",[652,2665,2666],{"class":754},"cat",[652,2668,2669],{"class":711}," .evlog\u002Fstream.url",[652,2671,1187],{"class":658},[652,2673,2674,2677,2680,2683,2686,2688,2690,2693,2696,2698,2701],{"class":654,"line":673},[652,2675,2676],{"class":754},"curl",[652,2678,2679],{"class":711}," -N",[652,2681,2682],{"class":658}," \"",[652,2684,2685],{"class":730},"$URL",[652,2687,708],{"class":658},[652,2689,1781],{"class":658},[652,2691,2692],{"class":754}," jq",[652,2694,2695],{"class":711}," -c",[652,2697,1148],{"class":658},[652,2699,2700],{"class":711},"select(.type == \"event\") | .data",[652,2702,1154],{"class":658},[521,2704,2705],{},"Filter on the client side as needed:",[643,2707,2709],{"className":2651,"code":2708,"language":2653,"meta":648,"style":648},"# Only errors\ncurl -sN \"$URL\" | jq -c 'select(.type == \"event\" and .data.level == \"error\") | .data'\n\n# Only one service\ncurl -sN \"$URL\" | jq -c 'select(.type == \"event\" and .data.service == \"checkout\") | .data'\n\n# Slow requests\ncurl -sN \"$URL\" | jq -c 'select(.type == \"event\" and .data.duration > 500) | .data'\n",[549,2710,2711,2716,2742,2746,2751,2776,2780,2785],{"__ignoreMap":648},[652,2712,2713],{"class":654,"line":655},[652,2714,2715],{"class":1133},"# Only errors\n",[652,2717,2718,2720,2723,2725,2727,2729,2731,2733,2735,2737,2740],{"class":654,"line":673},[652,2719,2676],{"class":754},[652,2721,2722],{"class":711}," -sN",[652,2724,2682],{"class":658},[652,2726,2685],{"class":730},[652,2728,708],{"class":658},[652,2730,1781],{"class":658},[652,2732,2692],{"class":754},[652,2734,2695],{"class":711},[652,2736,1148],{"class":658},[652,2738,2739],{"class":711},"select(.type == \"event\" and .data.level == \"error\") | .data",[652,2741,1154],{"class":658},[652,2743,2744],{"class":654,"line":683},[652,2745,1117],{"emptyLinePlaceholder":1116},[652,2747,2748],{"class":654,"line":693},[652,2749,2750],{"class":1133},"# Only one service\n",[652,2752,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2774],{"class":654,"line":719},[652,2754,2676],{"class":754},[652,2756,2722],{"class":711},[652,2758,2682],{"class":658},[652,2760,2685],{"class":730},[652,2762,708],{"class":658},[652,2764,1781],{"class":658},[652,2766,2692],{"class":754},[652,2768,2695],{"class":711},[652,2770,1148],{"class":658},[652,2772,2773],{"class":711},"select(.type == \"event\" and .data.service == \"checkout\") | .data",[652,2775,1154],{"class":658},[652,2777,2778],{"class":654,"line":741},[652,2779,1117],{"emptyLinePlaceholder":1116},[652,2781,2782],{"class":654,"line":751},[652,2783,2784],{"class":1133},"# Slow requests\n",[652,2786,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2808],{"class":654,"line":806},[652,2788,2676],{"class":754},[652,2790,2722],{"class":711},[652,2792,2682],{"class":658},[652,2794,2685],{"class":730},[652,2796,708],{"class":658},[652,2798,1781],{"class":658},[652,2800,2692],{"class":754},[652,2802,2695],{"class":711},[652,2804,1148],{"class":658},[652,2806,2807],{"class":711},"select(.type == \"event\" and .data.duration > 500) | .data",[652,2809,1154],{"class":658},[521,2811,2812,2815,2816,2818,2819,2822],{},[549,2813,2814],{},"-N"," keeps ",[549,2817,2676],{}," in streaming mode (no buffering). ",[549,2820,2821],{},"-s"," is silent.",[609,2824,2826],{"id":2825},"_3-replay-history-then-go-live","3. Replay history then go live",[521,2828,2829],{},"History on disk (filesystem drain) + live updates from the stream server = a full picture from any point in time.",[643,2831,2833],{"className":2268,"code":2832,"language":1679,"meta":648,"style":648},"import { readFsLogs } from 'evlog\u002Ffs'\nimport { readFile } from 'node:fs\u002Fpromises'\nimport type { WideEvent } from 'evlog'\n\nasync function bootstrap(handle: (e: WideEvent) => void) {\n \u002F\u002F 1. Replay the last hour from `.evlog\u002Flogs\u002F`\n const since = new Date(Date.now() - 60 * 60 * 1000)\n for await (const event of readFsLogs({ since })) {\n handle(event)\n }\n\n \u002F\u002F 2. Switch to the live SSE stream\n const url = (await readFile('.evlog\u002Fstream.url', 'utf-8')).trim()\n const es = new EventSource(url)\n es.onmessage = (e) => {\n const env = JSON.parse(e.data)\n if (env.evlog !== '1') return\n if (env.type === 'event' || env.type === 'replay') {\n handle(env.data)\n }\n }\n return () => es.close()\n}\n",[549,2834,2835,2855,2875,2895,2899,2934,2939,2983,3016,3027,3031,3035,3040,3081,3099,3119,3143,3167,3207,3222,3226,3230,3246],{"__ignoreMap":648},[652,2836,2837,2839,2841,2844,2846,2848,2850,2853],{"class":654,"line":655},[652,2838,1688],{"class":1276},[652,2840,758],{"class":658},[652,2842,2843],{"class":730}," readFsLogs",[652,2845,1706],{"class":658},[652,2847,1709],{"class":1276},[652,2849,1148],{"class":658},[652,2851,2852],{"class":711},"evlog\u002Ffs",[652,2854,1154],{"class":658},[652,2856,2857,2859,2861,2864,2866,2868,2870,2873],{"class":654,"line":673},[652,2858,1688],{"class":1276},[652,2860,758],{"class":658},[652,2862,2863],{"class":730}," readFile",[652,2865,1706],{"class":658},[652,2867,1709],{"class":1276},[652,2869,1148],{"class":658},[652,2871,2872],{"class":711},"node:fs\u002Fpromises",[652,2874,1154],{"class":658},[652,2876,2877,2879,2881,2883,2885,2887,2889,2891,2893],{"class":654,"line":683},[652,2878,1688],{"class":1276},[652,2880,1722],{"class":1276},[652,2882,758],{"class":658},[652,2884,1727],{"class":730},[652,2886,1706],{"class":658},[652,2888,1709],{"class":1276},[652,2890,1148],{"class":658},[652,2892,1287],{"class":711},[652,2894,1154],{"class":658},[652,2896,2897],{"class":654,"line":693},[652,2898,1117],{"emptyLinePlaceholder":1116},[652,2900,2901,2903,2905,2908,2910,2913,2915,2917,2919,2921,2923,2925,2927,2930,2932],{"class":654,"line":719},[652,2902,1803],{"class":666},[652,2904,2328],{"class":666},[652,2906,2907],{"class":1172}," bootstrap",[652,2909,1176],{"class":658},[652,2911,2912],{"class":1172},"handle",[652,2914,765],{"class":658},[652,2916,1228],{"class":658},[652,2918,1232],{"class":1231},[652,2920,765],{"class":658},[652,2922,1727],{"class":754},[652,2924,586],{"class":658},[652,2926,1237],{"class":666},[652,2928,2929],{"class":754}," void",[652,2931,586],{"class":658},[652,2933,1240],{"class":658},[652,2935,2936],{"class":654,"line":741},[652,2937,2938],{"class":1133}," \u002F\u002F 1. Replay the last hour from `.evlog\u002Flogs\u002F`\n",[652,2940,2941,2943,2946,2948,2950,2952,2954,2957,2959,2962,2965,2968,2971,2974,2976,2978,2981],{"class":654,"line":751},[652,2942,1820],{"class":666},[652,2944,2945],{"class":730}," since",[652,2947,1225],{"class":658},[652,2949,1200],{"class":658},[652,2951,1427],{"class":1172},[652,2953,1176],{"class":662},[652,2955,2956],{"class":730},"Date",[652,2958,532],{"class":658},[652,2960,2961],{"class":1172},"now",[652,2963,2964],{"class":662},"() ",[652,2966,2967],{"class":658},"-",[652,2969,2970],{"class":768}," 60",[652,2972,2973],{"class":658}," *",[652,2975,2970],{"class":768},[652,2977,2973],{"class":658},[652,2979,2980],{"class":768}," 1000",[652,2982,1187],{"class":662},[652,2984,2985,2988,2990,2992,2994,2997,3000,3002,3004,3007,3009,3011,3014],{"class":654,"line":806},[652,2986,2987],{"class":1276}," for",[652,2989,1832],{"class":1276},[652,2991,1228],{"class":662},[652,2993,1746],{"class":666},[652,2995,2996],{"class":730}," event",[652,2998,2999],{"class":658}," of",[652,3001,2843],{"class":1172},[652,3003,1176],{"class":662},[652,3005,3006],{"class":658},"{",[652,3008,2945],{"class":730},[652,3010,1706],{"class":658},[652,3012,3013],{"class":662},")) ",[652,3015,2012],{"class":658},[652,3017,3018,3021,3023,3025],{"class":654,"line":836},[652,3019,3020],{"class":1172}," handle",[652,3022,1176],{"class":662},[652,3024,1323],{"class":730},[652,3026,1187],{"class":662},[652,3028,3029],{"class":654,"line":892},[652,3030,2090],{"class":658},[652,3032,3033],{"class":654,"line":917},[652,3034,1117],{"emptyLinePlaceholder":1116},[652,3036,3037],{"class":654,"line":939},[652,3038,3039],{"class":1133}," \u002F\u002F 2. Switch to the live SSE stream\n",[652,3041,3042,3044,3046,3048,3050,3053,3055,3057,3059,3061,3063,3065,3067,3069,3071,3074,3076,3079],{"class":654,"line":960},[652,3043,1820],{"class":666},[652,3045,1825],{"class":730},[652,3047,1225],{"class":658},[652,3049,1228],{"class":662},[652,3051,3052],{"class":1276},"await",[652,3054,2863],{"class":1172},[652,3056,1176],{"class":662},[652,3058,1179],{"class":658},[652,3060,562],{"class":711},[652,3062,1179],{"class":658},[652,3064,775],{"class":658},[652,3066,1148],{"class":658},[652,3068,712],{"class":711},[652,3070,1179],{"class":658},[652,3072,3073],{"class":662},"))",[652,3075,532],{"class":658},[652,3077,3078],{"class":1172},"trim",[652,3080,1607],{"class":662},[652,3082,3083,3085,3087,3089,3091,3093,3095,3097],{"class":654,"line":970},[652,3084,1820],{"class":666},[652,3086,1774],{"class":730},[652,3088,1225],{"class":658},[652,3090,1200],{"class":658},[652,3092,1203],{"class":1172},[652,3094,1176],{"class":662},[652,3096,1875],{"class":730},[652,3098,1187],{"class":662},[652,3100,3101,3103,3105,3107,3109,3111,3113,3115,3117],{"class":654,"line":979},[652,3102,1888],{"class":730},[652,3104,532],{"class":658},[652,3106,1222],{"class":1172},[652,3108,1225],{"class":658},[652,3110,1228],{"class":658},[652,3112,1232],{"class":1231},[652,3114,586],{"class":658},[652,3116,1237],{"class":666},[652,3118,1240],{"class":658},[652,3120,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141],{"class":654,"line":989},[652,3122,1140],{"class":666},[652,3124,1249],{"class":730},[652,3126,1225],{"class":658},[652,3128,1254],{"class":730},[652,3130,532],{"class":658},[652,3132,1259],{"class":1172},[652,3134,1176],{"class":662},[652,3136,1232],{"class":730},[652,3138,532],{"class":658},[652,3140,1268],{"class":730},[652,3142,1187],{"class":662},[652,3144,3145,3147,3149,3151,3153,3155,3157,3159,3161,3163,3165],{"class":654,"line":1011},[652,3146,1949],{"class":1276},[652,3148,1228],{"class":662},[652,3150,1282],{"class":730},[652,3152,532],{"class":658},[652,3154,1287],{"class":730},[652,3156,1290],{"class":658},[652,3158,1148],{"class":658},[652,3160,1295],{"class":711},[652,3162,1179],{"class":658},[652,3164,1300],{"class":662},[652,3166,1303],{"class":1276},[652,3168,3169,3171,3173,3175,3177,3179,3181,3183,3185,3187,3189,3191,3193,3195,3197,3199,3201,3203,3205],{"class":654,"line":1090},[652,3170,1949],{"class":1276},[652,3172,1228],{"class":662},[652,3174,1282],{"class":730},[652,3176,532],{"class":658},[652,3178,581],{"class":730},[652,3180,1984],{"class":658},[652,3182,1148],{"class":658},[652,3184,1323],{"class":711},[652,3186,1179],{"class":658},[652,3188,1993],{"class":658},[652,3190,1249],{"class":730},[652,3192,532],{"class":658},[652,3194,581],{"class":730},[652,3196,1984],{"class":658},[652,3198,1148],{"class":658},[652,3200,1341],{"class":711},[652,3202,1179],{"class":658},[652,3204,1300],{"class":662},[652,3206,2012],{"class":658},[652,3208,3209,3212,3214,3216,3218,3220],{"class":654,"line":1104},[652,3210,3211],{"class":1172}," handle",[652,3213,1176],{"class":662},[652,3215,1282],{"class":730},[652,3217,532],{"class":658},[652,3219,1268],{"class":730},[652,3221,1187],{"class":662},[652,3223,3224],{"class":654,"line":1113},[652,3225,1613],{"class":658},[652,3227,3228],{"class":654,"line":1120},[652,3229,2090],{"class":658},[652,3231,3232,3234,3236,3238,3240,3242,3244],{"class":654,"line":1130},[652,3233,2624],{"class":1276},[652,3235,1806],{"class":658},[652,3237,1237],{"class":666},[652,3239,1774],{"class":730},[652,3241,532],{"class":658},[652,3243,2119],{"class":1172},[652,3245,1607],{"class":662},[652,3247,3248],{"class":654,"line":1137},[652,3249,914],{"class":658},[521,3251,3252,3254,3255,3258],{},[549,3253,551],{}," skips files outside the date range, so the replay step is fast even if you keep weeks of history. For a tail-only mode without on-disk replay, hit the stream server with ",[549,3256,3257],{},"?since=\u003Ciso>"," to reuse the in-process ring buffer instead.",[609,3260,3262],{"id":3261},"_4-node-bun-client-fetch-readablestream","4. Node \u002F Bun client (fetch + ReadableStream)",[521,3264,3265,3266,3268],{},"Same protocol, no ",[549,3267,573],{}," polyfill needed:",[643,3270,3272],{"className":2268,"code":3271,"language":1679,"meta":648,"style":648},"import { readFile } from 'node:fs\u002Fpromises'\n\nconst url = (await readFile('.evlog\u002Fstream.url', 'utf-8')).trim()\nconst res = await fetch(url)\nconst reader = res.body!.getReader()\nconst decoder = new TextDecoder()\nlet buffer = ''\n\nwhile (true) {\n const { value, done } = await reader.read()\n if (done) break\n buffer += decoder.decode(value, { stream: true })\n\n let idx\n while ((idx = buffer.indexOf('\\n\\n')) !== -1) {\n const frame = buffer.slice(0, idx)\n buffer = buffer.slice(idx + 2)\n const dataLine = frame.split('\\n').find(l => l.startsWith('data:'))\n if (!dataLine) continue\n const env = JSON.parse(dataLine.slice(5).trim())\n if (env.type === 'event') console.log(env.data)\n }\n}\n",[549,3273,3274,3292,3296,3335,3352,3376,3392,3404,3408,3423,3453,3467,3503,3507,3515,3559,3585,3610,3668,3684,3719,3759,3763],{"__ignoreMap":648},[652,3275,3276,3278,3280,3282,3284,3286,3288,3290],{"class":654,"line":655},[652,3277,1688],{"class":1276},[652,3279,758],{"class":658},[652,3281,2863],{"class":730},[652,3283,1706],{"class":658},[652,3285,1709],{"class":1276},[652,3287,1148],{"class":658},[652,3289,2872],{"class":711},[652,3291,1154],{"class":658},[652,3293,3294],{"class":654,"line":673},[652,3295,1117],{"emptyLinePlaceholder":1116},[652,3297,3298,3300,3303,3305,3307,3309,3311,3313,3315,3317,3319,3321,3323,3325,3327,3329,3331,3333],{"class":654,"line":683},[652,3299,1746],{"class":666},[652,3301,3302],{"class":730}," url ",[652,3304,705],{"class":658},[652,3306,1228],{"class":730},[652,3308,3052],{"class":1276},[652,3310,2863],{"class":1172},[652,3312,1176],{"class":730},[652,3314,1179],{"class":658},[652,3316,562],{"class":711},[652,3318,1179],{"class":658},[652,3320,775],{"class":658},[652,3322,1148],{"class":658},[652,3324,712],{"class":711},[652,3326,1179],{"class":658},[652,3328,3073],{"class":730},[652,3330,532],{"class":658},[652,3332,3078],{"class":1172},[652,3334,1607],{"class":730},[652,3336,3337,3339,3342,3344,3346,3349],{"class":654,"line":693},[652,3338,1746],{"class":666},[652,3340,3341],{"class":730}," res ",[652,3343,705],{"class":658},[652,3345,1832],{"class":1276},[652,3347,3348],{"class":1172}," fetch",[652,3350,3351],{"class":730},"(url)\n",[652,3353,3354,3356,3359,3361,3364,3366,3368,3371,3374],{"class":654,"line":719},[652,3355,1746],{"class":666},[652,3357,3358],{"class":730}," reader ",[652,3360,705],{"class":658},[652,3362,3363],{"class":730}," res",[652,3365,532],{"class":658},[652,3367,984],{"class":730},[652,3369,3370],{"class":658},"!.",[652,3372,3373],{"class":1172},"getReader",[652,3375,1607],{"class":730},[652,3377,3378,3380,3383,3385,3387,3390],{"class":654,"line":741},[652,3379,1746],{"class":666},[652,3381,3382],{"class":730}," decoder ",[652,3384,705],{"class":658},[652,3386,1200],{"class":658},[652,3388,3389],{"class":1172}," TextDecoder",[652,3391,1607],{"class":730},[652,3393,3394,3396,3399,3401],{"class":654,"line":751},[652,3395,1771],{"class":666},[652,3397,3398],{"class":730}," buffer ",[652,3400,705],{"class":658},[652,3402,3403],{"class":658}," ''\n",[652,3405,3406],{"class":654,"line":806},[652,3407,1117],{"emptyLinePlaceholder":1116},[652,3409,3410,3413,3415,3419,3421],{"class":654,"line":836},[652,3411,3412],{"class":1276},"while",[652,3414,1228],{"class":730},[652,3416,3418],{"class":3417},"sfNiH","true",[652,3420,1300],{"class":730},[652,3422,2012],{"class":658},[652,3424,3425,3427,3429,3432,3434,3437,3439,3441,3443,3446,3448,3451],{"class":654,"line":892},[652,3426,1820],{"class":666},[652,3428,758],{"class":658},[652,3430,3431],{"class":730}," value",[652,3433,775],{"class":658},[652,3435,3436],{"class":730}," done",[652,3438,1706],{"class":658},[652,3440,1225],{"class":658},[652,3442,1832],{"class":1276},[652,3444,3445],{"class":730}," reader",[652,3447,532],{"class":658},[652,3449,3450],{"class":1172},"read",[652,3452,1607],{"class":662},[652,3454,3455,3457,3459,3462,3464],{"class":654,"line":917},[652,3456,1867],{"class":1276},[652,3458,1228],{"class":662},[652,3460,3461],{"class":730},"done",[652,3463,1300],{"class":662},[652,3465,3466],{"class":1276},"break\n",[652,3468,3469,3472,3475,3478,3480,3483,3485,3487,3489,3491,3494,3496,3499,3501],{"class":654,"line":939},[652,3470,3471],{"class":730}," buffer",[652,3473,3474],{"class":658}," +=",[652,3476,3477],{"class":730}," decoder",[652,3479,532],{"class":658},[652,3481,3482],{"class":1172},"decode",[652,3484,1176],{"class":662},[652,3486,2022],{"class":730},[652,3488,775],{"class":658},[652,3490,758],{"class":658},[652,3492,3493],{"class":662}," stream",[652,3495,765],{"class":658},[652,3497,3498],{"class":3417}," true",[652,3500,1706],{"class":658},[652,3502,1187],{"class":662},[652,3504,3505],{"class":654,"line":960},[652,3506,1117],{"emptyLinePlaceholder":1116},[652,3508,3509,3512],{"class":654,"line":970},[652,3510,3511],{"class":666}," let",[652,3513,3514],{"class":730}," idx\n",[652,3516,3517,3520,3523,3526,3528,3531,3533,3536,3538,3540,3543,3545,3547,3550,3553,3555,3557],{"class":654,"line":979},[652,3518,3519],{"class":1276}," while",[652,3521,3522],{"class":662}," ((",[652,3524,3525],{"class":730},"idx",[652,3527,1225],{"class":658},[652,3529,3530],{"class":730}," buffer",[652,3532,532],{"class":658},[652,3534,3535],{"class":1172},"indexOf",[652,3537,1176],{"class":662},[652,3539,1179],{"class":658},[652,3541,3542],{"class":730},"\\n\\n",[652,3544,1179],{"class":658},[652,3546,3013],{"class":662},[652,3548,3549],{"class":658},"!==",[652,3551,3552],{"class":658}," -",[652,3554,1295],{"class":768},[652,3556,1300],{"class":662},[652,3558,2012],{"class":658},[652,3560,3561,3563,3566,3568,3570,3572,3574,3576,3578,3580,3583],{"class":654,"line":989},[652,3562,1140],{"class":666},[652,3564,3565],{"class":730}," frame",[652,3567,1225],{"class":658},[652,3569,3530],{"class":730},[652,3571,532],{"class":658},[652,3573,2565],{"class":1172},[652,3575,1176],{"class":662},[652,3577,2570],{"class":768},[652,3579,775],{"class":658},[652,3581,3582],{"class":730}," idx",[652,3584,1187],{"class":662},[652,3586,3587,3590,3592,3594,3596,3598,3600,3602,3605,3608],{"class":654,"line":1011},[652,3588,3589],{"class":730}," buffer",[652,3591,1225],{"class":658},[652,3593,3530],{"class":730},[652,3595,532],{"class":658},[652,3597,2565],{"class":1172},[652,3599,1176],{"class":662},[652,3601,3525],{"class":730},[652,3603,3604],{"class":658}," +",[652,3606,3607],{"class":768}," 2",[652,3609,1187],{"class":662},[652,3611,3612,3614,3617,3619,3621,3623,3626,3628,3630,3633,3635,3637,3639,3642,3644,3647,3649,3652,3654,3657,3659,3661,3664,3666],{"class":654,"line":1090},[652,3613,1140],{"class":666},[652,3615,3616],{"class":730}," dataLine",[652,3618,1225],{"class":658},[652,3620,3565],{"class":730},[652,3622,532],{"class":658},[652,3624,3625],{"class":1172},"split",[652,3627,1176],{"class":662},[652,3629,1179],{"class":658},[652,3631,3632],{"class":730},"\\n",[652,3634,1179],{"class":658},[652,3636,586],{"class":662},[652,3638,532],{"class":658},[652,3640,3641],{"class":1172},"find",[652,3643,1176],{"class":662},[652,3645,3646],{"class":1231},"l",[652,3648,1237],{"class":666},[652,3650,3651],{"class":730}," l",[652,3653,532],{"class":658},[652,3655,3656],{"class":1172},"startsWith",[652,3658,1176],{"class":662},[652,3660,1179],{"class":658},[652,3662,3663],{"class":711},"data:",[652,3665,1179],{"class":658},[652,3667,2577],{"class":662},[652,3669,3670,3672,3674,3676,3679,3681],{"class":654,"line":1104},[652,3671,1949],{"class":1276},[652,3673,1228],{"class":662},[652,3675,1872],{"class":658},[652,3677,3678],{"class":730},"dataLine",[652,3680,1300],{"class":662},[652,3682,3683],{"class":1276},"continue\n",[652,3685,3686,3688,3690,3692,3694,3696,3698,3700,3702,3704,3706,3708,3711,3713,3715,3717],{"class":654,"line":1113},[652,3687,1140],{"class":666},[652,3689,1249],{"class":730},[652,3691,1225],{"class":658},[652,3693,1254],{"class":730},[652,3695,532],{"class":658},[652,3697,1259],{"class":1172},[652,3699,1176],{"class":662},[652,3701,3678],{"class":730},[652,3703,532],{"class":658},[652,3705,2565],{"class":1172},[652,3707,1176],{"class":662},[652,3709,3710],{"class":768},"5",[652,3712,586],{"class":662},[652,3714,532],{"class":658},[652,3716,3078],{"class":1172},[652,3718,2122],{"class":662},[652,3720,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739,3741,3744,3746,3749,3751,3753,3755,3757],{"class":654,"line":1120},[652,3722,1949],{"class":1276},[652,3724,1228],{"class":662},[652,3726,1282],{"class":730},[652,3728,532],{"class":658},[652,3730,581],{"class":730},[652,3732,1984],{"class":658},[652,3734,1148],{"class":658},[652,3736,1323],{"class":711},[652,3738,1179],{"class":658},[652,3740,1300],{"class":662},[652,3742,3743],{"class":730},"console",[652,3745,532],{"class":658},[652,3747,3748],{"class":1172},"log",[652,3750,1176],{"class":662},[652,3752,1282],{"class":730},[652,3754,532],{"class":658},[652,3756,1268],{"class":730},[652,3758,1187],{"class":662},[652,3760,3761],{"class":654,"line":1130},[652,3762,2090],{"class":658},[652,3764,3765],{"class":654,"line":1137},[652,3766,914],{"class":658},[609,3768,3770],{"id":3769},"_5-filter-transform-aggregate-on-the-consumer","5. Filter, transform, aggregate on the consumer",[521,3772,3773],{},"Keep the server dumb — every consumer picks what it cares about:",[643,3775,3777],{"className":2268,"code":3776,"language":1679,"meta":648,"style":648},"\u002F\u002F Just errors\nconst errors = events.filter(e => e.level === 'error')\n\n\u002F\u002F Slow requests\nconst slowReqs = events.filter(e => typeof e.duration === 'number' && e.duration > 500)\n\n\u002F\u002F Group by service\nconst byService = Object.groupBy(events, e => e.service)\n\n\u002F\u002F Rolling error rate (last 100 events)\nconst last100 = events.slice(0, 100)\nconst errorRate = last100.filter(e => e.level === 'error').length \u002F last100.length\n\n\u002F\u002F Ad-hoc cost analytics — works because evlog\u002Fai writes ai.* fields on every AI call\nconst totalCost = events\n .filter(e => typeof e.ai?.estimatedCost === 'number')\n .reduce((sum, e) => sum + (e.ai?.estimatedCost as number), 0)\n",[549,3778,3779,3784,3827,3831,3836,3890,3894,3899,3932,3936,3941,3967,4020,4024,4029,4040,4077],{"__ignoreMap":648},[652,3780,3781],{"class":654,"line":655},[652,3782,3783],{"class":1133},"\u002F\u002F Just errors\n",[652,3785,3786,3788,3791,3793,3796,3798,3801,3803,3805,3807,3810,3812,3815,3818,3820,3823,3825],{"class":654,"line":673},[652,3787,1746],{"class":666},[652,3789,3790],{"class":730}," errors ",[652,3792,705],{"class":658},[652,3794,3795],{"class":730}," events",[652,3797,532],{"class":658},[652,3799,3800],{"class":1172},"filter",[652,3802,1176],{"class":730},[652,3804,1232],{"class":1231},[652,3806,1237],{"class":666},[652,3808,3809],{"class":730}," e",[652,3811,532],{"class":658},[652,3813,3814],{"class":730},"level ",[652,3816,3817],{"class":658},"===",[652,3819,1148],{"class":658},[652,3821,3822],{"class":711},"error",[652,3824,1179],{"class":658},[652,3826,1187],{"class":730},[652,3828,3829],{"class":654,"line":683},[652,3830,1117],{"emptyLinePlaceholder":1116},[652,3832,3833],{"class":654,"line":693},[652,3834,3835],{"class":1133},"\u002F\u002F Slow requests\n",[652,3837,3838,3840,3843,3845,3847,3849,3851,3853,3855,3857,3860,3862,3864,3867,3869,3871,3874,3876,3878,3880,3882,3884,3886,3888],{"class":654,"line":719},[652,3839,1746],{"class":666},[652,3841,3842],{"class":730}," slowReqs ",[652,3844,705],{"class":658},[652,3846,3795],{"class":730},[652,3848,532],{"class":658},[652,3850,3800],{"class":1172},[652,3852,1176],{"class":730},[652,3854,1232],{"class":1231},[652,3856,1237],{"class":666},[652,3858,3859],{"class":658}," typeof",[652,3861,3809],{"class":730},[652,3863,532],{"class":658},[652,3865,3866],{"class":730},"duration ",[652,3868,3817],{"class":658},[652,3870,1148],{"class":658},[652,3872,3873],{"class":711},"number",[652,3875,1179],{"class":658},[652,3877,1328],{"class":658},[652,3879,3809],{"class":730},[652,3881,532],{"class":658},[652,3883,3866],{"class":730},[652,3885,727],{"class":658},[652,3887,2064],{"class":768},[652,3889,1187],{"class":730},[652,3891,3892],{"class":654,"line":741},[652,3893,1117],{"emptyLinePlaceholder":1116},[652,3895,3896],{"class":654,"line":751},[652,3897,3898],{"class":1133},"\u002F\u002F Group by service\n",[652,3900,3901,3903,3906,3908,3911,3913,3916,3919,3921,3923,3925,3927,3929],{"class":654,"line":806},[652,3902,1746],{"class":666},[652,3904,3905],{"class":730}," byService ",[652,3907,705],{"class":658},[652,3909,3910],{"class":730}," Object",[652,3912,532],{"class":658},[652,3914,3915],{"class":1172},"groupBy",[652,3917,3918],{"class":730},"(events",[652,3920,775],{"class":658},[652,3922,3809],{"class":1231},[652,3924,1237],{"class":666},[652,3926,3809],{"class":730},[652,3928,532],{"class":658},[652,3930,3931],{"class":730},"service)\n",[652,3933,3934],{"class":654,"line":836},[652,3935,1117],{"emptyLinePlaceholder":1116},[652,3937,3938],{"class":654,"line":892},[652,3939,3940],{"class":1133},"\u002F\u002F Rolling error rate (last 100 events)\n",[652,3942,3943,3945,3948,3950,3952,3954,3956,3958,3960,3962,3965],{"class":654,"line":917},[652,3944,1746],{"class":666},[652,3946,3947],{"class":730}," last100 ",[652,3949,705],{"class":658},[652,3951,3795],{"class":730},[652,3953,532],{"class":658},[652,3955,2565],{"class":1172},[652,3957,1176],{"class":730},[652,3959,2570],{"class":768},[652,3961,775],{"class":658},[652,3963,3964],{"class":768}," 100",[652,3966,1187],{"class":730},[652,3968,3969,3971,3974,3976,3979,3981,3983,3985,3987,3989,3991,3993,3995,3997,3999,4001,4003,4005,4007,4010,4013,4015,4017],{"class":654,"line":939},[652,3970,1746],{"class":666},[652,3972,3973],{"class":730}," errorRate ",[652,3975,705],{"class":658},[652,3977,3978],{"class":730}," last100",[652,3980,532],{"class":658},[652,3982,3800],{"class":1172},[652,3984,1176],{"class":730},[652,3986,1232],{"class":1231},[652,3988,1237],{"class":666},[652,3990,3809],{"class":730},[652,3992,532],{"class":658},[652,3994,3814],{"class":730},[652,3996,3817],{"class":658},[652,3998,1148],{"class":658},[652,4000,3822],{"class":711},[652,4002,1179],{"class":658},[652,4004,586],{"class":730},[652,4006,532],{"class":658},[652,4008,4009],{"class":730},"length ",[652,4011,4012],{"class":658},"\u002F",[652,4014,3978],{"class":730},[652,4016,532],{"class":658},[652,4018,4019],{"class":730},"length\n",[652,4021,4022],{"class":654,"line":960},[652,4023,1117],{"emptyLinePlaceholder":1116},[652,4025,4026],{"class":654,"line":970},[652,4027,4028],{"class":1133},"\u002F\u002F Ad-hoc cost analytics — works because evlog\u002Fai writes ai.* fields on every AI call\n",[652,4030,4031,4033,4036,4038],{"class":654,"line":979},[652,4032,1746],{"class":666},[652,4034,4035],{"class":730}," totalCost ",[652,4037,705],{"class":658},[652,4039,2627],{"class":730},[652,4041,4042,4045,4047,4049,4051,4053,4055,4057,4059,4062,4064,4067,4069,4071,4073,4075],{"class":654,"line":989},[652,4043,4044],{"class":658}," .",[652,4046,3800],{"class":1172},[652,4048,1176],{"class":730},[652,4050,1232],{"class":1231},[652,4052,1237],{"class":666},[652,4054,3859],{"class":658},[652,4056,3809],{"class":730},[652,4058,532],{"class":658},[652,4060,4061],{"class":730},"ai",[652,4063,2116],{"class":658},[652,4065,4066],{"class":730},"estimatedCost ",[652,4068,3817],{"class":658},[652,4070,1148],{"class":658},[652,4072,3873],{"class":711},[652,4074,1179],{"class":658},[652,4076,1187],{"class":730},[652,4078,4079,4081,4084,4086,4088,4091,4093,4095,4097,4099,4102,4105,4108,4110,4112,4114,4116,4119,4122,4124,4126,4128],{"class":654,"line":1011},[652,4080,4044],{"class":658},[652,4082,4083],{"class":1172},"reduce",[652,4085,1176],{"class":730},[652,4087,1176],{"class":658},[652,4089,4090],{"class":1231},"sum",[652,4092,775],{"class":658},[652,4094,3809],{"class":1231},[652,4096,586],{"class":658},[652,4098,1237],{"class":666},[652,4100,4101],{"class":730}," sum ",[652,4103,4104],{"class":658},"+",[652,4106,4107],{"class":730}," (e",[652,4109,532],{"class":658},[652,4111,4061],{"class":730},[652,4113,2116],{"class":658},[652,4115,4066],{"class":730},[652,4117,4118],{"class":1276},"as",[652,4120,4121],{"class":754}," number",[652,4123,586],{"class":730},[652,4125,775],{"class":658},[652,4127,789],{"class":768},[652,4129,1187],{"class":730},[609,4131,4133],{"id":4132},"_6-self-hosted-tail-f-replacement","6. Self-hosted \"tail -f\" replacement",[521,4135,4136],{},"Skip the network entirely if the consumer runs on the same machine:",[643,4138,4140],{"className":2268,"code":4139,"language":1679,"meta":648,"style":648},"import { tailFsLogs } from 'evlog\u002Ffs'\n\nconst ac = new AbortController()\nprocess.on('SIGINT', () => ac.abort())\n\nfor await (const event of tailFsLogs({ signal: ac.signal })) {\n if (event.level === 'error') notifyOps(event)\n}\n",[549,4141,4142,4161,4165,4181,4216,4220,4261,4292],{"__ignoreMap":648},[652,4143,4144,4146,4148,4151,4153,4155,4157,4159],{"class":654,"line":655},[652,4145,1688],{"class":1276},[652,4147,758],{"class":658},[652,4149,4150],{"class":730}," tailFsLogs",[652,4152,1706],{"class":658},[652,4154,1709],{"class":1276},[652,4156,1148],{"class":658},[652,4158,2852],{"class":711},[652,4160,1154],{"class":658},[652,4162,4163],{"class":654,"line":673},[652,4164,1117],{"emptyLinePlaceholder":1116},[652,4166,4167,4169,4172,4174,4176,4179],{"class":654,"line":683},[652,4168,1746],{"class":666},[652,4170,4171],{"class":730}," ac ",[652,4173,705],{"class":658},[652,4175,1200],{"class":658},[652,4177,4178],{"class":1172}," AbortController",[652,4180,1607],{"class":730},[652,4182,4183,4186,4188,4191,4193,4195,4198,4200,4202,4204,4206,4209,4211,4214],{"class":654,"line":693},[652,4184,4185],{"class":730},"process",[652,4187,532],{"class":658},[652,4189,4190],{"class":1172},"on",[652,4192,1176],{"class":730},[652,4194,1179],{"class":658},[652,4196,4197],{"class":711},"SIGINT",[652,4199,1179],{"class":658},[652,4201,775],{"class":658},[652,4203,1806],{"class":658},[652,4205,1237],{"class":666},[652,4207,4208],{"class":730}," ac",[652,4210,532],{"class":658},[652,4212,4213],{"class":1172},"abort",[652,4215,2122],{"class":730},[652,4217,4218],{"class":654,"line":719},[652,4219,1117],{"emptyLinePlaceholder":1116},[652,4221,4222,4225,4227,4229,4231,4234,4237,4239,4241,4243,4246,4248,4250,4252,4255,4257,4259],{"class":654,"line":741},[652,4223,4224],{"class":1276},"for",[652,4226,1832],{"class":1276},[652,4228,1228],{"class":730},[652,4230,1746],{"class":666},[652,4232,4233],{"class":730}," event ",[652,4235,4236],{"class":658},"of",[652,4238,4150],{"class":1172},[652,4240,1176],{"class":730},[652,4242,3006],{"class":658},[652,4244,4245],{"class":662}," signal",[652,4247,765],{"class":658},[652,4249,4208],{"class":730},[652,4251,532],{"class":658},[652,4253,4254],{"class":730},"signal ",[652,4256,1446],{"class":658},[652,4258,3013],{"class":730},[652,4260,2012],{"class":658},[652,4262,4263,4265,4267,4269,4271,4273,4275,4277,4279,4281,4283,4286,4288,4290],{"class":654,"line":751},[652,4264,1867],{"class":1276},[652,4266,1228],{"class":662},[652,4268,1323],{"class":730},[652,4270,532],{"class":658},[652,4272,1046],{"class":730},[652,4274,1984],{"class":658},[652,4276,1148],{"class":658},[652,4278,3822],{"class":711},[652,4280,1179],{"class":658},[652,4282,1300],{"class":662},[652,4284,4285],{"class":1172},"notifyOps",[652,4287,1176],{"class":662},[652,4289,1323],{"class":730},[652,4291,1187],{"class":662},[652,4293,4294],{"class":654,"line":806},[652,4295,914],{"class":658},[521,4297,4298],{},"Works without instrumenting the running app — useful for sidecar \u002F observer processes that watch a directory.",[609,4300,4302],{"id":4301},"what-not-to-do","What not to do",[542,4304,4305,4311,4317],{},[545,4306,4307,4310],{},[2208,4308,4309],{},"Don't run the stream server on Vercel Functions \u002F Cloudflare Workers \u002F Lambda."," Each invocation is a separate isolate; subscribers in one isolate never see events emitted by other isolates. Use a real broker (Redis Streams, NATS, Pub\u002FSub) for cross-instance fan-out.",[545,4312,4313,4316],{},[2208,4314,4315],{},"Don't put auth-sensitive data in wide events"," unless your evlog config redacts them. The server relays exactly what your app emitted — including any unredacted PII.",[545,4318,4319,4322],{},[2208,4320,4321],{},"Don't filter at the server"," (\"only error events please\"). The server is purpose-built to be transparent. Filter on the consumer side; that way one filter doesn't starve another consumer.",[746,4324,4325],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":648,"searchDepth":673,"depth":673,"links":4327},[4328,4333,4334,4335,4336,4337,4338],{"id":611,"depth":673,"text":612,"children":4329},[4330,4331,4332],{"id":637,"depth":683,"text":638},{"id":1650,"depth":683,"text":1651},{"id":2264,"depth":683,"text":2265},{"id":2642,"depth":673,"text":2643},{"id":2825,"depth":673,"text":2826},{"id":3261,"depth":673,"text":3262},{"id":3769,"depth":673,"text":3770},{"id":4132,"depth":673,"text":4133},{"id":4301,"depth":673,"text":4302},"Concrete copy-paste recipes — build your own minimal devtool, pipe to curl + jq, replay history then go live, and aggregate on the consumer side.","md",null,{},{"title":396,"icon":457},{"title":396,"description":4339},"dsdzs4cirQ9eOCQ0hXtlheWkWzi4gTmyIugySDsuRk8",[4347,4349],{"title":450,"path":451,"stem":452,"description":4348,"icon":453,"children":-1},"Replay and tail the local NDJSON drain with readFsLogs and tailFsLogs — works in-process or from any external Node tool, survives restarts.",{"title":459,"path":460,"stem":461,"description":4350,"icon":438,"children":-1},"definePlugin is the canonical extension point for evlog — opt into any subset of setup, onRequestStart, enrich, keep, drain, onRequestFinish, onClientLog, extendLogger from a single cohesive object.",1785609699697]