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