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