mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-06 01:42:08 +00:00
* feat(cli): add system metrics to telemetry and expand doctor command Enrich render telemetry with device/environment metadata (CPU, memory, OS, Docker/CI/WSL detection) following patterns from Next.js and Turborepo. Add speed_ratio (render time / composition duration), per-frame capture timing, and resource usage to render events. Expand the doctor command with CPU, memory, disk, /dev/shm, and environment checks to help debug rendering issues on user machines. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix(cli): invert speed_ratio to match experiment-framework convention composition_duration / render_time — higher is better, >1 means faster than realtime. Matches magic_edit.render.speed_ratio in experiment-framework. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix(cli): wire errorMessage into render error telemetry Address review feedback — the errorMessage field was declared in the trackRenderError interface but never populated. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * feat(cli): add render telemetry to embedded studio server Track render_complete and render_error from the studio's render API endpoint (hyperframes dev). Uses dynamic imports so telemetry is resolved at call time within the CLI package — no telemetry coupling added to @hyperframes/studio or @hyperframes/producer. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
194 lines
5.8 KiB
TypeScript
194 lines
5.8 KiB
TypeScript
import { readConfig, writeConfig } from "./config.js";
|
|
import { VERSION } from "../version.js";
|
|
import { c } from "../ui/colors.js";
|
|
import { isDevMode } from "../utils/env.js";
|
|
import { getSystemMeta } from "./system.js";
|
|
|
|
// This is a public project API key — safe to embed in client-side code.
|
|
// It only allows writing events, not reading data.
|
|
const POSTHOG_API_KEY = "phc_zjjbX0PnWxERXrMHhkEJWj9A9BhGVLRReICgsfTMmpx";
|
|
const POSTHOG_HOST = "https://us.i.posthog.com";
|
|
const FLUSH_TIMEOUT_MS = 5_000;
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// Lightweight PostHog client — uses the HTTP batch API directly to avoid
|
|
// pulling in the full posthog-node SDK and its dependencies.
|
|
// All calls are fire-and-forget with a hard timeout.
|
|
// ---------------------------------------------------------------------------
|
|
|
|
interface EventProperties {
|
|
[key: string]: string | number | boolean | undefined;
|
|
}
|
|
|
|
let eventQueue: Array<{
|
|
event: string;
|
|
properties: EventProperties;
|
|
timestamp: string;
|
|
}> = [];
|
|
|
|
let telemetryEnabled: boolean | null = null;
|
|
|
|
/**
|
|
* Check if telemetry should be active.
|
|
* Disabled when: dev mode, user opted out, CI environment, or HYPERFRAMES_NO_TELEMETRY set.
|
|
*/
|
|
export function shouldTrack(): boolean {
|
|
if (telemetryEnabled !== null) return telemetryEnabled;
|
|
|
|
if (process.env["HYPERFRAMES_NO_TELEMETRY"] === "1" || process.env["DO_NOT_TRACK"] === "1") {
|
|
telemetryEnabled = false;
|
|
return false;
|
|
}
|
|
|
|
if (process.env["CI"] === "true" || process.env["CI"] === "1") {
|
|
telemetryEnabled = false;
|
|
return false;
|
|
}
|
|
|
|
if (isDevMode()) {
|
|
telemetryEnabled = false;
|
|
return false;
|
|
}
|
|
|
|
// Safety check: ensure the API key has been configured (phc_ prefix = valid PostHog key)
|
|
if (!POSTHOG_API_KEY.startsWith("phc_")) {
|
|
telemetryEnabled = false;
|
|
return false;
|
|
}
|
|
|
|
const config = readConfig();
|
|
telemetryEnabled = config.telemetryEnabled;
|
|
return telemetryEnabled;
|
|
}
|
|
|
|
/**
|
|
* Queue a telemetry event. Non-blocking, fail-silent.
|
|
*/
|
|
export function trackEvent(event: string, properties: EventProperties = {}): void {
|
|
if (!shouldTrack()) return;
|
|
|
|
const sys = getSystemMeta();
|
|
eventQueue.push({
|
|
event,
|
|
properties: {
|
|
...properties,
|
|
cli_version: VERSION,
|
|
os: process.platform,
|
|
arch: process.arch,
|
|
node_version: process.version,
|
|
os_release: sys.os_release,
|
|
cpu_count: sys.cpu_count,
|
|
cpu_model: sys.cpu_model ?? undefined,
|
|
cpu_speed: sys.cpu_speed ?? undefined,
|
|
memory_total_mb: sys.memory_total_mb,
|
|
is_docker: sys.is_docker,
|
|
is_ci: sys.is_ci,
|
|
ci_name: sys.ci_name ?? undefined,
|
|
is_wsl: sys.is_wsl,
|
|
is_tty: sys.is_tty,
|
|
},
|
|
timestamp: new Date().toISOString(),
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Flush all queued events to PostHog via async HTTP POST.
|
|
* Called before normal process exit via `beforeExit`.
|
|
*/
|
|
export async function flush(): Promise<void> {
|
|
if (eventQueue.length === 0) {
|
|
return;
|
|
}
|
|
|
|
const config = readConfig();
|
|
const batch = eventQueue.map((e) => ({
|
|
event: e.event,
|
|
// $ip: null tells PostHog to not record the request IP for this event.
|
|
// Server-side "Discard client IP data" is also enabled in project settings.
|
|
properties: { ...e.properties, $ip: null },
|
|
distinct_id: config.anonymousId,
|
|
timestamp: e.timestamp,
|
|
}));
|
|
eventQueue = [];
|
|
|
|
const controller = new AbortController();
|
|
const timeout = setTimeout(() => controller.abort(), FLUSH_TIMEOUT_MS);
|
|
|
|
try {
|
|
await fetch(`${POSTHOG_HOST}/batch/`, {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json", Connection: "close" },
|
|
body: JSON.stringify({ api_key: POSTHOG_API_KEY, batch }),
|
|
signal: controller.signal,
|
|
});
|
|
} catch {
|
|
// Silently ignore — telemetry must never break the CLI
|
|
} finally {
|
|
clearTimeout(timeout);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Fire-and-forget flush for use in the `exit` event handler.
|
|
* Spawns a detached child process that sends the HTTP request independently,
|
|
* so the parent process exits immediately without waiting.
|
|
*/
|
|
export function flushSync(): void {
|
|
if (eventQueue.length === 0) {
|
|
return;
|
|
}
|
|
|
|
const config = readConfig();
|
|
const batch = eventQueue.map((e) => ({
|
|
event: e.event,
|
|
properties: { ...e.properties, $ip: null },
|
|
distinct_id: config.anonymousId,
|
|
timestamp: e.timestamp,
|
|
}));
|
|
eventQueue = [];
|
|
|
|
const payload = JSON.stringify({ api_key: POSTHOG_API_KEY, batch });
|
|
|
|
try {
|
|
const { spawn } = require("node:child_process") as typeof import("node:child_process");
|
|
const child = spawn(
|
|
process.execPath,
|
|
[
|
|
"-e",
|
|
`fetch(${JSON.stringify(`${POSTHOG_HOST}/batch/`)},{method:"POST",headers:{"Content-Type":"application/json"},body:${JSON.stringify(payload)},signal:AbortSignal.timeout(${FLUSH_TIMEOUT_MS})}).catch(()=>{})`,
|
|
],
|
|
{ detached: true, stdio: "ignore" },
|
|
);
|
|
// Let the parent exit without waiting for the child
|
|
child.unref();
|
|
} catch {
|
|
// Silently ignore
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Show the first-run telemetry notice if it hasn't been shown yet.
|
|
* Must be called BEFORE any tracking calls so the user sees the disclosure
|
|
* before any data is sent.
|
|
*/
|
|
export function showTelemetryNotice(): boolean {
|
|
if (!shouldTrack()) return false;
|
|
|
|
const config = readConfig();
|
|
if (config.telemetryNoticeShown) return false;
|
|
|
|
// Persist the notice flag first, before any tracking occurs,
|
|
// so the user is never tracked without having seen the disclosure.
|
|
config.telemetryNoticeShown = true;
|
|
writeConfig(config);
|
|
|
|
console.log();
|
|
console.log(` ${c.dim("Hyperframes collects anonymous usage data to improve the tool.")}`);
|
|
console.log(` ${c.dim("No personal info, file paths, or content is collected.")}`);
|
|
console.log();
|
|
console.log(` ${c.dim("Disable anytime:")} ${c.accent("hyperframes telemetry disable")}`);
|
|
console.log();
|
|
|
|
return true;
|
|
}
|