Workleap Telemetry (wl-telemetry)
@workleap/telemetry is an umbrella package that integrates Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for unified debugging and analysis.
Platform Roles
- Honeycomb: Distributed tracing and performance monitoring (LCP, CLS, INP)
- LogRocket: Session replay and frontend debugging
- Mixpanel: Product analytics and event tracking
Quick Start
import { initializeTelemetry, TelemetryProvider } from "@workleap/telemetry/react";
const telemetryClient = initializeTelemetry("wlp", {
logRocket: { appId: "your-app-id" },
honeycomb: {
namespace: "your-namespace",
serviceName: "your-service",
apiServiceUrls: [/.+/g],
options: { proxy: "https://your-otel-proxy" }
},
mixpanel: {
envOrTrackingApiBaseUrl: "production"
}
});
<TelemetryProvider client={telemetryClient}>
<App />
</TelemetryProvider>
Critical Rules
- Use the umbrella package — Import from
@workleap/telemetry, not standalone packages like @workleap/honeycomb directly. Standalone packages bypass the automatic correlation ID propagation that ties all three platforms together.
- Do not invent APIs — Only use APIs documented in the references. The model may hallucinate plausible-looking methods that don't exist.
- Let correlation happen automatically — Never manually set Telemetry Id or Device Id, and never create your own
TelemetryContext instances. The SDK manages the lifecycle and cross-tool propagation; manual overrides break the correlation chain.
- Use Noop clients outside production — Use
NoopTelemetryClient in Storybook and tests to avoid sending real telemetry data and to prevent initialization errors in non-browser environments.
- Protect user privacy — Never log PII to LogRocket. Session replays are shared across teams and may be reviewed broadly; use
data-public/data-private HTML attributes to control what gets recorded.
- productFamily is required —
initializeTelemetry requires "wlp" (Workleap Platform) or "sg" (ShareGate) as the first argument. This determines platform-specific defaults and routing.
Reference Guide
Consult these references based on what you need:
references/api.md — Function signatures, type definitions, and complete API surface for all clients and hooks. Start here when you need to know exactly what parameters a method accepts.
references/integrations.md — Platform-specific configuration patterns, custom Honeycomb traces, LogRocket privacy controls, Mixpanel event tracking, and cross-platform correlation workflows. Start here for "how do I configure X" questions.
references/examples.md — Copy-paste starter code for common scenarios: full app setup, Storybook decorators, test utilities, user identification, and troubleshooting. Start here for "show me how to do X" questions.
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1---2name: workleap-wl-telemetry-workleap-telemetry3description: Workleap Telemetry (wl-telemetry)4---56# Workleap Telemetry (wl-telemetry)78`@workleap/telemetry` is an umbrella package that integrates Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for unified debugging and analysis.910## Platform Roles1112- **Honeycomb**: Distributed tracing and performance monitoring (LCP, CLS, INP)13- **LogRocket**: Session replay and frontend debugging14- **Mixpanel**: Product analytics and event tracking1516## Quick Start1718```typescript19import { initializeTelemetry, TelemetryProvider } from "@workleap/telemetry/react";2021const telemetryClient = initializeTelemetry("wlp", {22 logRocket: { appId: "your-app-id" },23 honeycomb: {24 namespace: "your-namespace",25 serviceName: "your-service",26 apiServiceUrls: [/.+/g],27 options: { proxy: "https://your-otel-proxy" }28 },29 mixpanel: {30 envOrTrackingApiBaseUrl: "production"31 }32});3334<TelemetryProvider client={telemetryClient}>35 <App />36</TelemetryProvider>37```3839## Critical Rules40411. **Use the umbrella package** — Import from `@workleap/telemetry`, not standalone packages like `@workleap/honeycomb` directly. Standalone packages bypass the automatic correlation ID propagation that ties all three platforms together.422. **Do not invent APIs** — Only use APIs documented in the references. The model may hallucinate plausible-looking methods that don't exist.433. **Let correlation happen automatically** — Never manually set Telemetry Id or Device Id, and never create your own `TelemetryContext` instances. The SDK manages the lifecycle and cross-tool propagation; manual overrides break the correlation chain.444. **Use Noop clients outside production** — Use `NoopTelemetryClient` in Storybook and tests to avoid sending real telemetry data and to prevent initialization errors in non-browser environments.455. **Protect user privacy** — Never log PII to LogRocket. Session replays are shared across teams and may be reviewed broadly; use `data-public`/`data-private` HTML attributes to control what gets recorded.466. **productFamily is required** — `initializeTelemetry` requires `"wlp"` (Workleap Platform) or `"sg"` (ShareGate) as the first argument. This determines platform-specific defaults and routing.4748## Reference Guide4950Consult these references based on what you need:5152- **`references/api.md`** — Function signatures, type definitions, and complete API surface for all clients and hooks. Start here when you need to know exactly what parameters a method accepts.53- **`references/integrations.md`** — Platform-specific configuration patterns, custom Honeycomb traces, LogRocket privacy controls, Mixpanel event tracking, and cross-platform correlation workflows. Start here for "how do I configure X" questions.54- **`references/examples.md`** — Copy-paste starter code for common scenarios: full app setup, Storybook decorators, test utilities, user identification, and troubleshooting. Start here for "show me how to do X" questions.5556---57> Converted and distributed by [TomeVault](https://tomevault.io/claim/workleap) — claim your Tome and manage your conversions.58<!-- tomevault:4.0:skill_md:2026-04-13 -->