@genn-inc/cluebase-frontend-sdk 0.0.3 → 0.0.8

package/dist/exporter/span-to-source-signal.d.ts

@@ -1,8 +1,8 @@
 import type { ReadableSpan } from "@opentelemetry/sdk-trace-base";
 import type { CluebaseContext } from "../provider/types.js";
-import { type BrowserSourceSignalEvent } from "./source-event.js";
+import type { BrowserSourceSignalEvent } from "./source-event.js";
 export interface SpanToSourceSignalOptions {
     context: CluebaseContext;
     deniedKeys?: readonly string[];
 }
-export declare function spanToSourceSignalEvent(span: ReadableSpan, options: SpanToSourceSignalOptions): BrowserSourceSignalEvent;
+export declare function spanToSourceSignalEvent(span: ReadableSpan, options: SpanToSourceSignalOptions): Promise<BrowserSourceSignalEvent>;

package/dist/exporter/span-to-source-signal.js

@@ -1,42 +1,14 @@
-import { CLUEBASE_CORRELATION_ATTRIBUTE_KEYS } from "../_generated/correlation-attribute-keys.js";
-import { attrString, hrTimeToUnixNano, nanosToIso, parentSpanId, } from "../_generated/otel-span-conversion.js";
-import { EVENT_SOURCE, EVENT_VERSION, SOURCE_SCHEMA_VERSION, } from "../provider/constants.js";
-import { generateEventId, generateInteractionId, generateRequestId, generateRequestSpanId, generateTraceId, } from "./event-id.js";
-import { isDeniedKey } from "./sanitize.js";
-import { toFrontendSourceResource } from "./frontend-resource.js";
-import { SDK_SOURCE_SIGNAL_EVENT_NAME, SDK_SOURCE_SIGNAL_EVENT_TYPE, } from "./source-event.js";
-const isDynamicJsonObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-function toJsonValue(value) {
-    if (value === null)
-        return null;
-    if (typeof value === "string" ||
-        typeof value === "number" ||
-        typeof value === "boolean") {
-        return typeof value === "number" && !Number.isFinite(value) ? null : value;
+import { parentSpanId } from "../_generated/otel-span-conversion.js";
+import { EVENT_SOURCE } from "../provider/constants.js";
+import { initSdkCoreWasm, isSdkCoreWasmReady, spanToObservationSourceEventJson, } from "./sdk-core-wasm.js";
+function resourceAttributesInput(resource) {
+    const input = resource;
+    try {
+        return { ...(input?.attributes ?? {}) };
     }
-    if (Array.isArray(value))
-        return value.map((entry) => toJsonValue(entry));
-    if (isDynamicJsonObject(value)) {
-        const record = {};
-        for (const [key, entry] of Object.entries(value)) {
-            record[key] = toJsonValue(entry);
-        }
-        return record;
+    catch {
+        return {};
     }
-    if (typeof value === "bigint")
-        return value.toString();
-    return null;
-}
-function toJsonRecord(value, deniedKeys = []) {
-    const record = {};
-    for (const [key, entry] of Object.entries(value ?? {})) {
-        if (!CLUEBASE_CORRELATION_ATTRIBUTE_KEYS.has(key) &&
-            isDeniedKey(key, deniedKeys)) {
-            continue;
-        }
-        record[key] = toJsonValue(entry);
-    }
-    return record;
 }
 function instrumentationScopeName(span) {
     const instrumentation = span;
@@ -44,7 +16,7 @@ function instrumentationScopeName(span) {
         instrumentation.instrumentationLibrary?.name ??
         null);
 }
-function contextRecord(context, overrides) {
+function contextRecord(context) {
     return {
         producer_id: context.producer_id,
         anonymous_id: context.anonymous_id,
@@ -53,11 +25,11 @@ function contextRecord(context, overrides) {
         user_profile: context.user_profile,
         session_id: context.session_id,
         tab_id: context.tab_id,
-        trace_id: overrides.trace_id,
-        request_id: overrides.request_id,
-        request_span_id: overrides.request_span_id,
-        action_id: overrides.action_id,
-        interaction_id: overrides.interaction_id,
+        trace_id: context.trace_id,
+        request_id: context.request_id,
+        request_span_id: context.request_span_id,
+        action_id: context.action_id,
+        interaction_id: context.interaction_id,
         correlation_id: context.correlation_id,
         sdk_collection_mode: context.sdk_collection_mode,
         frontend_release: context.frontend_release,
@@ -87,92 +59,40 @@ function contextRecord(context, overrides) {
         context_traits: context.context_traits,
     };
 }
-export function spanToSourceSignalEvent(span, options) {
+export async function spanToSourceSignalEvent(span, options) {
+    if (!isSdkCoreWasmReady()) {
+        await initSdkCoreWasm();
+    }
     const context = options.context;
-    const attributes = toJsonRecord(span.attributes, options.deniedKeys);
     const spanContext = span.spanContext();
-    const traceId = attrString(attributes, "cluebase.trace_id") ??
-        spanContext.traceId ??
-        generateTraceId();
-    const spanId = spanContext.spanId || null;
-    const parentId = parentSpanId(span, attributes);
-    const startTimeUnixNano = hrTimeToUnixNano(span.startTime);
-    const endTimeUnixNano = hrTimeToUnixNano(span.endTime);
-    const eventId = generateEventId();
-    const requestSpanId = attrString(attributes, "cluebase.request_span_id") ??
-        spanId ??
-        context.request_span_id ??
-        generateRequestSpanId();
-    const requestId = attrString(attributes, "cluebase.request.id") ??
-        attrString(attributes, "cluebase.request_id") ??
-        context.request_id ??
-        generateRequestId();
-    const actionId = attrString(attributes, "cluebase.action.id") ??
-        attrString(attributes, "cluebase.action_id") ??
-        context.action_id ??
-        null;
-    const interactionId = attrString(attributes, "cluebase.interaction.id") ??
-        attrString(attributes, "cluebase.interaction_id") ??
-        context.interaction_id ??
-        generateInteractionId();
-    return {
-        event_id: eventId,
-        source_event_id: eventId,
-        source_schema_version: SOURCE_SCHEMA_VERSION,
-        source_event_type: SDK_SOURCE_SIGNAL_EVENT_TYPE,
-        source_event_kind: SDK_SOURCE_SIGNAL_EVENT_TYPE,
+    const corePayload = {
+        name: span.name,
+        kind: typeof span.kind === "number" ? span.kind : undefined,
+        trace_id: spanContext.traceId,
+        span_id: spanContext.spanId,
+        parent_span_id: parentSpanId(span, span.attributes),
+        start_time: span.startTime,
+        end_time: span.endTime,
+        status: span.status
+            ? { code: span.status.code ?? undefined, message: span.status.message }
+            : undefined,
+        attributes: span.attributes,
+        events: (span.events ?? []).map((event) => ({
+            name: event.name,
+            attributes: event.attributes ?? {},
+        })),
+        resource_attributes: resourceAttributesInput(span.resource),
+        instrumentation_scope_name: instrumentationScopeName(span),
+    };
+    const coreOptions = {
+        denied_keys: options.deniedKeys ?? [],
+        surface: "frontend",
+        sdk_collection_mode: context.sdk_collection_mode,
         producer_id: context.producer_id,
         service_name: EVENT_SOURCE,
-        event_name: SDK_SOURCE_SIGNAL_EVENT_NAME,
-        event_category: "context",
-        event_source: EVENT_SOURCE,
-        event_version: EVENT_VERSION,
-        occurred_at: nanosToIso(startTimeUnixNano),
-        ingested_at: new Date().toISOString(),
-        status: "observed",
-        sdk_collection_mode: context.sdk_collection_mode,
-        privacy_state: "masked",
-        privacy_level: "default_masked",
-        masking_state: "masked",
-        allowed_value_keys: [],
-        privacy_summary: context.privacy_summary,
-        trace_id: traceId,
-        span_id: spanId,
-        parent_span_id: parentId,
-        request_id: requestId,
-        request_span_id: requestSpanId,
-        action_id: actionId,
-        interaction_id: interactionId,
         frontend_release: context.frontend_release,
-        backend_release: null,
-        properties: {},
-        metrics: {},
-        sdk_signal: {
-            surface: "frontend",
-            kind: "span",
-            name: span.name,
-            span_kind: span.kind ?? null,
-            trace_id: traceId,
-            span_id: spanId,
-            parent_span_id: parentId,
-            start_time_unix_nano: startTimeUnixNano,
-            end_time_unix_nano: endTimeUnixNano,
-            status_code: span.status?.code ?? null,
-            status_message: span.status?.message ?? null,
-            instrumentation_scope_name: instrumentationScopeName(span),
-            attributes,
-            events: (span.events ?? []).map((event) => ({
-                name: event.name,
-                attributes: toJsonRecord(event.attributes, options.deniedKeys),
-            })),
-            resource: toFrontendSourceResource(span.resource, options.deniedKeys),
-            context: contextRecord(context, {
-                trace_id: traceId,
-                request_id: requestId,
-                request_span_id: requestSpanId,
-                action_id: actionId,
-                interaction_id: interactionId,
-            }),
-        },
+        context: contextRecord(context),
+        context_privacy_summaries: [context.privacy_summary],
     };
+    return JSON.parse(spanToObservationSourceEventJson(JSON.stringify(corePayload), JSON.stringify(coreOptions)));
 }

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import type { InternalMetricsSnapshot } from "./internal/metrics.js";
-import { createCluebaseBrowserSdk } from "./provider/sdk.js";
-import type { CluebaseBrowserSdk, CluebaseConsentState, CluebaseGroupTraits, CluebaseGroupType, CluebaseInitOptions, CluebaseSubjectTraits, CluebaseTrackMetrics, CluebaseTrackProperties } from "./provider/types.js";
+import type { CluebaseConsentState, CluebaseGroupTraits, CluebaseGroupType, CluebaseInitOptions, CluebaseLinkInput, CluebaseSubjectTraits, CluebaseTrackMetrics, CluebaseTrackProperties } from "./provider/types.js";
 declare const cluebase: {
     init(options: CluebaseInitOptions): void;
     identify(userId: string, traits?: CluebaseSubjectTraits): void;
     group(groupType: CluebaseGroupType, groupKey: string, traits?: CluebaseGroupTraits): void;
+    link(input: CluebaseLinkInput): void;
+    linkExternalAccount(namespace: string, externalId: string): void;
     reset(): void;
     track(eventName: string, properties?: CluebaseTrackProperties, metrics?: CluebaseTrackMetrics): void;
     setConsent(consent: CluebaseConsentState): void;
@@ -12,10 +13,10 @@ declare const cluebase: {
     close(): Promise<void>;
     getInternalMetrics(): InternalMetricsSnapshot;
     getDiagnostics(): import("./exporter/diagnostics.js").DiagnosticsSnapshot;
+    withActionContext<T>(callback: () => T): T;
 };
 export { EXPORT_RESULT_FAILED, EXPORT_RESULT_SUCCESS, ObservationSourceEventExporter, type ObservationSourceEventExporterOptions, } from "./exporter/observation-source-event-exporter.js";
 export { attachNextRouterIntegration } from "./integrations/next-router.js";
 export { attachReactRouterIntegration } from "./integrations/react-router.js";
-export type { CluebaseBrowserSdk, CluebaseConsentState, CluebaseGroupTraits, CluebaseGroupType, CluebaseInitOptions, CluebaseSubjectTraits, CluebaseTrackMetrics, CluebaseTrackProperties, InternalMetricsSnapshot, };
-export { createCluebaseBrowserSdk };
+export type { CluebaseConsentState, CluebaseGroupTraits, CluebaseGroupType, CluebaseInitOptions, CluebaseLinkInput, CluebaseSubjectTraits, CluebaseTrackMetrics, CluebaseTrackProperties, InternalMetricsSnapshot, };
 export default cluebase;

package/dist/index.js

@@ -17,8 +17,7 @@ const reportPublicSdkError = (operation, error) => {
             });
         }
     }
-    catch {
-    }
+    catch { }
 };
 const safeCall = (operation, callback) => {
     try {
@@ -44,7 +43,9 @@ const REMOVED_PRIVACY_OPTIONS = {
         "and select those fields in the Cluebase privacy screen instead. Until then " +
         "every value stays masked.",
 };
-const REQUIRED_INIT_OPTIONS = ["projectKey"];
+const REQUIRED_INIT_OPTIONS = [
+    "projectKey",
+];
 const validateInitOptions = (options) => {
     const privacy = options.privacy ?? {};
     for (const [name, message] of Object.entries(REMOVED_PRIVACY_OPTIONS)) {
@@ -64,8 +65,7 @@ const validateInitOptions = (options) => {
             "projectKey=NEXT_PUBLIC_CLUEBASE_PROJECT_KEY. The endpoint is optional " +
             "and defaults to the hosted Cluebase API.");
     }
-    if (options.endpoint !== undefined &&
-        typeof options.endpoint !== "string") {
+    if (options.endpoint !== undefined && typeof options.endpoint !== "string") {
         throw new Error("cluebase.init: 'endpoint' must be a string when provided. Omit it to " +
             "use the hosted Cluebase endpoint.");
     }
@@ -97,6 +97,16 @@ const cluebase = {
             internalSdk.setOrganization(groupKey, traits);
         });
     },
+    link(input) {
+        safeCall("link", () => {
+            internalSdk.link(input);
+        });
+    },
+    linkExternalAccount(namespace, externalId) {
+        safeCall("linkExternalAccount", () => {
+            internalSdk.linkExternalAccount(namespace, externalId);
+        });
+    },
     reset() {
         safeCall("reset", () => internalSdk.reset());
     },
@@ -122,9 +132,11 @@ const cluebase = {
     getDiagnostics() {
         return internalSdk.getDiagnostics();
     },
+    withActionContext(callback) {
+        return internalSdk.withActionContext(callback);
+    },
 };
 export { EXPORT_RESULT_FAILED, EXPORT_RESULT_SUCCESS, ObservationSourceEventExporter, } from "./exporter/observation-source-event-exporter.js";
 export { attachNextRouterIntegration } from "./integrations/next-router.js";
 export { attachReactRouterIntegration } from "./integrations/react-router.js";
-export { createCluebaseBrowserSdk };
 export default cluebase;

package/dist/instrumentation/action.js

@@ -1,6 +1,6 @@
 import { buildLocalTextDescriptor, buildLocalValueDescriptor, } from "../exporter/local-minimization.js";
-import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, shouldCaptureClickTarget, } from "./dom.js";
 import { buildPrimaryActionKey } from "./common.js";
+import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, shouldCaptureClickTarget, } from "./dom.js";
 import { getCurrentPageSnapshot } from "./location.js";
 import { buildScreenActionNamingEvidence } from "./naming-evidence.js";
 const ariaToggleRoles = new Set([
@@ -37,14 +37,12 @@ const ensureCssEscape = () => {
 };
 const emitElementClicked = (context, target, occurredAtMs, event) => {
     const displayTarget = resolveClickDisplayTarget(target);
-    if (context.shouldIgnoreElement?.(displayTarget)) {
-        return;
-    }
     if (!shouldCaptureClickTarget(displayTarget)) {
         return;
     }
     const stableKey = resolveStableKeyDescriptor(displayTarget);
     const interactionScope = resolveInteractionScopeDescriptor(displayTarget);
+    const pageSnapshot = getCurrentPageSnapshot();
     const interactionId = context.startInteraction?.({
         nowMs: occurredAtMs,
         interactionInitiator: "click",
@@ -59,6 +57,7 @@ const emitElementClicked = (context, target, occurredAtMs, event) => {
         occurredAtMs,
         payload: {
             viewId: context.getViewId(),
+            screenKey: pageSnapshot.screenKey,
             ...(interactionId
                 ? {
                     interactionId,
@@ -68,7 +67,7 @@ const emitElementClicked = (context, target, occurredAtMs, event) => {
                 : {}),
             elementTag: displayTarget.tagName.toLowerCase(),
             elementRole: getElementRole(displayTarget),
-            primaryActionKey: buildPrimaryActionKey(getCurrentPageSnapshot().screenKey, stableKey.stableKey),
+            primaryActionKey: buildPrimaryActionKey(pageSnapshot.screenKey, stableKey.stableKey),
             stableKey: stableKey.stableKey,
             stableKeyQuality: stableKey.stableKeyQuality,
             formKey: stableKey.formKey,
@@ -93,9 +92,10 @@ const emitElementClicked = (context, target, occurredAtMs, event) => {
         },
     });
     context.bindEventContext?.(event);
-    maybeEmitAriaToggleChanged(context, displayTarget);
+    context.requestFlush?.();
+    maybeEmitAriaToggleChanged(context, displayTarget, pageSnapshot.screenKey);
 };
-const maybeEmitAriaToggleChanged = (context, element) => {
+const maybeEmitAriaToggleChanged = (context, element, screenKey) => {
     if (isNativeToggleInput(element)) {
         return;
     }
@@ -105,7 +105,7 @@ const maybeEmitAriaToggleChanged = (context, element) => {
     }
     window.setTimeout(() => {
         try {
-            if (!element.isConnected || context.shouldIgnoreElement?.(element)) {
+            if (!element.isConnected) {
                 return;
             }
             const stableKey = resolveStableKeyDescriptor(element);
@@ -116,6 +116,7 @@ const maybeEmitAriaToggleChanged = (context, element) => {
                 occurredAtMs: Date.now(),
                 payload: {
                     viewId: context.getViewId(),
+                    screenKey,
                     elementTag: element.tagName.toLowerCase(),
                     elementRole: role,
                     stableKey: stableKey.stableKey,

package/dist/instrumentation/dom.js

@@ -158,11 +158,11 @@ const getAssociatedLabel = (element) => {
         if (label) {
             return label.replace(/\s+/g, " ").slice(0, 120);
         }
-    }
-    const closestLabel = element.closest("label");
-    const closestLabelText = closestLabel?.textContent?.trim();
-    if (closestLabelText) {
-        return closestLabelText.replace(/\s+/g, " ").slice(0, 120);
+        const closestLabel = element.closest("label");
+        const closestLabelText = closestLabel?.textContent?.trim();
+        if (closestLabelText) {
+            return closestLabelText.replace(/\s+/g, " ").slice(0, 120);
+        }
     }
     return null;
 };
@@ -173,6 +173,10 @@ const readElementContentLabel = (element) => {
         (element instanceof HTMLElement && element.isContentEditable)) {
         return null;
     }
+    const role = getElementRole(element);
+    if (!role || !CLICK_ACTION_ROLES.has(role)) {
+        return null;
+    }
     const ownText = Array.from(element.childNodes)
         .filter((node) => node.nodeType === Node.TEXT_NODE)
         .map((node) => node.textContent?.trim() ?? "")
@@ -182,26 +186,11 @@ const readElementContentLabel = (element) => {
     if (ownText) {
         return ownText.slice(0, 120);
     }
-    const isInteractiveDisplayTarget = element instanceof HTMLButtonElement ||
-        element instanceof HTMLAnchorElement ||
-        element.getAttribute("role") === "button" ||
-        element.getAttribute("role") === "link";
     const descendantCandidates = Array.from(element.querySelectorAll("label, p, span, strong, em, small, button, a, [role='button'], [role='link']"))
         .map((candidate) => candidate.textContent?.trim() ?? "")
         .map((value) => value.replace(/\s+/g, " ").trim())
         .filter((value) => value.length > 0 && value.length <= 80);
-    if (isInteractiveDisplayTarget && descendantCandidates.length > 0) {
-        return descendantCandidates[0] ?? null;
-    }
     if (descendantCandidates.length > 0) {
-        descendantCandidates.sort((left, right) => {
-            const leftWordCount = left.split(/\s+/).length;
-            const rightWordCount = right.split(/\s+/).length;
-            if (leftWordCount !== rightWordCount) {
-                return leftWordCount - rightWordCount;
-            }
-            return left.length - right.length;
-        });
         return descendantCandidates[0] ?? null;
     }
     return getTextPreview(element);
@@ -246,7 +235,10 @@ export const getAccessibleName = (element) => {
     }
     const title = getElementTitle(element);
     if (title?.trim()) {
-        return { name: title.trim().replace(/\s+/g, " ").slice(0, 120), source: "title" };
+        return {
+            name: title.trim().replace(/\s+/g, " ").slice(0, 120),
+            source: "title",
+        };
     }
     return null;
 };

package/dist/instrumentation/drag.js

@@ -31,9 +31,6 @@ export const startDragCapture = (context) => {
         if (!(target instanceof Element)) {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         try {
             const stableKey = resolveStableKeyDescriptor(target);
             const interactionScope = resolveInteractionScopeDescriptor(target);

package/dist/instrumentation/error.js

@@ -54,7 +54,9 @@ const readStringAttribute = (logRecord, key) => {
 };
 const readNumberAttribute = (logRecord, key) => {
     const value = logRecord.attributes?.[key];
-    return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+    return typeof value === "number" && Number.isFinite(value)
+        ? value
+        : undefined;
 };
 export const startErrorCapture = (context) => {
     if (typeof window === "undefined") {

package/dist/instrumentation/form.js

@@ -1,9 +1,9 @@
 import { buildLocalTextDescriptor } from "../exporter/local-minimization.js";
-import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
+import { fingerprintText } from "../exporter/text-fingerprint.js";
 import { buildPrimaryActionKey } from "./common.js";
+import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { getCurrentPageSnapshot } from "./location.js";
 import { buildScreenActionNamingEvidence } from "./naming-evidence.js";
-import { fingerprintText } from "../exporter/text-fingerprint.js";
 const VALIDATION_REASON_KEYS = [
     "valueMissing",
     "typeMismatch",
@@ -57,9 +57,6 @@ export const startFormCapture = (context) => {
         if (!(target instanceof HTMLFormElement)) {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         try {
             const formKey = target.id || target.getAttribute("name") || null;
             const interactionScope = resolveInteractionScopeDescriptor(target);
@@ -75,14 +72,16 @@ export const startFormCapture = (context) => {
                 ? "validation_blocked"
                 : "unknown";
             const resultSource = validationEvidence.invalidFieldCount > 0 ? "browser_validation" : null;
+            const pageSnapshot = getCurrentPageSnapshot();
             context.onEvent({
                 type: "form_submitted",
                 occurredAtMs: Date.now(),
                 payload: {
                     viewId: context.getViewId(),
+                    screenKey: pageSnapshot.screenKey,
                     formId: target.id || null,
                     formKey,
-                    primaryActionKey: buildPrimaryActionKey(getCurrentPageSnapshot().screenKey, formKey ?? submitterStableKey?.stableKey ?? null),
+                    primaryActionKey: buildPrimaryActionKey(pageSnapshot.screenKey, formKey ?? submitterStableKey?.stableKey ?? null),
                     formName: target.getAttribute("name"),
                     interactionScopeKind: interactionScope?.interactionScopeKind ?? null,
                     interactionScopeKey: interactionScope?.interactionScopeKey ?? null,

package/dist/instrumentation/input.js

@@ -1,6 +1,6 @@
 import { buildLocalTextDescriptor, buildLocalValueDescriptor, } from "../exporter/local-minimization.js";
-import { extractFieldName, extractFieldType, getElementAriaLabel, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, getElementValue, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { buildPrimaryActionKey } from "./common.js";
+import { extractFieldName, extractFieldType, getElementAriaLabel, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, getElementValue, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { getCurrentPageSnapshot } from "./location.js";
 import { buildScreenActionNamingEvidence } from "./naming-evidence.js";
 const buildFileDescriptors = (input) => {
@@ -28,23 +28,22 @@ export const startInputCapture = (context) => {
         if (context.getConsent() === "denied") {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         if (target instanceof HTMLInputElement && target.type === "password") {
             return;
         }
         try {
             const stableKey = resolveStableKeyDescriptor(target);
             const interactionScope = resolveInteractionScopeDescriptor(target);
+            const pageSnapshot = getCurrentPageSnapshot();
             const commonPayload = {
                 viewId: context.getViewId(),
+                screenKey: pageSnapshot.screenKey,
                 formId: stableKey.formKey,
                 formKey: stableKey.formKey,
                 fieldType: extractFieldType(target),
                 elementTag: target.tagName.toLowerCase(),
                 elementRole: getElementRole(target),
-                primaryActionKey: buildPrimaryActionKey(getCurrentPageSnapshot().screenKey, stableKey.stableKey),
+                primaryActionKey: buildPrimaryActionKey(pageSnapshot.screenKey, stableKey.stableKey),
                 stableKey: stableKey.stableKey,
                 stableKeyQuality: stableKey.stableKeyQuality,
                 interactionScopeKind: interactionScope?.interactionScopeKind ?? null,
@@ -138,9 +137,6 @@ export const startInputCapture = (context) => {
         if (context.getConsent() === "denied") {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         dirtyControls.add(target);
     };
     const changeHandler = (event) => {

package/dist/instrumentation/location.js

@@ -53,7 +53,9 @@ export const getPageSnapshotFromUrl = (href) => {
     }
     let path = null;
     try {
-        path = href ? new URL(href, globalThis.location?.origin).pathname || "/" : null;
+        path = href
+            ? new URL(href, globalThis.location?.origin).pathname || "/"
+            : null;
     }
     catch {
         path = null;

package/dist/instrumentation/network-request.js

@@ -1,9 +1,9 @@
 import { buildLocalQuerySummary, buildLocalStructuredSummary, } from "../exporter/local-minimization.js";
 import { buildParameterSnapshotBundle, } from "../exporter/parameter-snapshot.js";
-import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
 import { toPathTemplate } from "../exporter/path-template.js";
 import { maybeParseJson, sanitizeHeaders } from "../exporter/sanitize.js";
 import { buildSchemaEvidence, deriveOutcomeClass, extractErrorCodeCandidate, extractGraphqlEvidence, } from "../exporter/schema-evidence.js";
+import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
 import { currentPageUrl, resolveUrlAgainstCurrentLocation, stripQueryFromUrl, } from "./common.js";
 const MAX_CAPTURED_RESPONSE_BODY_BYTES = 16 * 1024;
 export const headersToRecord = (headers) => {

package/dist/instrumentation/network-span-attributes.js

@@ -1,10 +1,10 @@
 import { SpanStatusCode } from "@opentelemetry/api";
 import { buildLocalStructuredSummary } from "../exporter/local-minimization.js";
-import { cluebaseAuthoredMetricAttribute, cluebaseAuthoredPropertyAttribute, } from "./cluebase-authored-attributes.js";
+import { buildParameterSnapshotBundle } from "../exporter/parameter-snapshot.js";
 import { sanitizeHeaders } from "../exporter/sanitize.js";
 import { FRONTEND_EVENT_CATEGORY, FRONTEND_EVENT_NAME, FRONTEND_EVENT_STATUS, } from "../provider/contracts.js";
-import { buildParameterSnapshotBundle } from "../exporter/parameter-snapshot.js";
 import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
+import { cluebaseAuthoredMetricAttribute, cluebaseAuthoredPropertyAttribute, } from "./cluebase-authored-attributes.js";
 import { buildResponseShapeEvidence, } from "./network-request.js";
 const PRIVACY_POLICY_VERSION = 1;
 const setOptionalString = (span, key, value) => {

package/dist/instrumentation/network.d.ts

@@ -9,7 +9,7 @@ export declare const createCluebaseNetworkPropagator: () => TextMapPropagator;
 export declare const startNetworkCapture: (context: CaptureModuleContext, options?: {
     tracerProvider?: TracerProvider;
     deniedKeys?: readonly string[];
-    ignoreUrlPrefixes?: string[];
+    ignoreUrlPrefixes?: readonly string[];
     tracePropagationOrigins?: string[];
     createRequestTraceContext?: (input?: RequestTraceContextInput) => RequestTraceContext;
 }) => CaptureStopHandle;

package/dist/instrumentation/network.js

@@ -324,9 +324,12 @@ const failOpenRequestLifecycles = (failureType) => {
     }
     pendingRequestLifecycles.clear();
 };
-const trackFetchSpanEndWait = () => {
+const trackFetchSpanEndWait = (capture) => {
     const wait = new Promise((resolve) => {
-        setTimeout(resolve, FETCH_SPAN_END_SETTLE_MS);
+        setTimeout(() => {
+            capture.context.requestFlush?.();
+            resolve();
+        }, FETCH_SPAN_END_SETTLE_MS);
     });
     pendingFetchSpanEndWaits.add(wait);
     void wait.finally(() => pendingFetchSpanEndWaits.delete(wait));
@@ -400,7 +403,7 @@ const configureFetchInstrumentation = (capture) => {
                 observationContext: capture.context.getObservationContext?.() ?? null,
                 deniedKeys: capture.deniedKeys,
             });
-            trackFetchSpanEndWait();
+            trackFetchSpanEndWait(capture);
             markRequestLifecycleTerminal(meta);
             capture.context.requestFlush?.();
         },
@@ -448,6 +451,7 @@ const configureXhrInstrumentation = (capture) => {
                 observationContext: capture.context.getObservationContext?.() ?? null,
                 deniedKeys: capture.deniedKeys,
             });
+            trackFetchSpanEndWait(capture);
             markRequestLifecycleTerminal(meta);
             capture.context.requestFlush?.();
         },
@@ -493,6 +497,23 @@ export const startNetworkCapture = (context, options = {}) => {
         flush: async () => {
             await waitForFetchSpanEnd();
         },
+        refreshIgnoreUrlPrefixes: () => {
+            if (activeCapture !== capture)
+                return;
+            const ignoreUrls = urlPrefixPatterns(capture.ignoreUrlPrefixes);
+            if (fetchInstrumentation) {
+                fetchInstrumentation.setConfig({
+                    ...fetchInstrumentation.getConfig(),
+                    ignoreUrls,
+                });
+            }
+            if (xhrInstrumentation) {
+                xhrInstrumentation.setConfig({
+                    ...xhrInstrumentation.getConfig(),
+                    ignoreUrls,
+                });
+            }
+        },
         stop: () => {
             if (activeCapture !== capture)
                 return;