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