[{"data":1,"prerenderedAt":2637},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-client-logging":429,"-use-cases-client-logging-surround":2632},[4,30,80,235,343,398],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Start","\u002Fstart","1.start",[9,14,19,24],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fstart\u002Fintroduction","1.start\u002F1.introduction","i-lucide-info",{"title":15,"path":16,"stem":17,"icon":18},"Why start with evlog","\u002Fstart\u002Fwhy-evlog","1.start\u002F2.why-evlog","i-lucide-rocket",{"title":20,"path":21,"stem":22,"icon":23},"Installation","\u002Fstart\u002Finstallation","1.start\u002F3.installation","i-lucide-download",{"title":25,"path":26,"stem":27,"icon":28},"Quick Start","\u002Fstart\u002Fquick-start","1.start\u002F4.quick-start","i-lucide-zap",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Learn","\u002Flearn","2.learn",[35,40,45,50,55,60,65,70,75],{"title":36,"path":37,"stem":38,"icon":39},"Overview","\u002Flearn\u002Foverview","2.learn\u002F0.overview","i-lucide-list",{"title":41,"path":42,"stem":43,"icon":44},"Simple Logging","\u002Flearn\u002Fsimple-logging","2.learn\u002F1.simple-logging","i-lucide-terminal",{"title":46,"path":47,"stem":48,"icon":49},"Wide Events","\u002Flearn\u002Fwide-events","2.learn\u002F2.wide-events","i-lucide-layers",{"title":51,"path":52,"stem":53,"icon":54},"Structured Errors","\u002Flearn\u002Fstructured-errors","2.learn\u002F3.structured-errors","i-lucide-shield-alert",{"title":56,"path":57,"stem":58,"icon":59},"Lifecycle","\u002Flearn\u002Flifecycle","2.learn\u002F4.lifecycle","i-lucide-arrow-right-left",{"title":61,"path":62,"stem":63,"icon":64},"Sampling","\u002Flearn\u002Fsampling","2.learn\u002F5.sampling","i-lucide-filter",{"title":66,"path":67,"stem":68,"icon":69},"Auto-Redaction","\u002Flearn\u002Fredaction","2.learn\u002F6.redaction","i-lucide-eye-off",{"title":71,"path":72,"stem":73,"icon":74},"Typed Fields","\u002Flearn\u002Ftyped-fields","2.learn\u002F7.typed-fields","i-simple-icons-typescript",{"title":76,"path":77,"stem":78,"icon":79},"Catalogs","\u002Flearn\u002Fcatalogs","2.learn\u002F8.catalogs","i-lucide-book-open",{"title":81,"path":82,"stem":83,"children":84,"page":29},"Integrate","\u002Fintegrate","3.integrate",[85,89,152],{"title":36,"path":86,"stem":87,"icon":88},"\u002Fintegrate\u002Foverview","3.integrate\u002F0.overview","i-lucide-plug",{"title":90,"path":91,"stem":92,"children":93,"page":29},"Adapters","\u002Fintegrate\u002Fadapters","3.integrate\u002Fadapters",[94,97,137],{"title":36,"path":95,"stem":96,"icon":39},"\u002Fintegrate\u002Fadapters\u002Foverview","3.integrate\u002Fadapters\u002F01.overview",{"title":98,"path":99,"stem":100,"children":101,"page":29},"Cloud","\u002Fintegrate\u002Fadapters\u002Fcloud","3.integrate\u002Fadapters\u002Fcloud",[102,107,112,117,122,127,132],{"title":103,"path":104,"stem":105,"icon":106},"Axiom","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Faxiom","3.integrate\u002Fadapters\u002Fcloud\u002F01.axiom","i-custom-axiom",{"title":108,"path":109,"stem":110,"icon":111},"OTLP","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fotlp","3.integrate\u002Fadapters\u002Fcloud\u002F02.otlp","i-simple-icons-opentelemetry",{"title":113,"path":114,"stem":115,"icon":116},"PostHog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fposthog","3.integrate\u002Fadapters\u002Fcloud\u002F03.posthog","i-simple-icons-posthog",{"title":118,"path":119,"stem":120,"icon":121},"Sentry","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fsentry","3.integrate\u002Fadapters\u002Fcloud\u002F04.sentry","i-simple-icons-sentry",{"title":123,"path":124,"stem":125,"icon":126},"Better Stack","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fbetter-stack","3.integrate\u002Fadapters\u002Fcloud\u002F05.better-stack","i-simple-icons-betterstack",{"title":128,"path":129,"stem":130,"icon":131},"Datadog","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fdatadog","3.integrate\u002Fadapters\u002Fcloud\u002F06.datadog","i-simple-icons-datadog",{"title":133,"path":134,"stem":135,"icon":136},"HyperDX","\u002Fintegrate\u002Fadapters\u002Fcloud\u002Fhyperdx","3.integrate\u002Fadapters\u002Fcloud\u002F07.hyperdx","i-custom-hyperdx",{"title":138,"path":139,"stem":140,"children":141,"page":29},"Self-Hosted","\u002Fintegrate\u002Fadapters\u002Fself-hosted","3.integrate\u002Fadapters\u002Fself-hosted",[142,147],{"title":143,"path":144,"stem":145,"icon":146},"File System","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Ffs","3.integrate\u002Fadapters\u002Fself-hosted\u002F01.fs","i-lucide-hard-drive",{"title":148,"path":149,"stem":150,"icon":151},"NuxtHub","\u002Fintegrate\u002Fadapters\u002Fself-hosted\u002Fnuxthub","3.integrate\u002Fadapters\u002Fself-hosted\u002F02.nuxthub","i-simple-icons-nuxt",{"title":153,"path":154,"stem":155,"children":156,"page":29},"Frameworks","\u002Fintegrate\u002Fframeworks","3.integrate\u002Fframeworks",[157,161,166,171,176,181,186,191,196,201,206,211,216,221,225,230],{"title":36,"path":158,"stem":159,"icon":160},"\u002Fintegrate\u002Fframeworks\u002Foverview","3.integrate\u002Fframeworks\u002F00.overview","i-lucide-layout-grid",{"title":162,"path":163,"stem":164,"icon":165},"Nuxt","\u002Fintegrate\u002Fframeworks\u002Fnuxt","3.integrate\u002Fframeworks\u002F01.nuxt","i-simple-icons-nuxtdotjs",{"title":167,"path":168,"stem":169,"icon":170},"Next.js","\u002Fintegrate\u002Fframeworks\u002Fnextjs","3.integrate\u002Fframeworks\u002F02.nextjs","i-simple-icons-nextdotjs",{"title":172,"path":173,"stem":174,"icon":175},"SvelteKit","\u002Fintegrate\u002Fframeworks\u002Fsveltekit","3.integrate\u002Fframeworks\u002F03.sveltekit","i-simple-icons-svelte",{"title":177,"path":178,"stem":179,"icon":180},"Nitro","\u002Fintegrate\u002Fframeworks\u002Fnitro","3.integrate\u002Fframeworks\u002F04.nitro","i-custom-nitro",{"title":182,"path":183,"stem":184,"icon":185},"TanStack Start","\u002Fintegrate\u002Fframeworks\u002Ftanstack-start","3.integrate\u002Fframeworks\u002F05.tanstack-start","i-custom-tanstack",{"title":187,"path":188,"stem":189,"icon":190},"NestJS","\u002Fintegrate\u002Fframeworks\u002Fnestjs","3.integrate\u002Fframeworks\u002F06.nestjs","i-simple-icons-nestjs",{"title":192,"path":193,"stem":194,"icon":195},"Express","\u002Fintegrate\u002Fframeworks\u002Fexpress","3.integrate\u002Fframeworks\u002F07.express","i-simple-icons-express",{"title":197,"path":198,"stem":199,"icon":200},"Hono","\u002Fintegrate\u002Fframeworks\u002Fhono","3.integrate\u002Fframeworks\u002F08.hono","i-simple-icons-hono",{"title":202,"path":203,"stem":204,"icon":205},"Fastify","\u002Fintegrate\u002Fframeworks\u002Ffastify","3.integrate\u002Fframeworks\u002F09.fastify","i-simple-icons-fastify",{"title":207,"path":208,"stem":209,"icon":210},"Elysia","\u002Fintegrate\u002Fframeworks\u002Felysia","3.integrate\u002Fframeworks\u002F10.elysia","i-custom-elysia",{"title":212,"path":213,"stem":214,"icon":215},"React Router","\u002Fintegrate\u002Fframeworks\u002Freact-router","3.integrate\u002Fframeworks\u002F11.react-router","i-custom-reactrouter",{"title":217,"path":218,"stem":219,"icon":220},"Cloudflare Workers","\u002Fintegrate\u002Fframeworks\u002Fcloudflare-workers","3.integrate\u002Fframeworks\u002F12.cloudflare-workers","i-simple-icons-cloudflare",{"title":222,"path":223,"stem":224,"icon":74},"Standalone","\u002Fintegrate\u002Fframeworks\u002Fstandalone","3.integrate\u002Fframeworks\u002F13.standalone",{"title":226,"path":227,"stem":228,"icon":229},"Astro","\u002Fintegrate\u002Fframeworks\u002Fastro","3.integrate\u002Fframeworks\u002F14.astro","i-simple-icons-astro",{"title":231,"path":232,"stem":233,"icon":234},"AWS Lambda","\u002Fintegrate\u002Fframeworks\u002Faws-lambda","3.integrate\u002Fframeworks\u002F16.aws-lambda","i-custom-lambda",{"title":236,"path":237,"stem":238,"children":239,"page":29},"Use Cases","\u002Fuse-cases","4.use-cases",[240,244,249,278,306,338],{"title":36,"path":241,"stem":242,"icon":243},"\u002Fuse-cases\u002Foverview","4.use-cases\u002F0.overview","i-lucide-list-checks",{"title":245,"path":246,"stem":247,"icon":248},"Client Logging","\u002Fuse-cases\u002Fclient-logging","4.use-cases\u002F1.client-logging","i-lucide-monitor",{"title":250,"icon":251,"path":252,"stem":253,"children":254,"page":29},"AI SDK","i-simple-icons-vercel","\u002Fuse-cases\u002Fai-sdk","4.use-cases\u002F2.ai-sdk",[255,258,263,268,273],{"title":36,"path":256,"stem":257,"icon":39},"\u002Fuse-cases\u002Fai-sdk\u002Foverview","4.use-cases\u002F2.ai-sdk\u002F01.overview",{"title":259,"path":260,"stem":261,"icon":262},"Usage","\u002Fuse-cases\u002Fai-sdk\u002Fusage","4.use-cases\u002F2.ai-sdk\u002F02.usage","i-lucide-code",{"title":264,"path":265,"stem":266,"icon":267},"Options","\u002Fuse-cases\u002Fai-sdk\u002Foptions","4.use-cases\u002F2.ai-sdk\u002F03.options","i-lucide-sliders",{"title":269,"path":270,"stem":271,"icon":272},"Metadata","\u002Fuse-cases\u002Fai-sdk\u002Fmetadata","4.use-cases\u002F2.ai-sdk\u002F04.metadata","i-lucide-database",{"title":274,"path":275,"stem":276,"icon":277},"Telemetry","\u002Fuse-cases\u002Fai-sdk\u002Ftelemetry","4.use-cases\u002F2.ai-sdk\u002F05.telemetry","i-lucide-activity",{"title":279,"icon":280,"path":281,"stem":282,"children":283,"page":29},"Better Auth","i-simple-icons-betterauth","\u002Fuse-cases\u002Fbetter-auth","4.use-cases\u002F3.better-auth",[284,287,292,297,301],{"title":36,"path":285,"stem":286,"icon":39},"\u002Fuse-cases\u002Fbetter-auth\u002Foverview","4.use-cases\u002F3.better-auth\u002F01.overview",{"title":288,"path":289,"stem":290,"icon":291},"Identify User","\u002Fuse-cases\u002Fbetter-auth\u002Fidentify-user","4.use-cases\u002F3.better-auth\u002F02.identify-user","i-lucide-user-check",{"title":293,"path":294,"stem":295,"icon":296},"Middleware","\u002Fuse-cases\u002Fbetter-auth\u002Fmiddleware","4.use-cases\u002F3.better-auth\u002F03.middleware","i-lucide-shield",{"title":298,"path":299,"stem":300,"icon":248},"Client Sync","\u002Fuse-cases\u002Fbetter-auth\u002Fclient-sync","4.use-cases\u002F3.better-auth\u002F04.client-sync",{"title":302,"path":303,"stem":304,"icon":305},"Performance","\u002Fuse-cases\u002Fbetter-auth\u002Fperformance","4.use-cases\u002F3.better-auth\u002F05.performance","i-lucide-gauge",{"title":307,"icon":308,"path":309,"stem":310,"children":311,"page":29},"Audit Logs","i-lucide-shield-check","\u002Fuse-cases\u002Faudit","4.use-cases\u002F4.audit",[312,315,320,325,330,334],{"title":36,"path":313,"stem":314,"icon":39},"\u002Fuse-cases\u002Faudit\u002Foverview","4.use-cases\u002F4.audit\u002F01.overview",{"title":316,"path":317,"stem":318,"icon":319},"Schema","\u002Fuse-cases\u002Faudit\u002Fschema","4.use-cases\u002F4.audit\u002F02.schema","i-lucide-file-text",{"title":321,"path":322,"stem":323,"icon":324},"Recording","\u002Fuse-cases\u002Faudit\u002Frecording","4.use-cases\u002F4.audit\u002F03.recording","i-lucide-pen-line",{"title":326,"path":327,"stem":328,"icon":329},"Drains","\u002Fuse-cases\u002Faudit\u002Fpipeline","4.use-cases\u002F4.audit\u002F04.pipeline","i-lucide-link",{"title":331,"path":332,"stem":333,"icon":308},"Compliance","\u002Fuse-cases\u002Faudit\u002Fcompliance","4.use-cases\u002F4.audit\u002F05.compliance",{"title":335,"path":336,"stem":337,"icon":79},"Recipes","\u002Fuse-cases\u002Faudit\u002Frecipes","4.use-cases\u002F4.audit\u002F06.recipes",{"title":339,"path":340,"stem":341,"icon":342},"Enrichers","\u002Fuse-cases\u002Fenrichers","4.use-cases\u002F5.enrichers","i-lucide-sparkles",{"title":344,"path":345,"stem":346,"children":347,"page":29},"Extend","\u002Fextend","5.extend",[348,352,357,362,367,371,375,379,383,388,393],{"title":36,"path":349,"stem":350,"icon":351},"\u002Fextend\u002Foverview","5.extend\u002F0.overview","i-lucide-blocks",{"title":353,"path":354,"stem":355,"icon":356},"Stream","\u002Fextend\u002Fstream","5.extend\u002F1.stream","i-lucide-radio-tower",{"title":358,"path":359,"stem":360,"icon":361},"Custom framework","\u002Fextend\u002Fcustom-framework","5.extend\u002F10.custom-framework","i-lucide-puzzle",{"title":363,"path":364,"stem":365,"icon":366},"FS reader","\u002Fextend\u002Ffs-reader","5.extend\u002F2.fs-reader","i-lucide-folder-search",{"title":335,"path":368,"stem":369,"icon":370},"\u002Fextend\u002Fconsumer-recipes","5.extend\u002F3.consumer-recipes","i-lucide-chef-hat",{"title":372,"path":373,"stem":374,"icon":351},"Plugins","\u002Fextend\u002Fplugins","5.extend\u002F4.plugins",{"title":376,"path":377,"stem":378,"icon":342},"Custom enrichers","\u002Fextend\u002Fcustom-enrichers","5.extend\u002F5.custom-enrichers",{"title":380,"path":381,"stem":382,"icon":64},"Tail sampling","\u002Fextend\u002Ftail-sampling","5.extend\u002F6.tail-sampling",{"title":384,"path":385,"stem":386,"icon":387},"Identity headers","\u002Fextend\u002Fidentity-headers","5.extend\u002F7.identity-headers","i-lucide-fingerprint",{"title":389,"path":390,"stem":391,"icon":392},"Custom drains","\u002Fextend\u002Fcustom-drains","5.extend\u002F8.custom-drains","i-lucide-share-2",{"title":394,"path":395,"stem":396,"icon":397},"Drain pipeline","\u002Fextend\u002Fdrain-pipeline","5.extend\u002F9.drain-pipeline","i-lucide-workflow",{"title":399,"path":400,"stem":401,"children":402,"page":29},"Reference","\u002Freference","6.reference",[403,408,411,416,420,425],{"title":404,"path":405,"stem":406,"icon":407},"Configuration","\u002Freference\u002Fconfiguration","6.reference\u002F1.configuration","i-lucide-settings",{"title":302,"path":409,"stem":410,"icon":305},"\u002Freference\u002Fperformance","6.reference\u002F2.performance",{"title":412,"path":413,"stem":414,"icon":415},"Vite Plugin","\u002Freference\u002Fvite-plugin","6.reference\u002F3.vite-plugin","i-custom-vite",{"title":417,"path":418,"stem":419,"icon":308},"Best Practices","\u002Freference\u002Fbest-practices","6.reference\u002F4.best-practices",{"title":421,"path":422,"stem":423,"icon":424},"vs Other Loggers","\u002Freference\u002Fvs-other-loggers","6.reference\u002F5.vs-other-loggers","i-lucide-scale",{"title":426,"path":427,"stem":428,"icon":342},"Agent Skills","\u002Freference\u002Fagent-skills","6.reference\u002F6.agent-skills",{"id":430,"title":245,"body":431,"description":2621,"extension":2622,"links":2623,"meta":2628,"navigation":2629,"path":246,"seo":2630,"stem":247,"__hash__":2631},"docs\u002F4.use-cases\u002F1.client-logging.md",{"type":432,"value":433,"toc":2604},"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,2600],[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":248},"[\"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\u002Fuse-cases\u002Fclient-logging",[479],"nofollow","\nHTTP transport: ",[475,482,483],{"href":483,"rel":484},"https:\u002F\u002Fwww.evlog.dev\u002Fextend\u002Fdrain-pipeline",[479],[486,487,25],"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,404],{"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},"\u002Fextend\u002Fdrain-pipeline#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":395}," adapter docs for full configuration reference, authentication, and server endpoint examples.",[486,2579,2581],{"id":2580},"next-steps","Next Steps",[450,2583,2584,2589,2595],{},[453,2585,2586,2588],{},[475,2587,2107],{"href":395}," - Batching, retry, and sendBeacon fallback",[453,2590,2591,2594],{},[475,2592,2593],{"href":395},"Pipeline"," - Advanced pipeline configuration",[453,2596,2597,2599],{},[475,2598,51],{"href":52}," - Surface client errors with actionable context",[2601,2602,2603],"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":2605},[2606,2607,2609,2614,2615,2616,2620],{"id":488,"depth":547,"text":25},{"id":999,"depth":547,"text":2608},"Minimum level (minLevel)",{"id":1060,"depth":547,"text":1061,"children":2610},[2611,2612,2613],{"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":404},{"id":1666,"depth":547,"text":1667,"children":2617},[2618,2619],{"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",[2624,2627],{"label":2107,"icon":2625,"to":395,"color":2572,"variant":2626},"i-lucide-globe","subtle",{"label":46,"icon":49,"to":47,"color":2572,"variant":2626},{},{"icon":248},{"title":245,"description":2621},"5o41RK22UBqd2WEjB2-NiwXE4g78DXbbNUqvo93Za4U",[2633,2635],{"title":36,"path":241,"stem":242,"description":2634,"icon":243,"children":-1},"Recipes that solve a specific problem with evlog — capture browser logs, observe AI SDK calls, identify users from Better Auth, build a tamper-evident audit trail, enrich every event with derived context.",{"title":36,"path":256,"stem":257,"description":2636,"icon":39,"children":-1},"Capture token usage, tool calls, model info, and streaming metrics from the Vercel AI SDK into wide events. Wrap your model and get full AI observability with one line.",1778440148587]