[{"data":1,"prerenderedAt":2742},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-client-logging":534,"-use-cases-client-logging-surround":2737},[4,30,80,128,308,440,499],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Start","\u002Fstart","1.start",[9,14,19,24],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fstart\u002Fintroduction","1.start\u002F1.introduction","i-lucide-info",{"title":15,"path":16,"stem":17,"icon":18},"Why start with evlog","\u002Fstart\u002Fwhy-evlog","1.start\u002F2.why-evlog","i-lucide-rocket",{"title":20,"path":21,"stem":22,"icon":23},"Installation","\u002Fstart\u002Finstallation","1.start\u002F3.installation","i-lucide-download",{"title":25,"path":26,"stem":27,"icon":28},"Quick Start","\u002Fstart\u002Fquick-start","1.start\u002F4.quick-start","i-lucide-zap",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Learn","\u002Flearn","2.learn",[35,40,45,50,55,60,65,70,75],{"title":36,"path":37,"stem":38,"icon":39},"Overview","\u002Flearn\u002Foverview","2.learn\u002F0.overview","i-lucide-list",{"title":41,"path":42,"stem":43,"icon":44},"Simple Logging","\u002Flearn\u002Fsimple-logging","2.learn\u002F1.simple-logging","i-lucide-terminal",{"title":46,"path":47,"stem":48,"icon":49},"Wide Events","\u002Flearn\u002Fwide-events","2.learn\u002F2.wide-events","i-lucide-layers",{"title":51,"path":52,"stem":53,"icon":54},"Structured Errors","\u002Flearn\u002Fstructured-errors","2.learn\u002F3.structured-errors","i-lucide-shield-alert",{"title":56,"path":57,"stem":58,"icon":59},"Lifecycle","\u002Flearn\u002Flifecycle","2.learn\u002F4.lifecycle","i-lucide-arrow-right-left",{"title":61,"path":62,"stem":63,"icon":64},"Sampling","\u002Flearn\u002Fsampling","2.learn\u002F5.sampling","i-lucide-filter",{"title":66,"path":67,"stem":68,"icon":69},"Auto-Redaction","\u002Flearn\u002Fredaction","2.learn\u002F6.redaction","i-lucide-eye-off",{"title":71,"path":72,"stem":73,"icon":74},"Typed Fields","\u002Flearn\u002Ftyped-fields","2.learn\u002F7.typed-fields","i-simple-icons-typescript",{"title":76,"path":77,"stem":78,"icon":79},"Catalogs","\u002Flearn\u002Fcatalogs","2.learn\u002F8.catalogs","i-lucide-book-open",{"title":81,"path":82,"stem":83,"children":84,"page":29},"CLI","\u002Fcli","3.cli",[85,88,93,98,103,108,113,118,123],{"title":36,"path":86,"stem":87,"icon":44},"\u002Fcli\u002Foverview","3.cli\u002F0.overview",{"title":89,"path":90,"stem":91,"icon":92},"init","\u002Fcli\u002Finit","3.cli\u002F1.init","i-lucide-wand-sparkles",{"title":94,"path":95,"stem":96,"icon":97},"map","\u002Fcli\u002Fmap","3.cli\u002F2.map","i-lucide-radar",{"title":99,"path":100,"stem":101,"icon":102},"Rules","\u002Fcli\u002Frules","3.cli\u002F3.rules","i-lucide-list-checks",{"title":104,"path":105,"stem":106,"icon":107},"Scoring","\u002Fcli\u002Fscoring","3.cli\u002F4.scoring","i-lucide-gauge",{"title":109,"path":110,"stem":111,"icon":112},"CI","\u002Fcli\u002Fci","3.cli\u002F5.ci","i-lucide-git-pull-request",{"title":114,"path":115,"stem":116,"icon":117},"doctor","\u002Fcli\u002Fdoctor","3.cli\u002F6.doctor","i-lucide-stethoscope",{"title":119,"path":120,"stem":121,"icon":122},"telemetry","\u002Fcli\u002Ftelemetry","3.cli\u002F7.telemetry","i-lucide-bar-chart-3",{"title":124,"path":125,"stem":126,"icon":127},"agents","\u002Fcli\u002Fagents","3.cli\u002F8.agents","i-lucide-bot",{"title":129,"path":130,"stem":131,"children":132,"page":29},"Integrate","\u002Fintegrate","4.integrate",[133,137,220],{"title":36,"path":134,"stem":135,"icon":136},"\u002Fintegrate\u002Foverview","4.integrate\u002F0.overview","i-lucide-plug",{"title":138,"path":139,"stem":140,"children":141,"page":29},"Adapters","\u002Fintegrate\u002Fadapters","4.integrate\u002Fadapters",[142,145,175,200],{"title":36,"path":143,"stem":144,"icon":39},"\u002Fintegrate\u002Fadapters\u002Foverview","4.integrate\u002Fadapters\u002F01.overview",{"title":146,"path":147,"stem":148,"children":149,"page":29},"Cloud","\u002Fintegrate\u002Fadapters\u002Fcloud","4.integrate\u002Fadapters\u002Fcloud",[150,155,160,165,170],{"title":151,"path":152,"stem":153,"icon":154},"Axiom","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Faxiom","4.integrate\u002Fadapters\u002Fcloud\u002F01.axiom","i-custom-axiom",{"title":156,"path":157,"stem":158,"icon":159},"PostHog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fposthog","4.integrate\u002Fadapters\u002Fcloud\u002F02.posthog","i-simple-icons-posthog",{"title":161,"path":162,"stem":163,"icon":164},"Sentry","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fsentry","4.integrate\u002Fadapters\u002Fcloud\u002F03.sentry","i-simple-icons-sentry",{"title":166,"path":167,"stem":168,"icon":169},"Better Stack","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fbetter-stack","4.integrate\u002Fadapters\u002Fcloud\u002F04.better-stack","i-simple-icons-betterstack",{"title":171,"path":172,"stem":173,"icon":174},"Datadog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fdatadog","4.integrate\u002Fadapters\u002Fcloud\u002F05.datadog","i-simple-icons-datadog",{"title":176,"path":177,"stem":178,"children":179,"page":29},"Cloud or Self-Hosted","\u002Fintegrate\u002Fadapters\u002Fhybrid","4.integrate\u002Fadapters\u002Fhybrid",[180,185,190,195],{"title":181,"path":182,"stem":183,"icon":184},"Grafana Loki","\u002Fintegrate\u002Fadapters\u002Fhybrid\u002Floki","4.integrate\u002Fadapters\u002Fhybrid\u002F01.loki","i-simple-icons-grafana",{"title":186,"path":187,"stem":188,"icon":189},"ClickHouse","\u002Fintegrate\u002Fadapters\u002Fhybrid\u002Fclickhouse","4.integrate\u002Fadapters\u002Fhybrid\u002F02.clickhouse","i-simple-icons-clickhouse",{"title":191,"path":192,"stem":193,"icon":194},"OTLP","\u002Fintegrate\u002Fadapters\u002Fhybrid\u002Fotlp","4.integrate\u002Fadapters\u002Fhybrid\u002F03.otlp","i-simple-icons-opentelemetry",{"title":196,"path":197,"stem":198,"icon":199},"HyperDX","\u002Fintegrate\u002Fadapters\u002Fhybrid\u002Fhyperdx","4.integrate\u002Fadapters\u002Fhybrid\u002F04.hyperdx","i-custom-hyperdx",{"title":201,"path":202,"stem":203,"children":204,"page":29},"Self-Hosted","\u002Fintegrate\u002Fadapters\u002Fself-hosted","4.integrate\u002Fadapters\u002Fself-hosted",[205,210,215],{"title":206,"path":207,"stem":208,"icon":209},"File System","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Ffs","4.integrate\u002Fadapters\u002Fself-hosted\u002F01.fs","i-lucide-hard-drive",{"title":211,"path":212,"stem":213,"icon":214},"NuxtHub","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Fnuxthub","4.integrate\u002Fadapters\u002Fself-hosted\u002F02.nuxthub","i-simple-icons-nuxt",{"title":216,"path":217,"stem":218,"icon":219},"Memory","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Fmemory","4.integrate\u002Fadapters\u002Fself-hosted\u002F03.memory","i-lucide-cpu",{"title":221,"path":222,"stem":223,"children":224,"page":29},"Frameworks","\u002Fintegrate\u002Fframeworks","4.integrate\u002Fframeworks",[225,229,234,239,244,249,254,259,264,269,274,279,284,289,293,298,303],{"title":36,"path":226,"stem":227,"icon":228},"\u002Fintegrate\u002Fframeworks\u002Foverview","4.integrate\u002Fframeworks\u002F00.overview","i-lucide-layout-grid",{"title":230,"path":231,"stem":232,"icon":233},"Nuxt","\u002Fintegrate\u002Fframeworks\u002Fnuxt","4.integrate\u002Fframeworks\u002F01.nuxt","i-simple-icons-nuxtdotjs",{"title":235,"path":236,"stem":237,"icon":238},"Next.js","\u002Fintegrate\u002Fframeworks\u002Fnextjs","4.integrate\u002Fframeworks\u002F02.nextjs","i-simple-icons-nextdotjs",{"title":240,"path":241,"stem":242,"icon":243},"SvelteKit","\u002Fintegrate\u002Fframeworks\u002Fsveltekit","4.integrate\u002Fframeworks\u002F03.sveltekit","i-simple-icons-svelte",{"title":245,"path":246,"stem":247,"icon":248},"Nitro","\u002Fintegrate\u002Fframeworks\u002Fnitro","4.integrate\u002Fframeworks\u002F04.nitro","i-custom-nitro",{"title":250,"path":251,"stem":252,"icon":253},"TanStack Start","\u002Fintegrate\u002Fframeworks\u002Ftanstack-start","4.integrate\u002Fframeworks\u002F05.tanstack-start","i-custom-tanstack",{"title":255,"path":256,"stem":257,"icon":258},"NestJS","\u002Fintegrate\u002Fframeworks\u002Fnestjs","4.integrate\u002Fframeworks\u002F06.nestjs","i-simple-icons-nestjs",{"title":260,"path":261,"stem":262,"icon":263},"Express","\u002Fintegrate\u002Fframeworks\u002Fexpress","4.integrate\u002Fframeworks\u002F07.express","i-simple-icons-express",{"title":265,"path":266,"stem":267,"icon":268},"Hono","\u002Fintegrate\u002Fframeworks\u002Fhono","4.integrate\u002Fframeworks\u002F08.hono","i-simple-icons-hono",{"title":270,"path":271,"stem":272,"icon":273},"Fastify","\u002Fintegrate\u002Fframeworks\u002Ffastify","4.integrate\u002Fframeworks\u002F09.fastify","i-simple-icons-fastify",{"title":275,"path":276,"stem":277,"icon":278},"Elysia","\u002Fintegrate\u002Fframeworks\u002Felysia","4.integrate\u002Fframeworks\u002F10.elysia","i-custom-elysia",{"title":280,"path":281,"stem":282,"icon":283},"React Router","\u002Fintegrate\u002Fframeworks\u002Freact-router","4.integrate\u002Fframeworks\u002F11.react-router","i-custom-reactrouter",{"title":285,"path":286,"stem":287,"icon":288},"Cloudflare Workers","\u002Fintegrate\u002Fframeworks\u002Fcloudflare-workers","4.integrate\u002Fframeworks\u002F12.cloudflare-workers","i-simple-icons-cloudflare",{"title":290,"path":291,"stem":292,"icon":74},"Standalone","\u002Fintegrate\u002Fframeworks\u002Fstandalone","4.integrate\u002Fframeworks\u002F13.standalone",{"title":294,"path":295,"stem":296,"icon":297},"Astro","\u002Fintegrate\u002Fframeworks\u002Fastro","4.integrate\u002Fframeworks\u002F14.astro","i-simple-icons-astro",{"title":299,"path":300,"stem":301,"icon":302},"oRPC","\u002Fintegrate\u002Fframeworks\u002Forpc","4.integrate\u002Fframeworks\u002F15.orpc","i-lucide-network",{"title":304,"path":305,"stem":306,"icon":307},"AWS Lambda","\u002Fintegrate\u002Fframeworks\u002Faws-lambda","4.integrate\u002Fframeworks\u002F16.aws-lambda","i-custom-lambda",{"title":309,"path":310,"stem":311,"children":312,"page":29},"Use Cases","\u002Fuse-cases","5.use-cases",[313,316,321,350,377,409,430,435],{"title":36,"path":314,"stem":315,"icon":102},"\u002Fuse-cases\u002Foverview","5.use-cases\u002F0.overview",{"title":317,"path":318,"stem":319,"icon":320},"Client Logging","\u002Fuse-cases\u002Fclient-logging","5.use-cases\u002F1.client-logging","i-lucide-monitor",{"title":322,"icon":323,"path":324,"stem":325,"children":326,"page":29},"AI SDK","i-simple-icons-vercel","\u002Fuse-cases\u002Fai-sdk","5.use-cases\u002F2.ai-sdk",[327,330,335,340,345],{"title":36,"path":328,"stem":329,"icon":39},"\u002Fuse-cases\u002Fai-sdk\u002Foverview","5.use-cases\u002F2.ai-sdk\u002F01.overview",{"title":331,"path":332,"stem":333,"icon":334},"Usage","\u002Fuse-cases\u002Fai-sdk\u002Fusage","5.use-cases\u002F2.ai-sdk\u002F02.usage","i-lucide-code",{"title":336,"path":337,"stem":338,"icon":339},"Options","\u002Fuse-cases\u002Fai-sdk\u002Foptions","5.use-cases\u002F2.ai-sdk\u002F03.options","i-lucide-sliders",{"title":341,"path":342,"stem":343,"icon":344},"Metadata","\u002Fuse-cases\u002Fai-sdk\u002Fmetadata","5.use-cases\u002F2.ai-sdk\u002F04.metadata","i-lucide-database",{"title":346,"path":347,"stem":348,"icon":349},"Telemetry","\u002Fuse-cases\u002Fai-sdk\u002Ftelemetry","5.use-cases\u002F2.ai-sdk\u002F05.telemetry","i-lucide-activity",{"title":351,"icon":352,"path":353,"stem":354,"children":355,"page":29},"Better Auth","i-simple-icons-betterauth","\u002Fuse-cases\u002Fbetter-auth","5.use-cases\u002F3.better-auth",[356,359,364,369,373],{"title":36,"path":357,"stem":358,"icon":39},"\u002Fuse-cases\u002Fbetter-auth\u002Foverview","5.use-cases\u002F3.better-auth\u002F01.overview",{"title":360,"path":361,"stem":362,"icon":363},"Identify User","\u002Fuse-cases\u002Fbetter-auth\u002Fidentify-user","5.use-cases\u002F3.better-auth\u002F02.identify-user","i-lucide-user-check",{"title":365,"path":366,"stem":367,"icon":368},"Middleware","\u002Fuse-cases\u002Fbetter-auth\u002Fmiddleware","5.use-cases\u002F3.better-auth\u002F03.middleware","i-lucide-shield",{"title":370,"path":371,"stem":372,"icon":320},"Client Sync","\u002Fuse-cases\u002Fbetter-auth\u002Fclient-sync","5.use-cases\u002F3.better-auth\u002F04.client-sync",{"title":374,"path":375,"stem":376,"icon":107},"Performance","\u002Fuse-cases\u002Fbetter-auth\u002Fperformance","5.use-cases\u002F3.better-auth\u002F05.performance",{"title":378,"icon":379,"path":380,"stem":381,"children":382,"page":29},"Audit Logs","i-lucide-shield-check","\u002Fuse-cases\u002Faudit","5.use-cases\u002F4.audit",[383,386,391,396,401,405],{"title":36,"path":384,"stem":385,"icon":39},"\u002Fuse-cases\u002Faudit\u002Foverview","5.use-cases\u002F4.audit\u002F01.overview",{"title":387,"path":388,"stem":389,"icon":390},"Schema","\u002Fuse-cases\u002Faudit\u002Fschema","5.use-cases\u002F4.audit\u002F02.schema","i-lucide-file-text",{"title":392,"path":393,"stem":394,"icon":395},"Recording","\u002Fuse-cases\u002Faudit\u002Frecording","5.use-cases\u002F4.audit\u002F03.recording","i-lucide-pen-line",{"title":397,"path":398,"stem":399,"icon":400},"Drains","\u002Fuse-cases\u002Faudit\u002Fpipeline","5.use-cases\u002F4.audit\u002F04.pipeline","i-lucide-link",{"title":402,"path":403,"stem":404,"icon":379},"Compliance","\u002Fuse-cases\u002Faudit\u002Fcompliance","5.use-cases\u002F4.audit\u002F05.compliance",{"title":406,"path":407,"stem":408,"icon":79},"Recipes","\u002Fuse-cases\u002Faudit\u002Frecipes","5.use-cases\u002F4.audit\u002F06.recipes",{"title":346,"icon":107,"path":410,"stem":411,"children":412,"page":29},"\u002Fuse-cases\u002Ftelemetry","5.use-cases\u002F4.telemetry",[413,416,421,426],{"title":36,"path":414,"stem":415,"icon":39},"\u002Fuse-cases\u002Ftelemetry\u002Foverview","5.use-cases\u002F4.telemetry\u002F01.overview",{"title":417,"path":418,"stem":419,"icon":420},"Setup","\u002Fuse-cases\u002Ftelemetry\u002Fsetup","5.use-cases\u002F4.telemetry\u002F02.setup","i-lucide-wrench",{"title":422,"path":423,"stem":424,"icon":425},"Ingest","\u002Fuse-cases\u002Ftelemetry\u002Fingest","5.use-cases\u002F4.telemetry\u002F03.ingest","i-lucide-server",{"title":427,"path":428,"stem":429,"icon":79},"Reference","\u002Fuse-cases\u002Ftelemetry\u002Freference","5.use-cases\u002F4.telemetry\u002F04.reference",{"title":431,"path":432,"stem":433,"icon":434},"Enrichers","\u002Fuse-cases\u002Fenrichers","5.use-cases\u002F5.enrichers","i-lucide-sparkles",{"title":436,"path":437,"stem":438,"icon":439},"eve","\u002Fuse-cases\u002Feve","5.use-cases\u002F5.eve","i-custom-eve",{"title":441,"path":442,"stem":443,"children":444,"page":29},"Extend","\u002Fextend","6.extend",[445,449,454,459,463,468,472,476,480,484,489,494],{"title":36,"path":446,"stem":447,"icon":448},"\u002Fextend\u002Foverview","6.extend\u002F0.overview","i-lucide-blocks",{"title":450,"path":451,"stem":452,"icon":453},"Stream","\u002Fextend\u002Fstream","6.extend\u002F1.stream","i-lucide-radio-tower",{"title":455,"path":456,"stem":457,"icon":458},"Custom framework","\u002Fextend\u002Fcustom-framework","6.extend\u002F10.custom-framework","i-lucide-puzzle",{"title":460,"path":461,"stem":462,"icon":453},"Diagnostics channel","\u002Fextend\u002Fdiagnostics-channel","6.extend\u002F11.diagnostics-channel",{"title":464,"path":465,"stem":466,"icon":467},"FS reader","\u002Fextend\u002Ffs-reader","6.extend\u002F2.fs-reader","i-lucide-folder-search",{"title":406,"path":469,"stem":470,"icon":471},"\u002Fextend\u002Fconsumer-recipes","6.extend\u002F3.consumer-recipes","i-lucide-chef-hat",{"title":473,"path":474,"stem":475,"icon":448},"Plugins","\u002Fextend\u002Fplugins","6.extend\u002F4.plugins",{"title":477,"path":478,"stem":479,"icon":434},"Custom enrichers","\u002Fextend\u002Fcustom-enrichers","6.extend\u002F5.custom-enrichers",{"title":481,"path":482,"stem":483,"icon":64},"Tail sampling","\u002Fextend\u002Ftail-sampling","6.extend\u002F6.tail-sampling",{"title":485,"path":486,"stem":487,"icon":488},"Identity headers","\u002Fextend\u002Fidentity-headers","6.extend\u002F7.identity-headers","i-lucide-fingerprint",{"title":490,"path":491,"stem":492,"icon":493},"Custom drains","\u002Fextend\u002Fcustom-drains","6.extend\u002F8.custom-drains","i-lucide-share-2",{"title":495,"path":496,"stem":497,"icon":498},"Drain pipeline","\u002Fextend\u002Fdrain-pipeline","6.extend\u002F9.drain-pipeline","i-lucide-workflow",{"title":427,"path":500,"stem":501,"children":502,"page":29},"\u002Freference","7.reference",[503,508,511,516,520,525,529],{"title":504,"path":505,"stem":506,"icon":507},"Configuration","\u002Freference\u002Fconfiguration","7.reference\u002F1.configuration","i-lucide-settings",{"title":374,"path":509,"stem":510,"icon":107},"\u002Freference\u002Fperformance","7.reference\u002F2.performance",{"title":512,"path":513,"stem":514,"icon":515},"Vite Plugin","\u002Freference\u002Fvite-plugin","7.reference\u002F3.vite-plugin","i-custom-vite",{"title":517,"path":518,"stem":519,"icon":379},"Best Practices","\u002Freference\u002Fbest-practices","7.reference\u002F4.best-practices",{"title":521,"path":522,"stem":523,"icon":524},"vs Other Loggers","\u002Freference\u002Fvs-other-loggers","7.reference\u002F5.vs-other-loggers","i-lucide-scale",{"title":526,"path":527,"stem":528,"icon":434},"Agent Skills","\u002Freference\u002Fagent-skills","7.reference\u002F6.agent-skills",{"title":530,"path":531,"stem":532,"icon":533},"Cost","\u002Freference\u002Fcost","7.reference\u002F7.cost","i-lucide-receipt",{"id":535,"title":317,"body":536,"description":2726,"extension":2727,"links":2728,"meta":2733,"navigation":2734,"path":318,"seo":2735,"stem":319,"__hash__":2736},"docs\u002F5.use-cases\u002F1.client-logging.md",{"type":537,"value":538,"toc":2709},"minimark",[539,543,546,590,594,597,1096,1102,1110,1134,1153,1163,1167,1172,1177,1183,1244,1302,1306,1309,1343,1359,1363,1380,1401,1405,1411,1546,1549,1552,1558,1673,1756,1769,1773,1776,1780,1794,2206,2214,2218,2225,2648,2651,2675,2683,2687,2705],[540,541,542],"p",{},"Server logs tell you what happened on the backend. Client logs complete the picture: user interactions, page views, frontend errors, and performance signals that never reach the server unless you capture them.",[544,545],"client-server-beacon",{},[547,548,551,554,576],"prompt",{":actions":549,"description":550,"icon":320},"[\"copy\",\"cursor\",\"claude\"]","Ship browser logs to my server",[540,552,553],{},"Ship browser logs to my server with evlog client logging.",[555,556,557,561,564,567,570,573],"ul",{},[558,559,560],"li",{},"Detect my framework (Nuxt, Next.js, SvelteKit, etc.) and pick the matching client entrypoint",[558,562,563],{},"Call initLog({ service: 'web' }) once at app start",[558,565,566],{},"Use log.info \u002F log.warn \u002F log.error in components, composables, and event handlers",[558,568,569],{},"Set user identity with setIdentity({ userId, email }) after login, clearIdentity() on logout",[558,571,572],{},"Enable transport in the framework config so logs POST to \u002Fapi\u002F_evlog\u002Fingest in batches",[558,574,575],{},"On the server, evlog auto-runs the drain pipeline on transported events with source: 'client'",[540,577,578,579,585,586],{},"Docs: ",[580,581,582],"a",{"href":582,"rel":583},"https:\u002F\u002Fwww.evlog.dev\u002Fuse-cases\u002Fclient-logging",[584],"nofollow","\nHTTP transport: ",[580,587,588],{"href":588,"rel":589},"https:\u002F\u002Fwww.evlog.dev\u002Fextend\u002Fdrain-pipeline",[584],[591,592,25],"h2",{"id":593},"quick-start",[540,595,596],{},"evlog provides a client-side logging API that works in any browser environment:",[598,599,600,779,997],"code-group",{},[601,602,608],"pre",{"className":603,"code":604,"filename":605,"language":606,"meta":607,"style":607},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { initLog, log } from 'evlog\u002Fclient'\n\nexport default defineNuxtPlugin(() => {\n  initLog({ service: 'web' })\n\n  log.info({ action: 'app_init', path: window.location.pathname })\n})\n","app\u002Fplugins\u002Flogger.client.ts (Nuxt)","typescript","",[609,610,611,650,657,683,714,719,771],"code",{"__ignoreMap":607},[612,613,616,620,624,628,631,634,637,640,643,647],"span",{"class":614,"line":615},"line",1,[612,617,619],{"class":618},"s7zQu","import",[612,621,623],{"class":622},"sMK4o"," {",[612,625,627],{"class":626},"sTEyZ"," initLog",[612,629,630],{"class":622},",",[612,632,633],{"class":626}," log",[612,635,636],{"class":622}," }",[612,638,639],{"class":618}," from",[612,641,642],{"class":622}," '",[612,644,646],{"class":645},"sfazB","evlog\u002Fclient",[612,648,649],{"class":622},"'\n",[612,651,653],{"class":614,"line":652},2,[612,654,656],{"emptyLinePlaceholder":655},true,"\n",[612,658,660,663,666,670,673,676,680],{"class":614,"line":659},3,[612,661,662],{"class":618},"export",[612,664,665],{"class":618}," default",[612,667,669],{"class":668},"s2Zo4"," defineNuxtPlugin",[612,671,672],{"class":626},"(",[612,674,675],{"class":622},"()",[612,677,679],{"class":678},"spNyl"," =>",[612,681,682],{"class":622}," {\n",[612,684,686,689,692,695,698,701,703,706,709,711],{"class":614,"line":685},4,[612,687,688],{"class":668},"  initLog",[612,690,672],{"class":691},"swJcz",[612,693,694],{"class":622},"{",[612,696,697],{"class":691}," service",[612,699,700],{"class":622},":",[612,702,642],{"class":622},[612,704,705],{"class":645},"web",[612,707,708],{"class":622},"'",[612,710,636],{"class":622},[612,712,713],{"class":691},")\n",[612,715,717],{"class":614,"line":716},5,[612,718,656],{"emptyLinePlaceholder":655},[612,720,722,725,728,731,733,735,738,740,742,745,747,749,752,754,757,759,762,764,767,769],{"class":614,"line":721},6,[612,723,724],{"class":626},"  log",[612,726,727],{"class":622},".",[612,729,730],{"class":668},"info",[612,732,672],{"class":691},[612,734,694],{"class":622},[612,736,737],{"class":691}," action",[612,739,700],{"class":622},[612,741,642],{"class":622},[612,743,744],{"class":645},"app_init",[612,746,708],{"class":622},[612,748,630],{"class":622},[612,750,751],{"class":691}," path",[612,753,700],{"class":622},[612,755,756],{"class":626}," window",[612,758,727],{"class":622},[612,760,761],{"class":626},"location",[612,763,727],{"class":622},[612,765,766],{"class":626},"pathname",[612,768,636],{"class":622},[612,770,713],{"class":691},[612,772,774,777],{"class":614,"line":773},7,[612,775,776],{"class":622},"}",[612,778,713],{"class":626},[601,780,783],{"className":603,"code":781,"filename":782,"language":606,"meta":607,"style":607},"'use client'\nimport { useEffect } from 'react'\nimport { initLog, log } from 'evlog\u002Fclient'\n\nexport function LogProvider({ children }: { children: React.ReactNode }) {\n  useEffect(() => {\n    initLog({ service: 'web' })\n    log.info({ action: 'app_init', path: window.location.pathname })\n  }, [])\n\n  return \u003C>{children}\u003C\u002F>\n}\n","app\u002Fproviders.tsx (React \u002F Next.js)",[609,784,785,794,814,836,840,880,893,916,960,969,974,991],{"__ignoreMap":607},[612,786,787,789,792],{"class":614,"line":615},[612,788,708],{"class":622},[612,790,791],{"class":645},"use client",[612,793,649],{"class":622},[612,795,796,798,800,803,805,807,809,812],{"class":614,"line":652},[612,797,619],{"class":618},[612,799,623],{"class":622},[612,801,802],{"class":626}," useEffect",[612,804,636],{"class":622},[612,806,639],{"class":618},[612,808,642],{"class":622},[612,810,811],{"class":645},"react",[612,813,649],{"class":622},[612,815,816,818,820,822,824,826,828,830,832,834],{"class":614,"line":659},[612,817,619],{"class":618},[612,819,623],{"class":622},[612,821,627],{"class":626},[612,823,630],{"class":622},[612,825,633],{"class":626},[612,827,636],{"class":622},[612,829,639],{"class":618},[612,831,642],{"class":622},[612,833,646],{"class":645},[612,835,649],{"class":622},[612,837,838],{"class":614,"line":685},[612,839,656],{"emptyLinePlaceholder":655},[612,841,842,844,847,850,853,857,860,862,864,866,870,872,875,878],{"class":614,"line":716},[612,843,662],{"class":618},[612,845,846],{"class":678}," function",[612,848,849],{"class":668}," LogProvider",[612,851,852],{"class":622},"({",[612,854,856],{"class":855},"sHdIc"," children",[612,858,859],{"class":622}," }:",[612,861,623],{"class":622},[612,863,856],{"class":691},[612,865,700],{"class":622},[612,867,869],{"class":868},"sBMFI"," React",[612,871,727],{"class":622},[612,873,874],{"class":868},"ReactNode",[612,876,877],{"class":622}," })",[612,879,682],{"class":622},[612,881,882,885,887,889,891],{"class":614,"line":721},[612,883,884],{"class":668},"  useEffect",[612,886,672],{"class":691},[612,888,675],{"class":622},[612,890,679],{"class":678},[612,892,682],{"class":622},[612,894,895,898,900,902,904,906,908,910,912,914],{"class":614,"line":773},[612,896,897],{"class":668},"    initLog",[612,899,672],{"class":691},[612,901,694],{"class":622},[612,903,697],{"class":691},[612,905,700],{"class":622},[612,907,642],{"class":622},[612,909,705],{"class":645},[612,911,708],{"class":622},[612,913,636],{"class":622},[612,915,713],{"class":691},[612,917,919,922,924,926,928,930,932,934,936,938,940,942,944,946,948,950,952,954,956,958],{"class":614,"line":918},8,[612,920,921],{"class":626},"    log",[612,923,727],{"class":622},[612,925,730],{"class":668},[612,927,672],{"class":691},[612,929,694],{"class":622},[612,931,737],{"class":691},[612,933,700],{"class":622},[612,935,642],{"class":622},[612,937,744],{"class":645},[612,939,708],{"class":622},[612,941,630],{"class":622},[612,943,751],{"class":691},[612,945,700],{"class":622},[612,947,756],{"class":626},[612,949,727],{"class":622},[612,951,761],{"class":626},[612,953,727],{"class":622},[612,955,766],{"class":626},[612,957,636],{"class":622},[612,959,713],{"class":691},[612,961,963,966],{"class":614,"line":962},9,[612,964,965],{"class":622},"  },",[612,967,968],{"class":691}," [])\n",[612,970,972],{"class":614,"line":971},10,[612,973,656],{"emptyLinePlaceholder":655},[612,975,977,980,983,985,988],{"class":614,"line":976},11,[612,978,979],{"class":618},"  return",[612,981,982],{"class":691}," \u003C>",[612,984,694],{"class":622},[612,986,987],{"class":626},"children",[612,989,990],{"class":622},"}\u003C\u002F>\n",[612,992,994],{"class":614,"line":993},12,[612,995,996],{"class":622},"}\n",[601,998,1001],{"className":603,"code":999,"filename":1000,"language":606,"meta":607,"style":607},"import { initLog, log } from 'evlog\u002Fclient'\n\ninitLog({ service: 'web' })\nlog.info({ action: 'app_init', path: window.location.pathname })\n","src\u002Fapp.ts (Any frontend)",[609,1002,1003,1025,1029,1052],{"__ignoreMap":607},[612,1004,1005,1007,1009,1011,1013,1015,1017,1019,1021,1023],{"class":614,"line":615},[612,1006,619],{"class":618},[612,1008,623],{"class":622},[612,1010,627],{"class":626},[612,1012,630],{"class":622},[612,1014,633],{"class":626},[612,1016,636],{"class":622},[612,1018,639],{"class":618},[612,1020,642],{"class":622},[612,1022,646],{"class":645},[612,1024,649],{"class":622},[612,1026,1027],{"class":614,"line":652},[612,1028,656],{"emptyLinePlaceholder":655},[612,1030,1031,1034,1036,1038,1040,1042,1044,1046,1048,1050],{"class":614,"line":659},[612,1032,1033],{"class":668},"initLog",[612,1035,672],{"class":626},[612,1037,694],{"class":622},[612,1039,697],{"class":691},[612,1041,700],{"class":622},[612,1043,642],{"class":622},[612,1045,705],{"class":645},[612,1047,708],{"class":622},[612,1049,636],{"class":622},[612,1051,713],{"class":626},[612,1053,1054,1057,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1089,1092,1094],{"class":614,"line":685},[612,1055,1056],{"class":626},"log",[612,1058,727],{"class":622},[612,1060,730],{"class":668},[612,1062,672],{"class":626},[612,1064,694],{"class":622},[612,1066,737],{"class":691},[612,1068,700],{"class":622},[612,1070,642],{"class":622},[612,1072,744],{"class":645},[612,1074,708],{"class":622},[612,1076,630],{"class":622},[612,1078,751],{"class":691},[612,1080,700],{"class":622},[612,1082,756],{"class":626},[612,1084,727],{"class":622},[612,1086,761],{"class":626},[612,1088,727],{"class":622},[612,1090,1091],{"class":626},"pathname ",[612,1093,776],{"class":622},[612,1095,713],{"class":626},[540,1097,1098,1099,1101],{},"The ",[609,1100,1056],{}," object works anywhere in your client code: components, composables, event handlers.",[591,1103,1105,1106,1109],{"id":1104},"minimum-level-minlevel","Minimum level (",[609,1107,1108],{},"minLevel",")",[540,1111,1112,1113,1116,1117,1120,1121,1120,1123,1120,1126,1129,1130,1133],{},"Use ",[609,1114,1115],{},"initLog({ minLevel: 'warn' })"," to keep the browser console quiet (warnings and errors only). Severity order: ",[609,1118,1119],{},"debug"," \u003C ",[609,1122,730],{},[609,1124,1125],{},"warn",[609,1127,1128],{},"error",". Default is ",[609,1131,1132],{},"'debug'"," (all levels).",[540,1135,1136,1137,1141,1142,1145,1146,1149,1150,1152],{},"For a ",[1138,1139,1140],"strong",{},"debug toggle"," without reloading, call ",[609,1143,1144],{},"setMinLevel('debug')"," or ",[609,1147,1148],{},"setMinLevel('warn')"," from ",[609,1151,646],{}," when the user opts in or out of verbose logs.",[540,1154,1155,1157,1158,1162],{},[609,1156,1108],{}," applies to both console output and ",[580,1159,1161],{"href":1160},"#sending-logs-to-the-server","server transport"," payloads.",[591,1164,1166],{"id":1165},"two-call-signatures","Two Call Signatures",[540,1168,1098,1169,1171],{},[609,1170,1056],{}," API accepts two forms depending on the context.",[1173,1174,1176],"h3",{"id":1175},"object-form-structured-context","Object Form (structured context)",[540,1178,1179,1180,700],{},"Pass an object to capture structured data, just like server-side ",[609,1181,1182],{},"log.set()",[601,1184,1187],{"className":603,"code":1185,"filename":1186,"language":606,"meta":607,"style":607},"log.info({ action: 'page_view', path: '\u002Fproducts', referrer: document.referrer })\n","pages\u002Fproducts.vue",[609,1188,1189],{"__ignoreMap":607},[612,1190,1191,1193,1195,1197,1199,1201,1203,1205,1207,1210,1212,1214,1216,1218,1220,1223,1225,1227,1230,1232,1235,1237,1240,1242],{"class":614,"line":615},[612,1192,1056],{"class":626},[612,1194,727],{"class":622},[612,1196,730],{"class":668},[612,1198,672],{"class":626},[612,1200,694],{"class":622},[612,1202,737],{"class":691},[612,1204,700],{"class":622},[612,1206,642],{"class":622},[612,1208,1209],{"class":645},"page_view",[612,1211,708],{"class":622},[612,1213,630],{"class":622},[612,1215,751],{"class":691},[612,1217,700],{"class":622},[612,1219,642],{"class":622},[612,1221,1222],{"class":645},"\u002Fproducts",[612,1224,708],{"class":622},[612,1226,630],{"class":622},[612,1228,1229],{"class":691}," referrer",[612,1231,700],{"class":622},[612,1233,1234],{"class":626}," document",[612,1236,727],{"class":622},[612,1238,1239],{"class":626},"referrer ",[612,1241,776],{"class":622},[612,1243,713],{"class":626},[601,1245,1250],{"className":1246,"code":1247,"filename":1248,"language":1249,"meta":607,"style":607},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[web] info  { action: 'page_view', path: '\u002Fproducts', referrer: 'https:\u002F\u002Fgoogle.com' }\n","Browser console","bash",[609,1251,1252],{"__ignoreMap":607},[612,1253,1254,1257,1259,1262,1265,1267,1270,1272,1274,1276,1278,1281,1283,1285,1287,1289,1292,1294,1297,1299],{"class":614,"line":615},[612,1255,1256],{"class":622},"[",[612,1258,705],{"class":626},[612,1260,1261],{"class":622},"]",[612,1263,1264],{"class":626}," info  ",[612,1266,694],{"class":622},[612,1268,1269],{"class":868}," action:",[612,1271,642],{"class":622},[612,1273,1209],{"class":645},[612,1275,708],{"class":622},[612,1277,630],{"class":645},[612,1279,1280],{"class":645}," path:",[612,1282,642],{"class":622},[612,1284,1222],{"class":645},[612,1286,708],{"class":622},[612,1288,630],{"class":645},[612,1290,1291],{"class":645}," referrer:",[612,1293,642],{"class":622},[612,1295,1296],{"class":645},"https:\u002F\u002Fgoogle.com",[612,1298,708],{"class":622},[612,1300,1301],{"class":645}," }\n",[1173,1303,1305],{"id":1304},"tag-message-form-quick-logs","Tag + Message Form (quick logs)",[540,1307,1308],{},"Pass a tag and a message for quick, readable logs:",[601,1310,1313],{"className":603,"code":1311,"filename":1312,"language":606,"meta":607,"style":607},"log.info('auth', 'User logged in')\n","composables\u002FuseAuth.ts",[609,1314,1315],{"__ignoreMap":607},[612,1316,1317,1319,1321,1323,1325,1327,1330,1332,1334,1336,1339,1341],{"class":614,"line":615},[612,1318,1056],{"class":626},[612,1320,727],{"class":622},[612,1322,730],{"class":668},[612,1324,672],{"class":626},[612,1326,708],{"class":622},[612,1328,1329],{"class":645},"auth",[612,1331,708],{"class":622},[612,1333,630],{"class":622},[612,1335,642],{"class":622},[612,1337,1338],{"class":645},"User logged in",[612,1340,708],{"class":622},[612,1342,713],{"class":626},[601,1344,1346],{"className":1246,"code":1345,"filename":1248,"language":1249,"meta":607,"style":607},"[auth] User logged in\n",[609,1347,1348],{"__ignoreMap":607},[612,1349,1350,1352,1354,1356],{"class":614,"line":615},[612,1351,1256],{"class":622},[612,1353,1329],{"class":626},[612,1355,1261],{"class":622},[612,1357,1358],{"class":626}," User logged in\n",[1173,1360,1362],{"id":1361},"available-levels","Available Levels",[540,1364,1365,1366,1369,1370,1369,1373,1376,1377,727],{},"Both forms support four levels: ",[609,1367,1368],{},"log.info()",", ",[609,1371,1372],{},"log.warn()",[609,1374,1375],{},"log.error()",", and ",[609,1378,1379],{},"log.debug()",[540,1381,1382,1383,1385,1386,1389,1390,1393,1394,1397,1398,727],{},"In the browser, ",[609,1384,1379],{}," is emitted with ",[609,1387,1388],{},"console.log"," (not ",[609,1391,1392],{},"console.debug",") so lines stay visible with the default DevTools ",[1138,1395,1396],{},"Info"," filter; the structured event still has ",[609,1399,1400],{},"level: 'debug'",[591,1402,1404],{"id":1403},"identity-context","Identity Context",[540,1406,1407,1408,700],{},"Track which user generated a log with ",[609,1409,1410],{},"setIdentity()",[601,1412,1414],{"className":603,"code":1413,"filename":1312,"language":606,"meta":607,"style":607},"import { setIdentity, clearIdentity, log } from 'evlog\u002Fclient'\n\n\u002F\u002F After login\nsetIdentity({ userId: 'usr_123', plan: 'pro' })\n\nlog.info({ action: 'dashboard_view' })\n\u002F\u002F → { userId: 'usr_123', plan: 'pro', action: 'dashboard_view', ... }\n\n\u002F\u002F After logout\nclearIdentity()\n",[609,1415,1416,1444,1448,1454,1493,1497,1524,1529,1533,1538],{"__ignoreMap":607},[612,1417,1418,1420,1422,1425,1427,1430,1432,1434,1436,1438,1440,1442],{"class":614,"line":615},[612,1419,619],{"class":618},[612,1421,623],{"class":622},[612,1423,1424],{"class":626}," setIdentity",[612,1426,630],{"class":622},[612,1428,1429],{"class":626}," clearIdentity",[612,1431,630],{"class":622},[612,1433,633],{"class":626},[612,1435,636],{"class":622},[612,1437,639],{"class":618},[612,1439,642],{"class":622},[612,1441,646],{"class":645},[612,1443,649],{"class":622},[612,1445,1446],{"class":614,"line":652},[612,1447,656],{"emptyLinePlaceholder":655},[612,1449,1450],{"class":614,"line":659},[612,1451,1453],{"class":1452},"sHwdD","\u002F\u002F After login\n",[612,1455,1456,1459,1461,1463,1466,1468,1470,1473,1475,1477,1480,1482,1484,1487,1489,1491],{"class":614,"line":685},[612,1457,1458],{"class":668},"setIdentity",[612,1460,672],{"class":626},[612,1462,694],{"class":622},[612,1464,1465],{"class":691}," userId",[612,1467,700],{"class":622},[612,1469,642],{"class":622},[612,1471,1472],{"class":645},"usr_123",[612,1474,708],{"class":622},[612,1476,630],{"class":622},[612,1478,1479],{"class":691}," plan",[612,1481,700],{"class":622},[612,1483,642],{"class":622},[612,1485,1486],{"class":645},"pro",[612,1488,708],{"class":622},[612,1490,636],{"class":622},[612,1492,713],{"class":626},[612,1494,1495],{"class":614,"line":716},[612,1496,656],{"emptyLinePlaceholder":655},[612,1498,1499,1501,1503,1505,1507,1509,1511,1513,1515,1518,1520,1522],{"class":614,"line":721},[612,1500,1056],{"class":626},[612,1502,727],{"class":622},[612,1504,730],{"class":668},[612,1506,672],{"class":626},[612,1508,694],{"class":622},[612,1510,737],{"class":691},[612,1512,700],{"class":622},[612,1514,642],{"class":622},[612,1516,1517],{"class":645},"dashboard_view",[612,1519,708],{"class":622},[612,1521,636],{"class":622},[612,1523,713],{"class":626},[612,1525,1526],{"class":614,"line":773},[612,1527,1528],{"class":1452},"\u002F\u002F → { userId: 'usr_123', plan: 'pro', action: 'dashboard_view', ... }\n",[612,1530,1531],{"class":614,"line":918},[612,1532,656],{"emptyLinePlaceholder":655},[612,1534,1535],{"class":614,"line":962},[612,1536,1537],{"class":1452},"\u002F\u002F After logout\n",[612,1539,1540,1543],{"class":614,"line":971},[612,1541,1542],{"class":668},"clearIdentity",[612,1544,1545],{"class":626},"()\n",[540,1547,1548],{},"Identity fields are automatically merged into every log event until cleared. This lets you correlate browser events to specific users in your observability tools.",[591,1550,504],{"id":1551},"configuration",[540,1553,1554,1557],{},[609,1555,1556],{},"initLog()"," accepts the following options:",[1559,1560,1561,1577],"table",{},[1562,1563,1564],"thead",{},[1565,1566,1567,1571,1574],"tr",{},[1568,1569,1570],"th",{},"Option",[1568,1572,1573],{},"Default",[1568,1575,1576],{},"Description",[1578,1579,1580,1596,1610,1624,1645,1660],"tbody",{},[1565,1581,1582,1588,1593],{},[1583,1584,1585],"td",{},[609,1586,1587],{},"enabled",[1583,1589,1590],{},[609,1591,1592],{},"true",[1583,1594,1595],{},"Enable or disable all client logging",[1565,1597,1598,1603,1607],{},[1583,1599,1600],{},[609,1601,1602],{},"console",[1583,1604,1605],{},[609,1606,1592],{},[1583,1608,1609],{},"Output logs to the browser console",[1565,1611,1612,1617,1621],{},[1583,1613,1614],{},[609,1615,1616],{},"pretty",[1583,1618,1619],{},[609,1620,1592],{},[1583,1622,1623],{},"Use colored, formatted console output",[1565,1625,1626,1630,1634],{},[1583,1627,1628],{},[609,1629,1108],{},[1583,1631,1632],{},[609,1633,1132],{},[1583,1635,1636,1637,1120,1639,1120,1641,1120,1643],{},"Minimum severity: ",[609,1638,1119],{},[609,1640,730],{},[609,1642,1125],{},[609,1644,1128],{},[1565,1646,1647,1652,1657],{},[1583,1648,1649],{},[609,1650,1651],{},"service",[1583,1653,1654],{},[609,1655,1656],{},"'client'",[1583,1658,1659],{},"Service name included in every log event",[1565,1661,1662,1667,1670],{},[1583,1663,1664],{},[609,1665,1666],{},"transport",[1583,1668,1669],{},"-",[1583,1671,1672],{},"Send logs to a server endpoint (see below)",[601,1674,1677],{"className":603,"code":1675,"filename":1676,"language":606,"meta":607,"style":607},"initLog({\n  service: 'web',\n  transport: {\n    enabled: true,\n    endpoint: '\u002Fapi\u002F_evlog\u002Fingest', \u002F\u002F default endpoint\n  },\n})\n","app\u002Fplugins\u002Flogger.client.ts",[609,1678,1679,1688,1704,1713,1726,1745,1750],{"__ignoreMap":607},[612,1680,1681,1683,1685],{"class":614,"line":615},[612,1682,1033],{"class":668},[612,1684,672],{"class":626},[612,1686,1687],{"class":622},"{\n",[612,1689,1690,1693,1695,1697,1699,1701],{"class":614,"line":652},[612,1691,1692],{"class":691},"  service",[612,1694,700],{"class":622},[612,1696,642],{"class":622},[612,1698,705],{"class":645},[612,1700,708],{"class":622},[612,1702,1703],{"class":622},",\n",[612,1705,1706,1709,1711],{"class":614,"line":659},[612,1707,1708],{"class":691},"  transport",[612,1710,700],{"class":622},[612,1712,682],{"class":622},[612,1714,1715,1718,1720,1724],{"class":614,"line":685},[612,1716,1717],{"class":691},"    enabled",[612,1719,700],{"class":622},[612,1721,1723],{"class":1722},"sfNiH"," true",[612,1725,1703],{"class":622},[612,1727,1728,1731,1733,1735,1738,1740,1742],{"class":614,"line":716},[612,1729,1730],{"class":691},"    endpoint",[612,1732,700],{"class":622},[612,1734,642],{"class":622},[612,1736,1737],{"class":645},"\u002Fapi\u002F_evlog\u002Fingest",[612,1739,708],{"class":622},[612,1741,630],{"class":622},[612,1743,1744],{"class":1452}," \u002F\u002F default endpoint\n",[612,1746,1747],{"class":614,"line":721},[612,1748,1749],{"class":622},"  },\n",[612,1751,1752,1754],{"class":614,"line":773},[612,1753,776],{"class":622},[612,1755,713],{"class":626},[1757,1758,1759,1369,1761,1376,1763,1765,1766,1768],"callout",{"color":730,"icon":13},[609,1760,1587],{},[609,1762,1602],{},[609,1764,1616],{}," all default to ",[609,1767,1592],{},". You only need to set them if you want to change the defaults.",[591,1770,1772],{"id":1771},"sending-logs-to-the-server","Sending Logs to the Server",[540,1774,1775],{},"By default, client logs only appear in the browser console. To persist them, you have two options:",[1173,1777,1779],{"id":1778},"built-in-transport","Built-in Transport",[540,1781,1782,1783,1785,1786,1789,1790,1793],{},"The simplest approach is to enable the built-in transport in ",[609,1784,1556],{},". Each log is sent individually via ",[609,1787,1788],{},"fetch"," with ",[609,1791,1792],{},"keepalive: true",". Good for low-volume apps.",[598,1795,1796,1915,2115],{},[601,1797,1799],{"className":603,"code":1798,"filename":605,"language":606,"meta":607,"style":607},"import { initLog } from 'evlog\u002Fclient'\n\nexport default defineNuxtPlugin(() => {\n  initLog({\n    service: 'web',\n    transport: {\n      enabled: true,\n      endpoint: '\u002Fapi\u002F_evlog\u002Fingest',\n    },\n  })\n})\n",[609,1800,1801,1819,1823,1839,1847,1862,1871,1882,1897,1902,1909],{"__ignoreMap":607},[612,1802,1803,1805,1807,1809,1811,1813,1815,1817],{"class":614,"line":615},[612,1804,619],{"class":618},[612,1806,623],{"class":622},[612,1808,627],{"class":626},[612,1810,636],{"class":622},[612,1812,639],{"class":618},[612,1814,642],{"class":622},[612,1816,646],{"class":645},[612,1818,649],{"class":622},[612,1820,1821],{"class":614,"line":652},[612,1822,656],{"emptyLinePlaceholder":655},[612,1824,1825,1827,1829,1831,1833,1835,1837],{"class":614,"line":659},[612,1826,662],{"class":618},[612,1828,665],{"class":618},[612,1830,669],{"class":668},[612,1832,672],{"class":626},[612,1834,675],{"class":622},[612,1836,679],{"class":678},[612,1838,682],{"class":622},[612,1840,1841,1843,1845],{"class":614,"line":685},[612,1842,688],{"class":668},[612,1844,672],{"class":691},[612,1846,1687],{"class":622},[612,1848,1849,1852,1854,1856,1858,1860],{"class":614,"line":716},[612,1850,1851],{"class":691},"    service",[612,1853,700],{"class":622},[612,1855,642],{"class":622},[612,1857,705],{"class":645},[612,1859,708],{"class":622},[612,1861,1703],{"class":622},[612,1863,1864,1867,1869],{"class":614,"line":721},[612,1865,1866],{"class":691},"    transport",[612,1868,700],{"class":622},[612,1870,682],{"class":622},[612,1872,1873,1876,1878,1880],{"class":614,"line":773},[612,1874,1875],{"class":691},"      enabled",[612,1877,700],{"class":622},[612,1879,1723],{"class":1722},[612,1881,1703],{"class":622},[612,1883,1884,1887,1889,1891,1893,1895],{"class":614,"line":918},[612,1885,1886],{"class":691},"      endpoint",[612,1888,700],{"class":622},[612,1890,642],{"class":622},[612,1892,1737],{"class":645},[612,1894,708],{"class":622},[612,1896,1703],{"class":622},[612,1898,1899],{"class":614,"line":962},[612,1900,1901],{"class":622},"    },\n",[612,1903,1904,1907],{"class":614,"line":971},[612,1905,1906],{"class":622},"  }",[612,1908,713],{"class":691},[612,1910,1911,1913],{"class":614,"line":976},[612,1912,776],{"class":622},[612,1914,713],{"class":626},[601,1916,1921],{"className":1917,"code":1918,"filename":1919,"language":1920,"meta":607,"style":607},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { EvlogProvider } from 'evlog\u002Fnext\u002Fclient'\n\nexport default function Layout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003Chtml lang=\"en\">\n      \u003Cbody>\n        \u003CEvlogProvider service=\"web\" transport={{ enabled: true, endpoint: '\u002Fapi\u002F_evlog\u002Fingest' }}>\n          {children}\n        \u003C\u002FEvlogProvider>\n      \u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n","app\u002Flayout.tsx (Next.js)","tsx",[609,1922,1923,1943,1947,1980,1987,2012,2022,2069,2078,2087,2096,2105,2110],{"__ignoreMap":607},[612,1924,1925,1927,1929,1932,1934,1936,1938,1941],{"class":614,"line":615},[612,1926,619],{"class":618},[612,1928,623],{"class":622},[612,1930,1931],{"class":626}," EvlogProvider",[612,1933,636],{"class":622},[612,1935,639],{"class":618},[612,1937,642],{"class":622},[612,1939,1940],{"class":645},"evlog\u002Fnext\u002Fclient",[612,1942,649],{"class":622},[612,1944,1945],{"class":614,"line":652},[612,1946,656],{"emptyLinePlaceholder":655},[612,1948,1949,1951,1953,1955,1958,1960,1962,1964,1966,1968,1970,1972,1974,1976,1978],{"class":614,"line":659},[612,1950,662],{"class":618},[612,1952,665],{"class":618},[612,1954,846],{"class":678},[612,1956,1957],{"class":668}," Layout",[612,1959,852],{"class":622},[612,1961,856],{"class":855},[612,1963,859],{"class":622},[612,1965,623],{"class":622},[612,1967,856],{"class":691},[612,1969,700],{"class":622},[612,1971,869],{"class":868},[612,1973,727],{"class":622},[612,1975,874],{"class":868},[612,1977,877],{"class":622},[612,1979,682],{"class":622},[612,1981,1982,1984],{"class":614,"line":685},[612,1983,979],{"class":618},[612,1985,1986],{"class":691}," (\n",[612,1988,1989,1992,1995,1998,2001,2004,2007,2009],{"class":614,"line":716},[612,1990,1991],{"class":622},"    \u003C",[612,1993,1994],{"class":691},"html",[612,1996,1997],{"class":678}," lang",[612,1999,2000],{"class":622},"=",[612,2002,2003],{"class":622},"\"",[612,2005,2006],{"class":645},"en",[612,2008,2003],{"class":622},[612,2010,2011],{"class":622},">\n",[612,2013,2014,2017,2020],{"class":614,"line":721},[612,2015,2016],{"class":622},"      \u003C",[612,2018,2019],{"class":691},"body",[612,2021,2011],{"class":622},[612,2023,2024,2027,2030,2032,2034,2036,2038,2040,2043,2046,2049,2051,2053,2055,2058,2060,2062,2064,2066],{"class":614,"line":773},[612,2025,2026],{"class":622},"        \u003C",[612,2028,2029],{"class":868},"EvlogProvider",[612,2031,697],{"class":678},[612,2033,2000],{"class":622},[612,2035,2003],{"class":622},[612,2037,705],{"class":645},[612,2039,2003],{"class":622},[612,2041,2042],{"class":678}," transport",[612,2044,2045],{"class":622},"={{",[612,2047,2048],{"class":691}," enabled",[612,2050,700],{"class":622},[612,2052,1723],{"class":1722},[612,2054,630],{"class":622},[612,2056,2057],{"class":691}," endpoint",[612,2059,700],{"class":622},[612,2061,642],{"class":622},[612,2063,1737],{"class":645},[612,2065,708],{"class":622},[612,2067,2068],{"class":622}," }}>\n",[612,2070,2071,2074,2076],{"class":614,"line":918},[612,2072,2073],{"class":622},"          {",[612,2075,987],{"class":626},[612,2077,996],{"class":622},[612,2079,2080,2083,2085],{"class":614,"line":962},[612,2081,2082],{"class":622},"        \u003C\u002F",[612,2084,2029],{"class":868},[612,2086,2011],{"class":622},[612,2088,2089,2092,2094],{"class":614,"line":971},[612,2090,2091],{"class":622},"      \u003C\u002F",[612,2093,2019],{"class":691},[612,2095,2011],{"class":622},[612,2097,2098,2101,2103],{"class":614,"line":976},[612,2099,2100],{"class":622},"    \u003C\u002F",[612,2102,1994],{"class":691},[612,2104,2011],{"class":622},[612,2106,2107],{"class":614,"line":993},[612,2108,2109],{"class":691},"  )\n",[612,2111,2113],{"class":614,"line":2112},13,[612,2114,996],{"class":622},[601,2116,2118],{"className":603,"code":2117,"filename":1000,"language":606,"meta":607,"style":607},"import { initLog } from 'evlog\u002Fclient'\n\ninitLog({\n  service: 'web',\n  transport: {\n    enabled: true,\n    endpoint: '\u002Fapi\u002F_evlog\u002Fingest',\n  },\n})\n",[609,2119,2120,2138,2142,2150,2164,2172,2182,2196,2200],{"__ignoreMap":607},[612,2121,2122,2124,2126,2128,2130,2132,2134,2136],{"class":614,"line":615},[612,2123,619],{"class":618},[612,2125,623],{"class":622},[612,2127,627],{"class":626},[612,2129,636],{"class":622},[612,2131,639],{"class":618},[612,2133,642],{"class":622},[612,2135,646],{"class":645},[612,2137,649],{"class":622},[612,2139,2140],{"class":614,"line":652},[612,2141,656],{"emptyLinePlaceholder":655},[612,2143,2144,2146,2148],{"class":614,"line":659},[612,2145,1033],{"class":668},[612,2147,672],{"class":626},[612,2149,1687],{"class":622},[612,2151,2152,2154,2156,2158,2160,2162],{"class":614,"line":685},[612,2153,1692],{"class":691},[612,2155,700],{"class":622},[612,2157,642],{"class":622},[612,2159,705],{"class":645},[612,2161,708],{"class":622},[612,2163,1703],{"class":622},[612,2165,2166,2168,2170],{"class":614,"line":716},[612,2167,1708],{"class":691},[612,2169,700],{"class":622},[612,2171,682],{"class":622},[612,2173,2174,2176,2178,2180],{"class":614,"line":721},[612,2175,1717],{"class":691},[612,2177,700],{"class":622},[612,2179,1723],{"class":1722},[612,2181,1703],{"class":622},[612,2183,2184,2186,2188,2190,2192,2194],{"class":614,"line":773},[612,2185,1730],{"class":691},[612,2187,700],{"class":622},[612,2189,642],{"class":622},[612,2191,1737],{"class":645},[612,2193,708],{"class":622},[612,2195,1703],{"class":622},[612,2197,2198],{"class":614,"line":918},[612,2199,1749],{"class":622},[612,2201,2202,2204],{"class":614,"line":962},[612,2203,776],{"class":622},[612,2205,713],{"class":626},[1757,2207,2208,2209,2213],{"color":730,"icon":13},"In Nuxt with the evlog module, the server ingest endpoint is auto-registered. For other frameworks, you need to create the endpoint yourself. See the ",[580,2210,2212],{"href":2211},"\u002Fextend\u002Fdrain-pipeline#server-endpoint","HTTP drain"," docs for Express and Hono examples.",[1173,2215,2217],{"id":2216},"http-drain-pipeline","HTTP drain pipeline",[540,2219,2220,2221,2224],{},"For higher volume or when you need batching, retries, and page-exit flushing, use the HTTP drain (",[609,2222,2223],{},"evlog\u002Fhttp","). This works with any frontend and has no framework dependency.",[598,2226,2227,2455],{},[601,2228,2230],{"className":603,"code":2229,"filename":605,"language":606,"meta":607,"style":607},"import { initLogger, log } from 'evlog'\nimport { createHttpLogDrain } from 'evlog\u002Fhttp'\n\nexport default defineNuxtPlugin(() => {\n  const drain = createHttpLogDrain({\n    drain: { endpoint: '\u002Fapi\u002F_evlog\u002Fingest' },\n    pipeline: {\n      batch: { size: 25, intervalMs: 2000 },\n      retry: { maxAttempts: 2 },\n    },\n  })\n\n  initLogger({ drain })\n  log.info({ action: 'app_init' })\n})\n",[609,2231,2232,2256,2275,2279,2295,2312,2334,2343,2373,2392,2396,2402,2406,2421,2448],{"__ignoreMap":607},[612,2233,2234,2236,2238,2241,2243,2245,2247,2249,2251,2254],{"class":614,"line":615},[612,2235,619],{"class":618},[612,2237,623],{"class":622},[612,2239,2240],{"class":626}," initLogger",[612,2242,630],{"class":622},[612,2244,633],{"class":626},[612,2246,636],{"class":622},[612,2248,639],{"class":618},[612,2250,642],{"class":622},[612,2252,2253],{"class":645},"evlog",[612,2255,649],{"class":622},[612,2257,2258,2260,2262,2265,2267,2269,2271,2273],{"class":614,"line":652},[612,2259,619],{"class":618},[612,2261,623],{"class":622},[612,2263,2264],{"class":626}," createHttpLogDrain",[612,2266,636],{"class":622},[612,2268,639],{"class":618},[612,2270,642],{"class":622},[612,2272,2223],{"class":645},[612,2274,649],{"class":622},[612,2276,2277],{"class":614,"line":659},[612,2278,656],{"emptyLinePlaceholder":655},[612,2280,2281,2283,2285,2287,2289,2291,2293],{"class":614,"line":685},[612,2282,662],{"class":618},[612,2284,665],{"class":618},[612,2286,669],{"class":668},[612,2288,672],{"class":626},[612,2290,675],{"class":622},[612,2292,679],{"class":678},[612,2294,682],{"class":622},[612,2296,2297,2300,2303,2306,2308,2310],{"class":614,"line":716},[612,2298,2299],{"class":678},"  const",[612,2301,2302],{"class":626}," drain",[612,2304,2305],{"class":622}," =",[612,2307,2264],{"class":668},[612,2309,672],{"class":691},[612,2311,1687],{"class":622},[612,2313,2314,2317,2319,2321,2323,2325,2327,2329,2331],{"class":614,"line":721},[612,2315,2316],{"class":691},"    drain",[612,2318,700],{"class":622},[612,2320,623],{"class":622},[612,2322,2057],{"class":691},[612,2324,700],{"class":622},[612,2326,642],{"class":622},[612,2328,1737],{"class":645},[612,2330,708],{"class":622},[612,2332,2333],{"class":622}," },\n",[612,2335,2336,2339,2341],{"class":614,"line":773},[612,2337,2338],{"class":691},"    pipeline",[612,2340,700],{"class":622},[612,2342,682],{"class":622},[612,2344,2345,2348,2350,2352,2355,2357,2361,2363,2366,2368,2371],{"class":614,"line":918},[612,2346,2347],{"class":691},"      batch",[612,2349,700],{"class":622},[612,2351,623],{"class":622},[612,2353,2354],{"class":691}," size",[612,2356,700],{"class":622},[612,2358,2360],{"class":2359},"sbssI"," 25",[612,2362,630],{"class":622},[612,2364,2365],{"class":691}," intervalMs",[612,2367,700],{"class":622},[612,2369,2370],{"class":2359}," 2000",[612,2372,2333],{"class":622},[612,2374,2375,2378,2380,2382,2385,2387,2390],{"class":614,"line":962},[612,2376,2377],{"class":691},"      retry",[612,2379,700],{"class":622},[612,2381,623],{"class":622},[612,2383,2384],{"class":691}," maxAttempts",[612,2386,700],{"class":622},[612,2388,2389],{"class":2359}," 2",[612,2391,2333],{"class":622},[612,2393,2394],{"class":614,"line":971},[612,2395,1901],{"class":622},[612,2397,2398,2400],{"class":614,"line":976},[612,2399,1906],{"class":622},[612,2401,713],{"class":691},[612,2403,2404],{"class":614,"line":993},[612,2405,656],{"emptyLinePlaceholder":655},[612,2407,2408,2411,2413,2415,2417,2419],{"class":614,"line":2112},[612,2409,2410],{"class":668},"  initLogger",[612,2412,672],{"class":691},[612,2414,694],{"class":622},[612,2416,2302],{"class":626},[612,2418,636],{"class":622},[612,2420,713],{"class":691},[612,2422,2424,2426,2428,2430,2432,2434,2436,2438,2440,2442,2444,2446],{"class":614,"line":2423},14,[612,2425,724],{"class":626},[612,2427,727],{"class":622},[612,2429,730],{"class":668},[612,2431,672],{"class":691},[612,2433,694],{"class":622},[612,2435,737],{"class":691},[612,2437,700],{"class":622},[612,2439,642],{"class":622},[612,2441,744],{"class":645},[612,2443,708],{"class":622},[612,2445,636],{"class":622},[612,2447,713],{"class":691},[612,2449,2451,2453],{"class":614,"line":2450},15,[612,2452,776],{"class":622},[612,2454,713],{"class":626},[601,2456,2458],{"className":603,"code":2457,"filename":1000,"language":606,"meta":607,"style":607},"import { initLogger, log } from 'evlog'\nimport { createHttpLogDrain } from 'evlog\u002Fhttp'\n\nconst drain = createHttpLogDrain({\n  drain: { endpoint: 'https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest' },\n  pipeline: {\n    batch: { size: 25, intervalMs: 2000 },\n    retry: { maxAttempts: 2 },\n  },\n})\n\ninitLogger({ drain })\nlog.info({ action: 'app_init' })\n",[609,2459,2460,2482,2500,2504,2520,2542,2551,2576,2593,2597,2603,2607,2622],{"__ignoreMap":607},[612,2461,2462,2464,2466,2468,2470,2472,2474,2476,2478,2480],{"class":614,"line":615},[612,2463,619],{"class":618},[612,2465,623],{"class":622},[612,2467,2240],{"class":626},[612,2469,630],{"class":622},[612,2471,633],{"class":626},[612,2473,636],{"class":622},[612,2475,639],{"class":618},[612,2477,642],{"class":622},[612,2479,2253],{"class":645},[612,2481,649],{"class":622},[612,2483,2484,2486,2488,2490,2492,2494,2496,2498],{"class":614,"line":652},[612,2485,619],{"class":618},[612,2487,623],{"class":622},[612,2489,2264],{"class":626},[612,2491,636],{"class":622},[612,2493,639],{"class":618},[612,2495,642],{"class":622},[612,2497,2223],{"class":645},[612,2499,649],{"class":622},[612,2501,2502],{"class":614,"line":659},[612,2503,656],{"emptyLinePlaceholder":655},[612,2505,2506,2509,2512,2514,2516,2518],{"class":614,"line":685},[612,2507,2508],{"class":678},"const",[612,2510,2511],{"class":626}," drain ",[612,2513,2000],{"class":622},[612,2515,2264],{"class":668},[612,2517,672],{"class":626},[612,2519,1687],{"class":622},[612,2521,2522,2525,2527,2529,2531,2533,2535,2538,2540],{"class":614,"line":716},[612,2523,2524],{"class":691},"  drain",[612,2526,700],{"class":622},[612,2528,623],{"class":622},[612,2530,2057],{"class":691},[612,2532,700],{"class":622},[612,2534,642],{"class":622},[612,2536,2537],{"class":645},"https:\u002F\u002Flogs.example.com\u002Fv1\u002Fingest",[612,2539,708],{"class":622},[612,2541,2333],{"class":622},[612,2543,2544,2547,2549],{"class":614,"line":721},[612,2545,2546],{"class":691},"  pipeline",[612,2548,700],{"class":622},[612,2550,682],{"class":622},[612,2552,2553,2556,2558,2560,2562,2564,2566,2568,2570,2572,2574],{"class":614,"line":773},[612,2554,2555],{"class":691},"    batch",[612,2557,700],{"class":622},[612,2559,623],{"class":622},[612,2561,2354],{"class":691},[612,2563,700],{"class":622},[612,2565,2360],{"class":2359},[612,2567,630],{"class":622},[612,2569,2365],{"class":691},[612,2571,700],{"class":622},[612,2573,2370],{"class":2359},[612,2575,2333],{"class":622},[612,2577,2578,2581,2583,2585,2587,2589,2591],{"class":614,"line":918},[612,2579,2580],{"class":691},"    retry",[612,2582,700],{"class":622},[612,2584,623],{"class":622},[612,2586,2384],{"class":691},[612,2588,700],{"class":622},[612,2590,2389],{"class":2359},[612,2592,2333],{"class":622},[612,2594,2595],{"class":614,"line":962},[612,2596,1749],{"class":622},[612,2598,2599,2601],{"class":614,"line":971},[612,2600,776],{"class":622},[612,2602,713],{"class":626},[612,2604,2605],{"class":614,"line":976},[612,2606,656],{"emptyLinePlaceholder":655},[612,2608,2609,2612,2614,2616,2618,2620],{"class":614,"line":993},[612,2610,2611],{"class":668},"initLogger",[612,2613,672],{"class":626},[612,2615,694],{"class":622},[612,2617,2511],{"class":626},[612,2619,776],{"class":622},[612,2621,713],{"class":626},[612,2623,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642,2644,2646],{"class":614,"line":2112},[612,2625,1056],{"class":626},[612,2627,727],{"class":622},[612,2629,730],{"class":668},[612,2631,672],{"class":626},[612,2633,694],{"class":622},[612,2635,737],{"class":691},[612,2637,700],{"class":622},[612,2639,642],{"class":622},[612,2641,744],{"class":645},[612,2643,708],{"class":622},[612,2645,636],{"class":622},[612,2647,713],{"class":626},[540,2649,2650],{},"The HTTP drain automatically:",[555,2652,2653,2659,2665],{},[558,2654,2655,2658],{},[1138,2656,2657],{},"Batches"," events by size and time interval",[558,2660,2661,2664],{},[1138,2662,2663],{},"Retries"," failed sends with exponential backoff",[558,2666,2667,2670,2671,2674],{},[1138,2668,2669],{},"Flushes"," buffered events via ",[609,2672,2673],{},"sendBeacon"," when the page becomes hidden (tab switch, navigation, close)",[1757,2676,2679,2680,2682],{"color":2677,"icon":2678},"neutral","i-lucide-arrow-right","See the ",[580,2681,2212],{"href":496}," adapter docs for full configuration reference, authentication, and server endpoint examples.",[591,2684,2686],{"id":2685},"next-steps","Next Steps",[555,2688,2689,2694,2700],{},[558,2690,2691,2693],{},[580,2692,2212],{"href":496}," - Batching, retry, and sendBeacon fallback",[558,2695,2696,2699],{},[580,2697,2698],{"href":496},"Pipeline"," - Advanced pipeline configuration",[558,2701,2702,2704],{},[580,2703,51],{"href":52}," - Surface client errors with actionable context",[2706,2707,2708],"style",{},"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 pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":607,"searchDepth":652,"depth":652,"links":2710},[2711,2712,2714,2719,2720,2721,2725],{"id":593,"depth":652,"text":25},{"id":1104,"depth":652,"text":2713},"Minimum level (minLevel)",{"id":1165,"depth":652,"text":1166,"children":2715},[2716,2717,2718],{"id":1175,"depth":659,"text":1176},{"id":1304,"depth":659,"text":1305},{"id":1361,"depth":659,"text":1362},{"id":1403,"depth":652,"text":1404},{"id":1551,"depth":652,"text":504},{"id":1771,"depth":652,"text":1772,"children":2722},[2723,2724],{"id":1778,"depth":659,"text":1779},{"id":2216,"depth":659,"text":2217},{"id":2685,"depth":652,"text":2686},"Capture browser events with structured logging. Same API as the server, with automatic console styling, user identity context, and optional server transport.","md",[2729,2732],{"label":2212,"icon":2730,"to":496,"color":2677,"variant":2731},"i-lucide-globe","subtle",{"label":46,"icon":49,"to":47,"color":2677,"variant":2731},{},{"icon":320},{"title":317,"description":2726},"soGOEXQ4XAr17_mahnK9aNsCipRA3_XqQHyDWWTVemU",[2738,2740],{"title":36,"path":314,"stem":315,"description":2739,"icon":102,"children":-1},"Recipes that solve a specific problem with evlog — capture browser logs, observe AI SDK calls, identify users from Better Auth, build a tamper-evident audit trail, instrument tool telemetry, enrich every event with derived context.",{"title":36,"path":328,"stem":329,"description":2741,"icon":39,"children":-1},"Capture token usage, tool calls, model info, and streaming metrics from the Vercel AI SDK into wide events. Wrap your model and get full AI observability with one line.",1786743648981]