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