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