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