AGENTDDS.com

Changelog

feat(webapp): browser OTLP traces (@opentelemetry/api)

April 12, 2026Branch feat/otel-browser-apiPR #2141 min readAI Generated

feat(webapp): browser OTLP traces (@opentelemetry/api)

Automated summary for branch feat/otel-browser-api. This post is generated on push; commit it with your changes.

Commits

  • e5a00734 merge(main): resolve lessons + instrumentation conflicts for OTel PR
  • 2f32e261 feat(webapp): browser OpenTelemetry traces via @opentelemetry/api

Files changed

bun.lock                                          | 34 +++++++---
 infra/otel/collector-config.yaml                  |  7 +++
 lessons/lessons.md                                |  7 +++
 otel-collector.azure-local.yml                    |  6 ++
 webapp/.env.example                               |  6 ++
 webapp/package.json                               |  6 ++
 webapp/src/app/(signup)/auth/signup/page.tsx      |  8 ++-
 webapp/src/app/instrumentation.ts                 |  2 +
 webapp/src/app/layout.tsx                         |  2 +
 webapp/src/components/otel/browser-route-span.tsx | 29 +++++++++
 webapp/src/instrumentation-client.ts              |  4 ++
 webapp/src/lib/browser-tracing.ts                 | 75 +++++++++++++++++++++++
 webapp/test/browser-tracing-url.test.ts           | 24 ++++++++
 13 files changed, 198 insertions(+), 12 deletions(-)

How this works

This file is produced by webapp/tools/sync-pr-blog-post.ts. Add a versions/human.md file in the same folder to publish a human-written alternative; the site will show tabs for AI Draft and Human when both exist.