@interfere/react 0.1.0-alpha.6 → 0.2.0-alpha.2

package/dist/tracking/visitor.d.mts

@@ -0,0 +1,6 @@
+//#region src/tracking/visitor.d.ts
+declare function initVisitor(): void;
+declare function getVisitorId(): string | null;
+declare function whenVisitorReady(): Promise<string | null>;
+//#endregion
+export { getVisitorId, initVisitor, whenVisitorReady };

package/dist/tracking/visitor.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visitor.d.mts","names":[],"sources":["../../src/tracking/visitor.ts"],"mappings":";iBAcgB,WAAA,CAAA;AAAA,iBA2BA,YAAA,CAAA;AAAA,iBAIA,gBAAA,CAAA,GAAoB,OAAA"}

package/dist/tracking/visitor.mjs

@@ -0,0 +1,35 @@
+import { createLogger } from "../util/log.mjs";
+//#region src/tracking/visitor.ts
+const log = createLogger("visitor");
+let visitorId = null;
+let pending = null;
+function resolveApiKey() {
+	if (typeof process === "undefined") return;
+	return process.env.INTERFERE_FINGERPRINT_KEY ?? void 0;
+}
+function initVisitor() {
+	const apiKey = resolveApiKey();
+	if (!apiKey) {
+		log.info("no INTERFERE_FINGERPRINT_KEY, skipping");
+		return;
+	}
+	pending = (async () => {
+		try {
+			visitorId = (await (await (await import("@fingerprintjs/fingerprintjs-pro")).load({ apiKey })).get()).visitorId;
+			log.debug("resolved %s", visitorId);
+			return visitorId;
+		} catch {
+			log.error("fingerprint failed");
+			return null;
+		}
+	})();
+}
+function getVisitorId() {
+	return visitorId;
+}
+function whenVisitorReady() {
+	if (visitorId) return Promise.resolve(visitorId);
+	return pending ?? Promise.resolve(null);
+}
+//#endregion
+export { getVisitorId, initVisitor, whenVisitorReady };

package/dist/tracking/visitor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"visitor.mjs","names":[],"sources":["../../src/tracking/visitor.ts"],"sourcesContent":["import { createLogger } from \"../util/log.js\";\n\nconst log = createLogger(\"visitor\");\n\nlet visitorId: string | null = null;\nlet pending: Promise<string | null> | null = null;\n\nfunction resolveApiKey(): string | undefined {\n  if (typeof process === \"undefined\") {\n    return undefined;\n  }\n  return process.env.INTERFERE_FINGERPRINT_KEY ?? undefined;\n}\n\nexport function initVisitor(): void {\n  const apiKey = resolveApiKey();\n  if (!apiKey) {\n    log.info(\"no INTERFERE_FINGERPRINT_KEY, skipping\");\n    return;\n  }\n\n  pending = (async () => {\n    try {\n      const FingerprintJS = await import(\"@fingerprintjs/fingerprintjs-pro\");\n\n      const fp = await FingerprintJS.load({ apiKey });\n      const result = await fp.get();\n\n      visitorId = result.visitorId;\n\n      log.debug(\"resolved %s\", visitorId);\n\n      return visitorId;\n    } catch {\n      log.error(\"fingerprint failed\");\n\n      return null;\n    }\n  })();\n}\n\nexport function getVisitorId(): string | null {\n  return visitorId;\n}\n\nexport function whenVisitorReady(): Promise<string | null> {\n  if (visitorId) {\n    return Promise.resolve(visitorId);\n  }\n  return pending ?? Promise.resolve(null);\n}\n"],"mappings":";;AAEA,MAAM,MAAM,aAAa,UAAU;AAEnC,IAAI,YAA2B;AAC/B,IAAI,UAAyC;AAE7C,SAAS,gBAAoC;AAC3C,KAAI,OAAO,YAAY,YACrB;AAEF,QAAO,QAAQ,IAAI,6BAA6B,KAAA;;AAGlD,SAAgB,cAAoB;CAClC,MAAM,SAAS,eAAe;AAC9B,KAAI,CAAC,QAAQ;AACX,MAAI,KAAK,yCAAyC;AAClD;;AAGF,YAAW,YAAY;AACrB,MAAI;AAMF,gBAFe,OADJ,OAFW,MAAM,OAAO,qCAEJ,KAAK,EAAE,QAAQ,CAAC,EACvB,KAAK,EAEV;AAEnB,OAAI,MAAM,eAAe,UAAU;AAEnC,UAAO;UACD;AACN,OAAI,MAAM,qBAAqB;AAE/B,UAAO;;KAEP;;AAGN,SAAgB,eAA8B;AAC5C,QAAO;;AAGT,SAAgB,mBAA2C;AACzD,KAAI,UACF,QAAO,QAAQ,QAAQ,UAAU;AAEnC,QAAO,WAAW,QAAQ,QAAQ,KAAK"}

package/dist/transport/http.d.mts

@@ -0,0 +1,15 @@
+import { Envelope } from "@interfere/types/sdk/envelope";
+
+//#region src/transport/http.d.ts
+interface IngestTarget {
+  headers: Headers;
+  url: string;
+}
+declare class HttpTransport {
+  private readonly target;
+  private pendingKeepalive;
+  constructor(target: IngestTarget);
+  send(envelopes: Envelope[]): Promise<void>;
+}
+//#endregion
+export { HttpTransport, IngestTarget };

package/dist/transport/http.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.d.mts","names":[],"sources":["../../src/transport/http.ts"],"mappings":";;;UAUiB,YAAA;EACf,OAAA,EAAS,OAAA;EACT,GAAA;AAAA;AAAA,cA+BW,aAAA;EAAA,iBACM,MAAA;EAAA,QACT,gBAAA;cAEI,MAAA,EAAQ,YAAA;EAId,IAAA,CAAK,SAAA,EAAW,QAAA,KAAa,OAAA;AAAA"}

package/dist/transport/http.mjs

@@ -0,0 +1,56 @@
+import { createLogger } from "../util/log.mjs";
+import { getVisitorId } from "../tracking/visitor.mjs";
+import { session } from "../tracking/api.mjs";
+import { make } from "tctx/traceparent";
+//#region src/transport/http.ts
+const log = createLogger("http");
+function buildHeaders(base) {
+	const h = Object.fromEntries(base.entries());
+	h.traceparent = String(make());
+	const sessionId = session.getId();
+	if (sessionId) h["x-interfere-session"] = sessionId;
+	const visitorId = getVisitorId();
+	if (visitorId) h["x-interfere-visitor"] = visitorId;
+	return h;
+}
+function hasServiceWorker() {
+	return typeof navigator !== "undefined" && "serviceWorker" in navigator && navigator.serviceWorker.controller !== null;
+}
+const KEEPALIVE_BUDGET_BYTES = 61440;
+const MAX_CONCURRENT_KEEPALIVE = 15;
+var HttpTransport = class {
+	target;
+	pendingKeepalive = 0;
+	constructor(target) {
+		this.target = target;
+	}
+	async send(envelopes) {
+		const body = JSON.stringify(envelopes);
+		const headers = buildHeaders(this.target.headers);
+		if (hasServiceWorker()) {
+			log.debug("POST %d envelopes via SW", envelopes.length);
+			await fetch(this.target.url, {
+				method: "POST",
+				headers,
+				body
+			});
+			return;
+		}
+		const bytes = new TextEncoder().encode(body).byteLength;
+		const useKeepalive = bytes < KEEPALIVE_BUDGET_BYTES && this.pendingKeepalive < MAX_CONCURRENT_KEEPALIVE;
+		if (useKeepalive) this.pendingKeepalive++;
+		log.debug("POST %d envelopes direct (%d bytes, keepalive=%s)", envelopes.length, bytes, useKeepalive);
+		try {
+			await fetch(this.target.url, {
+				method: "POST",
+				headers,
+				body,
+				keepalive: useKeepalive
+			});
+		} finally {
+			if (useKeepalive) this.pendingKeepalive--;
+		}
+	}
+};
+//#endregion
+export { HttpTransport };

package/dist/transport/http.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.mjs","names":[],"sources":["../../src/transport/http.ts"],"sourcesContent":["import type { Envelope } from \"@interfere/types/sdk/envelope\";\n\nimport { make } from \"tctx/traceparent\";\n\nimport { session } from \"../tracking/api.js\";\nimport { getVisitorId } from \"../tracking/visitor.js\";\nimport { createLogger } from \"../util/log.js\";\n\nconst log = createLogger(\"http\");\n\nexport interface IngestTarget {\n  headers: Headers;\n  url: string;\n}\n\nfunction buildHeaders(base: Headers): Record<string, string> {\n  const h: Record<string, string> = Object.fromEntries(base.entries());\n  h.traceparent = String(make());\n\n  const sessionId = session.getId();\n  if (sessionId) {\n    h[\"x-interfere-session\"] = sessionId;\n  }\n\n  const visitorId = getVisitorId();\n  if (visitorId) {\n    h[\"x-interfere-visitor\"] = visitorId;\n  }\n\n  return h;\n}\n\nfunction hasServiceWorker(): boolean {\n  return (\n    typeof navigator !== \"undefined\" &&\n    \"serviceWorker\" in navigator &&\n    navigator.serviceWorker.controller !== null\n  );\n}\n\nconst KEEPALIVE_BUDGET_BYTES = 61_440;\nconst MAX_CONCURRENT_KEEPALIVE = 15;\n\nexport class HttpTransport {\n  private readonly target: IngestTarget;\n  private pendingKeepalive = 0;\n\n  constructor(target: IngestTarget) {\n    this.target = target;\n  }\n\n  async send(envelopes: Envelope[]): Promise<void> {\n    const body = JSON.stringify(envelopes);\n    const headers = buildHeaders(this.target.headers);\n\n    if (hasServiceWorker()) {\n      log.debug(\"POST %d envelopes via SW\", envelopes.length);\n      await fetch(this.target.url, {\n        method: \"POST\",\n        headers,\n        body,\n      });\n      return;\n    }\n\n    const bytes = new TextEncoder().encode(body).byteLength;\n    const useKeepalive =\n      bytes < KEEPALIVE_BUDGET_BYTES &&\n      this.pendingKeepalive < MAX_CONCURRENT_KEEPALIVE;\n\n    if (useKeepalive) {\n      this.pendingKeepalive++;\n    }\n\n    log.debug(\n      \"POST %d envelopes direct (%d bytes, keepalive=%s)\",\n      envelopes.length,\n      bytes,\n      useKeepalive\n    );\n\n    try {\n      await fetch(this.target.url, {\n        method: \"POST\",\n        headers,\n        body,\n        keepalive: useKeepalive,\n      });\n    } finally {\n      if (useKeepalive) {\n        this.pendingKeepalive--;\n      }\n    }\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,MAAM,aAAa,OAAO;AAOhC,SAAS,aAAa,MAAuC;CAC3D,MAAM,IAA4B,OAAO,YAAY,KAAK,SAAS,CAAC;AACpE,GAAE,cAAc,OAAO,MAAM,CAAC;CAE9B,MAAM,YAAY,QAAQ,OAAO;AACjC,KAAI,UACF,GAAE,yBAAyB;CAG7B,MAAM,YAAY,cAAc;AAChC,KAAI,UACF,GAAE,yBAAyB;AAG7B,QAAO;;AAGT,SAAS,mBAA4B;AACnC,QACE,OAAO,cAAc,eACrB,mBAAmB,aACnB,UAAU,cAAc,eAAe;;AAI3C,MAAM,yBAAyB;AAC/B,MAAM,2BAA2B;AAEjC,IAAa,gBAAb,MAA2B;CACzB;CACA,mBAA2B;CAE3B,YAAY,QAAsB;AAChC,OAAK,SAAS;;CAGhB,MAAM,KAAK,WAAsC;EAC/C,MAAM,OAAO,KAAK,UAAU,UAAU;EACtC,MAAM,UAAU,aAAa,KAAK,OAAO,QAAQ;AAEjD,MAAI,kBAAkB,EAAE;AACtB,OAAI,MAAM,4BAA4B,UAAU,OAAO;AACvD,SAAM,MAAM,KAAK,OAAO,KAAK;IAC3B,QAAQ;IACR;IACA;IACD,CAAC;AACF;;EAGF,MAAM,QAAQ,IAAI,aAAa,CAAC,OAAO,KAAK,CAAC;EAC7C,MAAM,eACJ,QAAQ,0BACR,KAAK,mBAAmB;AAE1B,MAAI,aACF,MAAK;AAGP,MAAI,MACF,qDACA,UAAU,QACV,OACA,aACD;AAED,MAAI;AACF,SAAM,MAAM,KAAK,OAAO,KAAK;IAC3B,QAAQ;IACR;IACA;IACA,WAAW;IACZ,CAAC;YACM;AACR,OAAI,aACF,MAAK"}

package/dist/transport/queue.d.mts

@@ -0,0 +1,25 @@
+import { HttpTransport } from "./http.mjs";
+import { Envelope } from "@interfere/types/sdk/envelope";
+
+//#region src/transport/queue.d.ts
+interface QueueOptions {
+  batchMs?: number;
+  batchSize?: number;
+  transport: HttpTransport;
+}
+declare class BatchQueue {
+  private readonly buffer;
+  private timer;
+  private readonly batchSize;
+  private readonly batchMs;
+  private readonly transport;
+  constructor(opts: QueueOptions);
+  start(): void;
+  enqueue(envelope: Envelope): void;
+  flush(): void;
+  dispose(): void;
+  private readonly onVisibilityChange;
+  private readonly onBeforeUnload;
+}
+//#endregion
+export { BatchQueue, QueueOptions };

package/dist/transport/queue.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue.d.mts","names":[],"sources":["../../src/transport/queue.ts"],"mappings":";;;;UAUiB,YAAA;EACf,OAAA;EACA,SAAA;EACA,SAAA,EAAW,aAAA;AAAA;AAAA,cAGA,UAAA;EAAA,iBACM,MAAA;EAAA,QACT,KAAA;EAAA,iBACS,SAAA;EAAA,iBACA,OAAA;EAAA,iBACA,SAAA;cAEL,IAAA,EAAM,YAAA;EAMlB,KAAA,CAAA;EAeA,OAAA,CAAQ,QAAA,EAAU,QAAA;EAOlB,KAAA,CAAA;EAWA,OAAA,CAAA;EAAA,iBAiBiB,kBAAA;EAAA,iBAMA,cAAA;AAAA"}

package/dist/transport/queue.mjs

@@ -0,0 +1,60 @@
+import { createLogger } from "../util/log.mjs";
+//#region src/transport/queue.ts
+const log = createLogger("queue");
+const DEFAULT_BATCH_SIZE = 10;
+const DEFAULT_BATCH_MS = 250;
+var BatchQueue = class {
+	buffer = [];
+	timer = null;
+	batchSize;
+	batchMs;
+	transport;
+	constructor(opts) {
+		this.batchSize = opts.batchSize ?? DEFAULT_BATCH_SIZE;
+		this.batchMs = opts.batchMs ?? DEFAULT_BATCH_MS;
+		this.transport = opts.transport;
+	}
+	start() {
+		if (this.timer) return;
+		this.timer = setInterval(() => {
+			this.flush();
+		}, this.batchMs);
+		if (typeof globalThis.addEventListener === "function") {
+			globalThis.addEventListener("visibilitychange", this.onVisibilityChange);
+			globalThis.addEventListener("beforeunload", this.onBeforeUnload);
+		}
+	}
+	enqueue(envelope) {
+		this.buffer.push(envelope);
+		if (this.buffer.length >= this.batchSize) this.flush();
+	}
+	flush() {
+		while (this.buffer.length > 0) {
+			const batch = this.buffer.splice(0, this.batchSize);
+			log.debug("flushing %d envelopes", batch.length);
+			this.transport.send(batch).catch(() => {
+				log.warn("send failed, re-queuing %d envelopes", batch.length);
+				this.buffer.unshift(...batch);
+			});
+		}
+	}
+	dispose() {
+		if (this.timer) {
+			clearInterval(this.timer);
+			this.timer = null;
+		}
+		if (typeof globalThis.removeEventListener === "function") {
+			globalThis.removeEventListener("visibilitychange", this.onVisibilityChange);
+			globalThis.removeEventListener("beforeunload", this.onBeforeUnload);
+		}
+		this.flush();
+	}
+	onVisibilityChange = () => {
+		if (document.visibilityState === "hidden") this.flush();
+	};
+	onBeforeUnload = () => {
+		this.flush();
+	};
+};
+//#endregion
+export { BatchQueue };

package/dist/transport/queue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue.mjs","names":[],"sources":["../../src/transport/queue.ts"],"sourcesContent":["import type { Envelope } from \"@interfere/types/sdk/envelope\";\n\nimport { createLogger } from \"../util/log.js\";\nimport type { HttpTransport } from \"./http.js\";\n\nconst log = createLogger(\"queue\");\n\nconst DEFAULT_BATCH_SIZE = 10;\nconst DEFAULT_BATCH_MS = 250;\n\nexport interface QueueOptions {\n  batchMs?: number;\n  batchSize?: number;\n  transport: HttpTransport;\n}\n\nexport class BatchQueue {\n  private readonly buffer: Envelope[] = [];\n  private timer: ReturnType<typeof setInterval> | null = null;\n  private readonly batchSize: number;\n  private readonly batchMs: number;\n  private readonly transport: HttpTransport;\n\n  constructor(opts: QueueOptions) {\n    this.batchSize = opts.batchSize ?? DEFAULT_BATCH_SIZE;\n    this.batchMs = opts.batchMs ?? DEFAULT_BATCH_MS;\n    this.transport = opts.transport;\n  }\n\n  start(): void {\n    if (this.timer) {\n      return;\n    }\n\n    this.timer = setInterval(() => {\n      this.flush();\n    }, this.batchMs);\n\n    if (typeof globalThis.addEventListener === \"function\") {\n      globalThis.addEventListener(\"visibilitychange\", this.onVisibilityChange);\n      globalThis.addEventListener(\"beforeunload\", this.onBeforeUnload);\n    }\n  }\n\n  enqueue(envelope: Envelope): void {\n    this.buffer.push(envelope);\n    if (this.buffer.length >= this.batchSize) {\n      this.flush();\n    }\n  }\n\n  flush(): void {\n    while (this.buffer.length > 0) {\n      const batch = this.buffer.splice(0, this.batchSize);\n      log.debug(\"flushing %d envelopes\", batch.length);\n      this.transport.send(batch).catch(() => {\n        log.warn(\"send failed, re-queuing %d envelopes\", batch.length);\n        this.buffer.unshift(...batch);\n      });\n    }\n  }\n\n  dispose(): void {\n    if (this.timer) {\n      clearInterval(this.timer);\n      this.timer = null;\n    }\n\n    if (typeof globalThis.removeEventListener === \"function\") {\n      globalThis.removeEventListener(\n        \"visibilitychange\",\n        this.onVisibilityChange\n      );\n      globalThis.removeEventListener(\"beforeunload\", this.onBeforeUnload);\n    }\n\n    this.flush();\n  }\n\n  private readonly onVisibilityChange = (): void => {\n    if (document.visibilityState === \"hidden\") {\n      this.flush();\n    }\n  };\n\n  private readonly onBeforeUnload = (): void => {\n    this.flush();\n  };\n}\n"],"mappings":";;AAKA,MAAM,MAAM,aAAa,QAAQ;AAEjC,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AAQzB,IAAa,aAAb,MAAwB;CACtB,SAAsC,EAAE;CACxC,QAAuD;CACvD;CACA;CACA;CAEA,YAAY,MAAoB;AAC9B,OAAK,YAAY,KAAK,aAAa;AACnC,OAAK,UAAU,KAAK,WAAW;AAC/B,OAAK,YAAY,KAAK;;CAGxB,QAAc;AACZ,MAAI,KAAK,MACP;AAGF,OAAK,QAAQ,kBAAkB;AAC7B,QAAK,OAAO;KACX,KAAK,QAAQ;AAEhB,MAAI,OAAO,WAAW,qBAAqB,YAAY;AACrD,cAAW,iBAAiB,oBAAoB,KAAK,mBAAmB;AACxE,cAAW,iBAAiB,gBAAgB,KAAK,eAAe;;;CAIpE,QAAQ,UAA0B;AAChC,OAAK,OAAO,KAAK,SAAS;AAC1B,MAAI,KAAK,OAAO,UAAU,KAAK,UAC7B,MAAK,OAAO;;CAIhB,QAAc;AACZ,SAAO,KAAK,OAAO,SAAS,GAAG;GAC7B,MAAM,QAAQ,KAAK,OAAO,OAAO,GAAG,KAAK,UAAU;AACnD,OAAI,MAAM,yBAAyB,MAAM,OAAO;AAChD,QAAK,UAAU,KAAK,MAAM,CAAC,YAAY;AACrC,QAAI,KAAK,wCAAwC,MAAM,OAAO;AAC9D,SAAK,OAAO,QAAQ,GAAG,MAAM;KAC7B;;;CAIN,UAAgB;AACd,MAAI,KAAK,OAAO;AACd,iBAAc,KAAK,MAAM;AACzB,QAAK,QAAQ;;AAGf,MAAI,OAAO,WAAW,wBAAwB,YAAY;AACxD,cAAW,oBACT,oBACA,KAAK,mBACN;AACD,cAAW,oBAAoB,gBAAgB,KAAK,eAAe;;AAGrE,OAAK,OAAO;;CAGd,2BAAkD;AAChD,MAAI,SAAS,oBAAoB,SAC/B,MAAK,OAAO;;CAIhB,uBAA8C;AAC5C,OAAK,OAAO"}

package/dist/util/log.d.mts

@@ -0,0 +1,13 @@
+//#region src/util/log.d.ts
+type LogLevel = "debug" | "info" | "warn" | "error" | "none";
+declare function setLogLevel(level: LogLevel): void;
+declare function getLogLevel(): LogLevel;
+interface Logger {
+  debug(...args: unknown[]): void;
+  error(...args: unknown[]): void;
+  info(...args: unknown[]): void;
+  warn(...args: unknown[]): void;
+}
+declare function createLogger(scope: string): Logger;
+//#endregion
+export { LogLevel, Logger, createLogger, getLogLevel, setLogLevel };

package/dist/util/log.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.d.mts","names":[],"sources":["../../src/util/log.ts"],"mappings":";KAAY,QAAA;AAAA,iBAsBI,WAAA,CAAY,KAAA,EAAO,QAAA;AAAA,iBAInB,WAAA,CAAA,GAAe,QAAA;AAAA,UAKd,MAAA;EACf,KAAA,IAAS,IAAA;EACT,KAAA,IAAS,IAAA;EACT,IAAA,IAAQ,IAAA;EACR,IAAA,IAAQ,IAAA;AAAA;AAAA,iBAeM,YAAA,CAAa,KAAA,WAAgB,MAAA"}

package/dist/util/log.mjs

@@ -0,0 +1,37 @@
+//#region src/util/log.ts
+const PRIORITY = {
+	debug: 0,
+	info: 1,
+	warn: 2,
+	error: 3,
+	none: 4
+};
+const CONSOLE_FN = {
+	debug: "debug",
+	info: "info",
+	warn: "warn",
+	error: "error"
+};
+let threshold = PRIORITY.warn;
+function setLogLevel(level) {
+	threshold = PRIORITY[level];
+}
+function getLogLevel() {
+	return Object.entries(PRIORITY).find(([, v]) => v === threshold)?.[0] ?? "warn";
+}
+function emit(level, prefix, args) {
+	if (PRIORITY[level] < threshold) return;
+	const fn = CONSOLE_FN[level];
+	globalThis.console[fn](prefix, ...args);
+}
+function createLogger(scope) {
+	const prefix = `[Interfere:${scope}]`;
+	return {
+		debug: (...args) => emit("debug", prefix, args),
+		info: (...args) => emit("info", prefix, args),
+		warn: (...args) => emit("warn", prefix, args),
+		error: (...args) => emit("error", prefix, args)
+	};
+}
+//#endregion
+export { createLogger, getLogLevel, setLogLevel };

package/dist/util/log.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.mjs","names":[],"sources":["../../src/util/log.ts"],"sourcesContent":["export type LogLevel = \"debug\" | \"info\" | \"warn\" | \"error\" | \"none\";\n\nconst PRIORITY: Record<LogLevel, number> = {\n  debug: 0,\n  info: 1,\n  warn: 2,\n  error: 3,\n  none: 4,\n};\n\nconst CONSOLE_FN: Record<\n  Exclude<LogLevel, \"none\">,\n  \"debug\" | \"info\" | \"warn\" | \"error\"\n> = {\n  debug: \"debug\",\n  info: \"info\",\n  warn: \"warn\",\n  error: \"error\",\n};\n\nlet threshold = PRIORITY.warn;\n\nexport function setLogLevel(level: LogLevel): void {\n  threshold = PRIORITY[level];\n}\n\nexport function getLogLevel(): LogLevel {\n  const entry = Object.entries(PRIORITY).find(([, v]) => v === threshold);\n  return (entry?.[0] ?? \"warn\") as LogLevel;\n}\n\nexport interface Logger {\n  debug(...args: unknown[]): void;\n  error(...args: unknown[]): void;\n  info(...args: unknown[]): void;\n  warn(...args: unknown[]): void;\n}\n\nfunction emit(\n  level: Exclude<LogLevel, \"none\">,\n  prefix: string,\n  args: unknown[]\n): void {\n  if (PRIORITY[level] < threshold) {\n    return;\n  }\n  const fn = CONSOLE_FN[level];\n  globalThis.console[fn](prefix, ...args);\n}\n\nexport function createLogger(scope: string): Logger {\n  const prefix = `[Interfere:${scope}]`;\n  return {\n    debug: (...args) => emit(\"debug\", prefix, args),\n    info: (...args) => emit(\"info\", prefix, args),\n    warn: (...args) => emit(\"warn\", prefix, args),\n    error: (...args) => emit(\"error\", prefix, args),\n  };\n}\n"],"mappings":";AAEA,MAAM,WAAqC;CACzC,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACP,MAAM;CACP;AAED,MAAM,aAGF;CACF,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,IAAI,YAAY,SAAS;AAEzB,SAAgB,YAAY,OAAuB;AACjD,aAAY,SAAS;;AAGvB,SAAgB,cAAwB;AAEtC,QADc,OAAO,QAAQ,SAAS,CAAC,MAAM,GAAG,OAAO,MAAM,UAAU,GACvD,MAAM;;AAUxB,SAAS,KACP,OACA,QACA,MACM;AACN,KAAI,SAAS,SAAS,UACpB;CAEF,MAAM,KAAK,WAAW;AACtB,YAAW,QAAQ,IAAI,QAAQ,GAAG,KAAK;;AAGzC,SAAgB,aAAa,OAAuB;CAClD,MAAM,SAAS,cAAc,MAAM;AACnC,QAAO;EACL,QAAQ,GAAG,SAAS,KAAK,SAAS,QAAQ,KAAK;EAC/C,OAAO,GAAG,SAAS,KAAK,QAAQ,QAAQ,KAAK;EAC7C,OAAO,GAAG,SAAS,KAAK,QAAQ,QAAQ,KAAK;EAC7C,QAAQ,GAAG,SAAS,KAAK,SAAS,QAAQ,KAAK;EAChD"}

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@interfere/react",
-  "version": "0.1.0-alpha.6",
+  "version": "0.2.0-alpha.2",
   "license": "MIT",
-  "description": "Build apps that never break.",
+  "description": "Client-side React SDK for Interfere. Error tracking, session replay, and analytics.",
   "keywords": [
     "observability",
     "typescript",
     "react",
-    "logging",
     "error-tracking",
     "session-replay"
   ],
@@ -19,49 +18,22 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/interfere-inc/interfere.git",
-    "directory": "src/packages/public/react"
+    "directory": "src/packages/public/react-v2"
   },
   "files": [
     "dist"
   ],
   "type": "module",
-  "main": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
-  "typesVersions": {
-    "*": {
-      "server/*": [
-        "dist/server/*.d.mts"
-      ],
-      "*": [
-        "dist/*.d.mts"
-      ]
-    }
-  },
   "exports": {
-    "./provider": {
-      "@source": "./src/provider.tsx",
-      "types": "./dist/provider.d.mts",
-      "default": "./dist/provider.mjs"
-    },
-    "./server/*": {
-      "@source": "./src/server/*.ts",
-      "types": "./dist/server/*.d.mts",
-      "default": "./dist/server/*.mjs"
-    },
-    "./core/runtime/*": {
-      "@source": "./src/core/runtime/*.ts",
-      "types": "./dist/core/runtime/*.d.mts",
-      "default": "./dist/core/runtime/*.mjs"
-    },
-    "./core/*": {
-      "@source": "./src/core/*.ts",
-      "types": "./dist/core/*.d.mts",
-      "default": "./dist/core/*.mjs"
-    },
     "./*": {
       "@source": "./src/*.ts",
       "types": "./dist/*.d.mts",
       "default": "./dist/*.mjs"
+    },
+    "./provider": {
+      "@source": "./src/provider.tsx",
+      "types": "./dist/provider.d.mts",
+      "default": "./dist/provider.mjs"
     }
   },
   "sideEffects": false,
@@ -71,39 +43,41 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
-    "typecheck": "tsc --noEmit --incremental"
+    "test:browser": "vitest run --project browser",
+    "test:unit": "vitest run --project unit --coverage",
+    "typecheck": "tsc --noEmit --incremental",
+    "test": "bun run test:unit && bun run test:browser"
   },
   "dependencies": {
-    "@effect/platform": "catalog:",
-    "@interfere/constants": "workspace:*",
-    "@interfere/effect-utils": "workspace:*",
-    "@interfere/types": "workspace:*",
-    "@rrweb/packer": "catalog:",
-    "@ua-parser-js/pro-enterprise": "catalog:",
-    "effect": "catalog:",
-    "nanoid": "catalog:",
-    "rrweb": "catalog:",
-    "uuid": "catalog:",
-    "zod": "catalog:"
+    "@fingerprintjs/fingerprintjs-pro": "^3.12.8",
+    "@interfere/constants": "0.2.0-alpha.2",
+    "@interfere/types": "0.2.0-alpha.2",
+    "@ua-parser-js/pro-enterprise": "^2.0.6",
+    "nanoid": "^5.1.6",
+    "rrweb": "2.0.0-alpha.4",
+    "tctx": "^0.2.5",
+    "uuid": "^13.0.0"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "devDependencies": {
-    "@effect/vitest": "catalog:",
-    "@interfere/typescript-config": "workspace:*",
-    "@interfere/vitest-config": "workspace:*",
-    "@rrweb/types": "catalog:",
-    "@types/node": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "@vitest/coverage-v8": "catalog:",
-    "jsdom": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "tsdown": "catalog:",
-    "typescript": "catalog:",
-    "vitest": "catalog:"
+    "@interfere/typescript-config": "1.1.0-alpha.4",
+    "@interfere/vitest-config": "1.1.0-alpha.4",
+    "@rrweb/types": "2.0.0-alpha.20",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^24.12.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/browser": "4.0.18",
+    "@vitest/browser-playwright": "4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "jsdom": "^28.0.0",
+    "playwright": "^1.56.1",
+    "tsdown": "0.21.2",
+    "typescript": "5.9.3",
+    "vitest": "^4.0.18"
   }
 }

package/dist/client.d.mts

@@ -1,8 +0,0 @@
-import { EventPayload } from "./core/events/event-registry.mjs";
-import { EventType } from "@interfere/types/sdk/plugins/lib/types";
-
-//#region src/client.d.ts
-type CaptureFn = <T extends EventType>(type: T, payload: EventPayload<T>) => void;
-declare const capture: CaptureFn;
-//#endregion
-export { CaptureFn, capture };

package/dist/client.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.mts","names":[],"sources":["../src/client.ts"],"mappings":";;;;KAQY,SAAA,cAAuB,SAAA,EACjC,IAAA,EAAM,CAAA,EACN,OAAA,EAAS,YAAA,CAAa,CAAA;AAAA,cAGX,OAAA,EAAS,SAAA"}

package/dist/client.mjs

@@ -1,14 +0,0 @@
-import { EventCapture } from "./core/plugins/services/event-capture.mjs";
-import { forkWithSDK } from "./effect/runtime-services.mjs";
-import { Effect } from "effect";
-
-//#region src/client.ts
-const capture = (type, payload) => {
-	if (typeof window === "undefined") return;
-	forkWithSDK(Effect.gen(function* () {
-		yield* (yield* EventCapture).capture(type, payload);
-	}).pipe(Effect.withSpan("capture")));
-};
-
-//#endregion
-export { capture };

package/dist/client.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.mjs","names":[],"sources":["../src/client.ts"],"sourcesContent":["import type { EventType } from \"@interfere/types/sdk/plugins/lib/types\";\n\nimport { Effect } from \"effect\";\n\nimport type { EventPayload } from \"./core/events/event-registry.js\";\nimport { EventCapture } from \"./core/plugins/services/event-capture.js\";\nimport { forkWithSDK } from \"./effect/runtime-services.js\";\n\nexport type CaptureFn = <T extends EventType>(\n  type: T,\n  payload: EventPayload<T>\n) => void;\n\nexport const capture: CaptureFn = <T extends EventType>(\n  type: T,\n  payload: EventPayload<T>\n) => {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  forkWithSDK(\n    Effect.gen(function* () {\n      const eventCapture = yield* EventCapture;\n      yield* eventCapture.capture(type, payload);\n    }).pipe(Effect.withSpan(\"capture\"))\n  );\n};\n"],"mappings":";;;;;AAaA,MAAa,WACX,MACA,YACG;AACH,KAAI,OAAO,WAAW,YACpB;AAGF,aACE,OAAO,IAAI,aAAa;AAEtB,UADqB,OAAO,cACR,QAAQ,MAAM,QAAQ;GAC1C,CAAC,KAAK,OAAO,SAAS,UAAU,CAAC,CACpC"}

package/dist/core/events/define-event.d.mts

@@ -1,12 +0,0 @@
-import { EventDefinitionFor, EventSchemas } from "./plugin-event-types.mjs";
-import { z } from "zod";
-
-//#region src/core/events/define-event.d.ts
-type FinalEventDefinition<T extends keyof EventSchemas> = EventDefinitionFor<T>;
-declare function defineEvent<T extends keyof EventSchemas>(type: T): {
-  enrich: (v?: boolean) => EventDefinitionFor<T>;
-  transform: <TOut>(fn: (input: z.infer<EventSchemas[T]>) => TOut) => EventDefinitionFor<T>;
-  value: () => EventDefinitionFor<T>;
-};
-//#endregion
-export { FinalEventDefinition, defineEvent };

package/dist/core/events/define-event.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define-event.d.mts","names":[],"sources":["../../../src/core/events/define-event.ts"],"mappings":";;;;KAKY,oBAAA,iBAAqC,YAAA,IAC/C,kBAAA,CAAmB,CAAA;AAAA,iBA+BL,WAAA,iBAA4B,YAAA,CAAA,CAAc,IAAA,EAAM,CAAA;2BAIxC,kBAAA,CAAA,CAAA;oBACJ,EAAA,GAAO,KAAA,EAAO,CAAA,CAAE,KAAA,CAAM,YAAA,CAAa,CAAA,OAAQ,IAAA,KAAI,kBAAA,CAAA,CAAA"}

package/dist/core/events/define-event.mjs

@@ -1,39 +0,0 @@
-import { eventConfigs, eventSchemas } from "./plugin-event-types.mjs";
-
-//#region src/core/events/define-event.ts
-var FinalEventDefBuilder = class {
-	def;
-	constructor(type) {
-		this.def = {
-			type,
-			schema: eventSchemas[type],
-			enrich: eventConfigs[type].enrich
-		};
-	}
-	enrich(value = true) {
-		return {
-			...this.def,
-			enrich: value
-		};
-	}
-	transform(fn) {
-		return {
-			...this.def,
-			transform: fn
-		};
-	}
-	value() {
-		return { ...this.def };
-	}
-};
-function defineEvent(type) {
-	const builder = new FinalEventDefBuilder(type);
-	return {
-		enrich: (v) => builder.enrich(v ?? true),
-		transform: (fn) => builder.transform(fn),
-		value: () => builder.value()
-	};
-}
-
-//#endregion
-export { defineEvent };

package/dist/core/events/define-event.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"define-event.mjs","names":[],"sources":["../../../src/core/events/define-event.ts"],"sourcesContent":["import type { z } from \"zod\";\n\nimport type { EventDefinitionFor, EventSchemas } from \"./plugin-event-types.js\";\nimport { eventConfigs, eventSchemas } from \"./plugin-event-types.js\";\n\nexport type FinalEventDefinition<T extends keyof EventSchemas> =\n  EventDefinitionFor<T>;\n\nclass FinalEventDefBuilder<T extends keyof EventSchemas> {\n  private readonly def: FinalEventDefinition<T>;\n\n  constructor(type: T) {\n    this.def = {\n      type,\n      schema: eventSchemas[type],\n      enrich: eventConfigs[type].enrich,\n    } as FinalEventDefinition<T>;\n  }\n\n  enrich(value = true): FinalEventDefinition<T> {\n    return { ...this.def, enrich: value } as FinalEventDefinition<T>;\n  }\n\n  transform<TOut>(\n    fn: (input: z.infer<EventSchemas[T]>) => TOut\n  ): FinalEventDefinition<T> {\n    return {\n      ...this.def,\n      transform: fn as (i: unknown) => unknown,\n    } as FinalEventDefinition<T>;\n  }\n\n  value(): FinalEventDefinition<T> {\n    return { ...this.def } as FinalEventDefinition<T>;\n  }\n}\n\nexport function defineEvent<T extends keyof EventSchemas>(type: T) {\n  const builder = new FinalEventDefBuilder(type);\n\n  return {\n    enrich: (v?: boolean) => builder.enrich(v ?? true),\n    transform: <TOut>(fn: (input: z.infer<EventSchemas[T]>) => TOut) =>\n      builder.transform(fn),\n    value: () => builder.value(),\n  };\n}\n"],"mappings":";;;AAQA,IAAM,uBAAN,MAAyD;CACvD,AAAiB;CAEjB,YAAY,MAAS;AACnB,OAAK,MAAM;GACT;GACA,QAAQ,aAAa;GACrB,QAAQ,aAAa,MAAM;GAC5B;;CAGH,OAAO,QAAQ,MAA+B;AAC5C,SAAO;GAAE,GAAG,KAAK;GAAK,QAAQ;GAAO;;CAGvC,UACE,IACyB;AACzB,SAAO;GACL,GAAG,KAAK;GACR,WAAW;GACZ;;CAGH,QAAiC;AAC/B,SAAO,EAAE,GAAG,KAAK,KAAK;;;AAI1B,SAAgB,YAA0C,MAAS;CACjE,MAAM,UAAU,IAAI,qBAAqB,KAAK;AAE9C,QAAO;EACL,SAAS,MAAgB,QAAQ,OAAO,KAAK,KAAK;EAClD,YAAkB,OAChB,QAAQ,UAAU,GAAG;EACvB,aAAa,QAAQ,OAAO;EAC7B"}

package/dist/core/events/event-registry.d.mts

@@ -1,23 +0,0 @@
-import { AnyEventDefinition, EventHandlerConfig, EventSchemas } from "./plugin-event-types.mjs";
-import { EventType } from "@interfere/types/sdk/plugins/lib/types";
-import { z } from "zod";
-
-//#region src/core/events/event-registry.d.ts
-type EventHandlerFor<T extends EventType> = T extends keyof EventSchemas ? EventHandlerConfig<EventSchemas[T]> : never;
-type EventPayload<T extends EventType> = T extends keyof EventSchemas ? z.infer<EventSchemas[T]> : never;
-declare function getEventHandler<T extends EventType>(type: T): EventHandlerFor<T> | undefined;
-declare function hasEventHandler(type: EventType): type is keyof EventSchemas;
-interface PluginEventHandler<T extends EventType = EventType> {
-  eventType: T;
-  handler: EventHandlerFor<T>;
-}
-declare class DynamicEventRegistry {
-  private readonly dynamicHandlers;
-  register<T extends EventType>(eventType: T, handler: EventHandlerFor<T>): void;
-  registerDefinition(def: AnyEventDefinition): void;
-  get<T extends EventType>(eventType: T): EventHandlerFor<T> | undefined;
-  merge(handlers: PluginEventHandler[]): void;
-}
-declare const dynamicRegistry: DynamicEventRegistry;
-//#endregion
-export { DynamicEventRegistry, EventHandlerFor, EventPayload, PluginEventHandler, dynamicRegistry, getEventHandler, hasEventHandler };

package/dist/core/events/event-registry.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-registry.d.mts","names":[],"sources":["../../../src/core/events/event-registry.ts"],"mappings":";;;;;KAYY,eAAA,WAA0B,SAAA,IAAa,CAAA,eAAgB,YAAA,GAC/D,kBAAA,CAAmB,YAAA,CAAa,CAAA;AAAA,KAIxB,YAAA,WAAuB,SAAA,IAAa,CAAA,eAAgB,YAAA,GAC5D,CAAA,CAAE,KAAA,CAAM,YAAA,CAAa,CAAA;AAAA,iBAIT,eAAA,WAA0B,SAAA,CAAA,CACxC,IAAA,EAAM,CAAA,GACL,eAAA,CAAgB,CAAA;AAAA,iBAMH,eAAA,CAAgB,IAAA,EAAM,SAAA,GAAY,IAAA,UAAc,YAAA;AAAA,UAK/C,kBAAA,WAA6B,SAAA,GAAY,SAAA;EACxD,SAAA,EAAW,CAAA;EACX,OAAA,EAAS,eAAA,CAAgB,CAAA;AAAA;AAAA,cAId,oBAAA;EAAA,iBACM,eAAA;EAKjB,QAAA,WAAmB,SAAA,CAAA,CACjB,SAAA,EAAW,CAAA,EACX,OAAA,EAAS,eAAA,CAAgB,CAAA;EAQ3B,kBAAA,CAAmB,GAAA,EAAK,kBAAA;EAQxB,GAAA,WAAc,SAAA,CAAA,CAAW,SAAA,EAAW,CAAA,GAAI,eAAA,CAAgB,CAAA;EAOxD,KAAA,CAAM,QAAA,EAAU,kBAAA;AAAA;AAAA,cAQL,eAAA,EAAe,oBAAA"}

package/dist/core/events/event-registry.mjs

@@ -1,32 +0,0 @@
-import { eventSchemas } from "./plugin-event-types.mjs";
-
-//#region src/core/events/event-registry.ts
-function getEventHandler(type) {
-	return dynamicRegistry.get(type);
-}
-function hasEventHandler(type) {
-	return type in eventSchemas;
-}
-var DynamicEventRegistry = class {
-	dynamicHandlers = /* @__PURE__ */ new Map();
-	register(eventType, handler) {
-		this.dynamicHandlers.set(eventType, handler);
-	}
-	registerDefinition(def) {
-		this.dynamicHandlers.set(def.type, {
-			schema: def.schema,
-			enrich: def.enrich,
-			transform: def.transform
-		});
-	}
-	get(eventType) {
-		return this.dynamicHandlers.get(eventType);
-	}
-	merge(handlers) {
-		for (const { eventType, handler } of handlers) this.register(eventType, handler);
-	}
-};
-const dynamicRegistry = new DynamicEventRegistry();
-
-//#endregion
-export { DynamicEventRegistry, dynamicRegistry, getEventHandler, hasEventHandler };

package/dist/core/events/event-registry.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-registry.mjs","names":[],"sources":["../../../src/core/events/event-registry.ts"],"sourcesContent":["import type { EventType } from \"@interfere/types/sdk/plugins/lib/types\";\n\nimport type { z } from \"zod\";\n\nimport {\n  type AnyEventDefinition,\n  type EventHandlerConfig,\n  type EventSchemas,\n  eventSchemas,\n} from \"./plugin-event-types.js\";\n\n// Type to get the handler for a specific event type\nexport type EventHandlerFor<T extends EventType> = T extends keyof EventSchemas\n  ? EventHandlerConfig<EventSchemas[T]>\n  : never;\n\n// Type to get the schema input type for an event\nexport type EventPayload<T extends EventType> = T extends keyof EventSchemas\n  ? z.infer<EventSchemas[T]>\n  : never;\n\n// Runtime helper to get handler with full type information\nexport function getEventHandler<T extends EventType>(\n  type: T\n): EventHandlerFor<T> | undefined {\n  // All events are now plugin-registered\n  return dynamicRegistry.get(type);\n}\n\n// Type guard to check if an event type has a handler\nexport function hasEventHandler(type: EventType): type is keyof EventSchemas {\n  return type in eventSchemas;\n}\n\n// Plugin registration system for dynamic event handlers\nexport interface PluginEventHandler<T extends EventType = EventType> {\n  eventType: T;\n  handler: EventHandlerFor<T>;\n}\n\n// Advanced type for plugin-provided event handlers\nexport class DynamicEventRegistry {\n  private readonly dynamicHandlers = new Map<\n    EventType,\n    EventHandlerConfig<z.ZodType>\n  >();\n\n  register<T extends EventType>(\n    eventType: T,\n    handler: EventHandlerFor<T>\n  ): void {\n    this.dynamicHandlers.set(\n      eventType,\n      handler as EventHandlerConfig<z.ZodType>\n    );\n  }\n\n  registerDefinition(def: AnyEventDefinition): void {\n    this.dynamicHandlers.set(def.type, {\n      schema: def.schema,\n      enrich: def.enrich,\n      transform: def.transform,\n    } as EventHandlerConfig<z.ZodType>);\n  }\n\n  get<T extends EventType>(eventType: T): EventHandlerFor<T> | undefined {\n    // Only check dynamic handlers since all events are plugin-registered\n    return this.dynamicHandlers.get(eventType) as\n      | EventHandlerFor<T>\n      | undefined;\n  }\n\n  merge(handlers: PluginEventHandler[]): void {\n    for (const { eventType, handler } of handlers) {\n      this.register(eventType, handler);\n    }\n  }\n}\n\n// Export a singleton instance for the dynamic registry\nexport const dynamicRegistry = new DynamicEventRegistry();\n"],"mappings":";;;AAsBA,SAAgB,gBACd,MACgC;AAEhC,QAAO,gBAAgB,IAAI,KAAK;;AAIlC,SAAgB,gBAAgB,MAA6C;AAC3E,QAAO,QAAQ;;AAUjB,IAAa,uBAAb,MAAkC;CAChC,AAAiB,kCAAkB,IAAI,KAGpC;CAEH,SACE,WACA,SACM;AACN,OAAK,gBAAgB,IACnB,WACA,QACD;;CAGH,mBAAmB,KAA+B;AAChD,OAAK,gBAAgB,IAAI,IAAI,MAAM;GACjC,QAAQ,IAAI;GACZ,QAAQ,IAAI;GACZ,WAAW,IAAI;GAChB,CAAkC;;CAGrC,IAAyB,WAA8C;AAErE,SAAO,KAAK,gBAAgB,IAAI,UAAU;;CAK5C,MAAM,UAAsC;AAC1C,OAAK,MAAM,EAAE,WAAW,aAAa,SACnC,MAAK,SAAS,WAAW,QAAQ;;;AAMvC,MAAa,kBAAkB,IAAI,sBAAsB"}