workleap-telemetry
Guide for Workleap's telemetry solution (@workleap/telemetry) that unifies Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs. Use this skill when: (1) Initializing wl-telemetry in a frontend application (2) Working with correlation values (Telemetry Id, Device Id) and their lifecycle (3) Using Honeycomb for distributed tracing and performance analysis (4) Creating and enriching Honeycomb traces/spans using OpenTelemetry (5) Using LogRocket for session replay and frontend debugging (6) Exposing telemetry identifiers to LogRocket for cross-tool debugging (7) Using Mixpanel for product analytics and event tracking (8) Attaching telemetry/device IDs to Mixpanel events (9) Understanding Honeycomb, LogRocket, and Mixpanel roles in wl-telemetry (10) Correlating data across Honeycomb, LogRocket, and Mixpanel (11) Configuring loggers for wl-telemetry diagnostics (12) Using wl-telemetry safely in Storybook or non-production environments (13) Using Noop telemetry clients to disable/mock telemetry (14)
SKILL.md
| Name | workleap-telemetry |
| Description | Guide for Workleap's telemetry solution (@workleap/telemetry) that unifies Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs. Use this skill when: (1) Initializing wl-telemetry in a frontend application (2) Working with correlation values (Telemetry Id, Device Id) and their lifecycle (3) Using Honeycomb for distributed tracing and performance analysis (4) Creating and enriching Honeycomb traces/spans using OpenTelemetry (5) Using LogRocket for session replay and frontend debugging (6) Exposing telemetry identifiers to LogRocket for cross-tool debugging (7) Using Mixpanel for product analytics and event tracking (8) Attaching telemetry/device IDs to Mixpanel events (9) Understanding Honeycomb, LogRocket, and Mixpanel roles in wl-telemetry (10) Correlating data across Honeycomb, LogRocket, and Mixpanel (11) Configuring loggers for wl-telemetry diagnostics (12) Using wl-telemetry safely in Storybook or non-production environments (13) Using Noop telemetry clients to disable/mock telemetry (14) |
name: workleap-telemetry description: | Guide for @workleap/telemetry — Workleap's unified telemetry package connecting Honeycomb (tracing), LogRocket (session replay), and Mixpanel (analytics) with automatic correlation IDs.
Use when initializing @workleap/telemetry, instrumenting Honeycomb traces/spans, configuring LogRocket replay or privacy, tracking Mixpanel events, setting up Noop clients for Storybook/tests, or troubleshooting telemetry correlation. Also activate when someone mentions observability, session replay, or analytics in a Workleap frontend context. metadata: version: 3.3
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/honeycombdirectly. 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
TelemetryContextinstances. The SDK manages the lifecycle and cross-tool propagation; manual overrides break the correlation chain. - Use Noop clients outside production — Use
NoopTelemetryClientin 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-privateHTML attributes to control what gets recorded. - productFamily is required —
initializeTelemetryrequires"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.