$3a
@workleap/telemetry is an umbrella package that integrates Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for unified debugging and analysis.
Two automatic correlation IDs unify all telemetry platforms:
| ID | Purpose | Honeycomb | LogRocket/Mixpanel |
|---|---|---|---|
| Telemetry Id | Single app load | app.telemetry_id | Telemetry Id |
| Device Id | Device across sessions | app.device_id | Device Id |
If LogRocket is enabled, Honeycomb and Mixpanel automatically receive app.logrocket_session_url / LogRocket Session URL.
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"
}
});
// Wrap application
<TelemetryProvider client={telemetryClient}>
<App />
</TelemetryProvider>
// Access via hooks
const telemetryClient = useTelemetryClient();
const honeycombClient = useHoneycombInstrumentationClient();
const logRocketClient = useLogRocketInstrumentationClient();
const mixpanelClient = useMixpanelClient();
const track = useMixpanelTrackingFunction();
import { NoopTelemetryClient, TelemetryProvider } from "@workleap/telemetry/react";
const telemetryClient = new NoopTelemetryClient();
<TelemetryProvider client={telemetryClient}>
<Story />
</TelemetryProvider>
@workleap/telemetry, not standalone packagesNoopTelemetryClient in Storybook/testsdata-public/data-private attributesinitializeTelemetry requires "wlp" or "sg" as the first argument