@sailfish-ai/recorder 1.10.13 → 1.11.1

package/dist/recording.js

@@ -320,8 +320,8 @@ backendApi, apiKey, sessionId, envValue, deferRecordingStart = true, useWsWorker
                     },
                     maskInputOptions: { text: true },
                     maskInputFn,
-                    maskTextClass: MASK_CLASS,
                     ...captureSettings,
+                    maskTextClass: captureSettings.maskTextClass ?? MASK_CLASS,
                     recordDOM: false, // after spread so it can't be overridden
                 });
                 const snapshotStartTime = Date.now();
@@ -383,8 +383,8 @@ backendApi, apiKey, sessionId, envValue, deferRecordingStart = true, useWsWorker
                     },
                     maskInputOptions: { text: true },
                     maskInputFn,
-                    maskTextClass: MASK_CLASS,
                     ...captureSettings,
+                    maskTextClass: captureSettings.maskTextClass ?? MASK_CLASS,
                 });
             }
         };

package/dist/sendSailfishMessages.js

@@ -4,6 +4,10 @@ import { sendMessage } from "./websocket";
 let lastIdentifyMessage = null;
 let lastMetadataMessage = null;
 let deviceInfoSent = false;
+// Get the last identified user (for matching reporter in Report Issue modal)
+export function getIdentifiedUser() {
+    return lastIdentifyMessage;
+}
 // Function to send identify message
 export function identify(userId, traits = {}, overwrite = false) {
     const message = {

package/dist/snippet-auto-init.js

@@ -0,0 +1,173 @@
+/**
+ * Auto-init from <script> data attributes (CDN / snippet mode).
+ *
+ * This file is ONLY included in the UMD build (not ES/CJS). It runs at load
+ * time, reads `data-*` attributes off the currently-executing <script> tag,
+ * coerces them to their proper TypeScript-typed `initRecorder` options,
+ * and invokes the recorder.
+ *
+ * CRITICAL: Everything is wrapped in try/catch. A Sailfish error must NEVER
+ * break the customer's application. Malformed attribute values are silently
+ * ignored rather than thrown — the SDK's own defaults take over in that
+ * case.
+ *
+ * Usage:
+ *   <script src="https://cdn.jsdelivr.net/npm/@sailfish-ai/recorder@1.11.0"
+ *     data-api-key="YOUR_API_KEY"
+ *     data-service-identifier="acme-corp/web-app"
+ *     data-service-version="1.0.0"
+ *     data-domains-to-propagate-header-to="*.acme.com,api.acme.com"
+ *     data-domains-to-not-propagate-header-to="analytics.google.com,sentry.io"
+ *     data-enable-fiber-tracking="true"
+ *     data-enable-ip-tracking="false"
+ *     data-capture-streaming-response-body="true"
+ *     data-capture-response-body-max-mb="10"
+ *     data-capture-stream-prefix-kb="64"
+ *     data-capture-stream-timeout-ms="10000"
+ *     data-defer-recording="true"
+ *     data-chunk-snapshot="false"
+ *     data-use-ws-worker="false"
+ *     data-custom-base-url="https://triage.acme.com"
+ *     data-git-sha="abc1234"
+ *     data-show-eng-ticket-fields-in-report-issue-modal-default="false"
+ *     data-library="JS/TS SNIPPET"
+ *   ></script>
+ *
+ * Attribute name convention: HTML5 `dataset` kebab-case. Each camelCase
+ * option on `initRecorder({ ... })` maps to `data-<kebab-case>`. See
+ * docs/docs-enterprise/integrate-with-your-code/frontend/javascript-typescript-cdn.md
+ * for the authoritative mapping table.
+ *
+ * Options NOT supported via data attributes (require npm install):
+ *   - serviceAdditionalMetadata (Record<string, any>) — JSON in HTML attrs
+ *     is error-prone; use initRecorder({ serviceAdditionalMetadata }) instead.
+ *   - reportIssueShortcuts (Partial<ShortcutsConfig>) — same reason.
+ *   - backendApi — Enterprise customers should use the SDK default.
+ */
+import { initRecorder } from "./index";
+/**
+ * Split a CSV attribute value into a trimmed, non-empty string array.
+ * Returns `null` if the value is falsy or produces no entries so the
+ * caller can skip setting the option (letting the SDK default apply).
+ */
+function parseCsv(raw) {
+    if (!raw)
+        return null;
+    try {
+        const parts = raw
+            .split(",")
+            .map((s) => s.trim())
+            .filter(Boolean);
+        return parts.length > 0 ? parts : null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Parse a boolean attribute. Only the literal string `"true"` is
+ * treated as true; anything else (including `"false"`, absent values,
+ * numeric strings) returns `null` so the caller can skip setting the
+ * option and let the SDK default apply.
+ */
+function parseBool(raw) {
+    if (raw === undefined)
+        return null;
+    if (raw === "true")
+        return true;
+    if (raw === "false")
+        return false;
+    return null;
+}
+/**
+ * Parse a numeric attribute. Non-finite results (NaN, Infinity) return
+ * `null` so the caller skips setting the option.
+ */
+function parseNumber(raw) {
+    if (raw === undefined || raw === "")
+        return null;
+    try {
+        const n = Number(raw);
+        return Number.isFinite(n) ? n : null;
+    }
+    catch {
+        return null;
+    }
+}
+try {
+    if (typeof document !== "undefined" && document.currentScript) {
+        const script = document.currentScript;
+        const ds = script.dataset ?? {};
+        if (ds.apiKey) {
+            const opts = {
+                apiKey: ds.apiKey,
+            };
+            // ── Service identification (strings) ──────────────────────────
+            if (ds.serviceIdentifier)
+                opts.serviceIdentifier = ds.serviceIdentifier;
+            if (ds.serviceVersion)
+                opts.serviceVersion = ds.serviceVersion;
+            if (ds.gitSha)
+                opts.gitSha = ds.gitSha;
+            if (ds.customBaseUrl)
+                opts.customBaseUrl = ds.customBaseUrl;
+            // ── Domain allowlist/blocklist (CSV → string[]) ───────────────
+            const propagate = parseCsv(ds.domainsToPropagateHeaderTo);
+            if (propagate)
+                opts.domainsToPropagateHeaderTo = propagate;
+            const noPropagate = parseCsv(ds.domainsToNotPropagateHeaderTo);
+            if (noPropagate)
+                opts.domainsToNotPropagateHeaderTo = noPropagate;
+            // ── Tracking flags (boolean) ──────────────────────────────────
+            const enableFiber = parseBool(ds.enableFiberTracking);
+            if (enableFiber !== null)
+                opts.enableFiberTracking = enableFiber;
+            const enableIp = parseBool(ds.enableIpTracking);
+            if (enableIp !== null)
+                opts.enableIpTracking = enableIp;
+            // ── Network body capture (boolean + number) ───────────────────
+            const captureStream = parseBool(ds.captureStreamingResponseBody);
+            if (captureStream !== null)
+                opts.captureStreamingResponseBody = captureStream;
+            const maxMb = parseNumber(ds.captureResponseBodyMaxMb);
+            if (maxMb !== null)
+                opts.captureResponseBodyMaxMb = maxMb;
+            const prefixKb = parseNumber(ds.captureStreamPrefixKb);
+            if (prefixKb !== null)
+                opts.captureStreamPrefixKb = prefixKb;
+            const timeoutMs = parseNumber(ds.captureStreamTimeoutMs);
+            if (timeoutMs !== null)
+                opts.captureStreamTimeoutMs = timeoutMs;
+            // ── Performance knobs (boolean) ───────────────────────────────
+            const defer = parseBool(ds.deferRecording);
+            if (defer !== null)
+                opts.deferRecording = defer;
+            const chunk = parseBool(ds.chunkSnapshot);
+            if (chunk !== null)
+                opts.chunkSnapshot = chunk;
+            const wsWorker = parseBool(ds.useWsWorker);
+            if (wsWorker !== null)
+                opts.useWsWorker = wsWorker;
+            // ── Issue reporting (boolean) ─────────────────────────────────
+            const showEngTicket = parseBool(ds.showEngTicketFieldsInReportIssueModalDefault);
+            if (showEngTicket !== null)
+                opts.showEngTicketFieldsInReportIssueModalDefault = showEngTicket;
+            // ── Library tag (string) ──────────────────────────────────────
+            opts.library = ds.library || "JS/TS SNIPPET";
+            initRecorder(opts).catch(() => {
+                // Silently swallow — never break customer's app
+            });
+        }
+    }
+}
+catch (_) {
+    // Silently swallow any errors during auto-init
+}
+/**
+ * Internal helpers are exported for the test suite only. The UMD
+ * bundle is the entry point for customers — they should never `import`
+ * from this module.
+ *
+ * @internal
+ */
+export const __testing = { parseCsv, parseBool, parseNumber };

package/dist/types/inAppReportIssueModal/integrations.d.ts

@@ -16,5 +16,12 @@ export declare function getSprintFieldId(): string;
 export declare function updateIssueTypeOptions(selectElement: HTMLSelectElement, projectId: string): void;
 export declare function getFieldsForProject(projectId: string, issueTypeId?: string): any[];
 export declare function getUsers(): any[];
+/**
+ * Match the current identified user against the Jira users list and
+ * return their accountId. Uses email, name, and email-prefix matching
+ * (same logic as the dashboard). Only returns a match when exactly one
+ * user matches to avoid ambiguity.
+ */
+export declare function getDefaultReporterAccountId(): string | null;
 export declare function getProjectsForTeam(teamId?: string): any[];
 export declare function updateFormWithIntegrationData(currentState: IssueReportState): IssueReportState;

package/dist/types/index.d.ts

@@ -6,12 +6,13 @@ export declare const DEFAULT_CAPTURE_SETTINGS: CaptureSettings;
 export declare const DEFAULT_CONSOLE_RECORDING_SETTINGS: LogRecordOptions;
 export declare function matchUrlWithWildcard(input: unknown, patterns: string[]): boolean;
 export declare function createSkipHeadersPropagationChecker(domainsToNotPropagateHeaderTo?: string[], domainsToPropagateHeaderTo?: string[]): (url: string) => boolean;
-export declare function startRecording({ apiKey, backendApi, domainsToPropagateHeaderTo, domainsToNotPropagateHeaderTo, serviceVersion, serviceIdentifier, gitSha, serviceAdditionalMetadata, enableIpTracking, captureStreamingResponseBody, captureResponseBodyMaxMb, captureStreamPrefixKb, captureStreamTimeoutMs, enableFiberTracking, deferRecording, deferRecordingStart, chunkSnapshot, useWsWorker, }: {
+export declare function startRecording({ apiKey, backendApi, domainsToPropagateHeaderTo, domainsToNotPropagateHeaderTo, serviceVersion, serviceIdentifier, gitSha, serviceAdditionalMetadata, enableIpTracking, captureStreamingResponseBody, captureResponseBodyMaxMb, captureStreamPrefixKb, captureStreamTimeoutMs, enableFiberTracking, deferRecording, deferRecordingStart, chunkSnapshot, useWsWorker, maskTextClass, library, }: {
     apiKey: string;
     backendApi?: string;
     domainsToPropagateHeaderTo?: string[];
     domainsToNotPropagateHeaderTo?: string[];
     serviceVersion?: string;
+    library?: string;
     serviceIdentifier?: string;
     gitSha?: string;
     serviceAdditionalMetadata?: Record<string, any>;
@@ -26,6 +27,7 @@ export declare function startRecording({ apiKey, backendApi, domainsToPropagateH
     deferRecordingStart?: boolean;
     chunkSnapshot?: boolean;
     useWsWorker?: boolean;
+    maskTextClass?: string;
 }): Promise<void>;
 export declare const initRecorder: (options: {
     apiKey: string;
@@ -38,6 +40,7 @@ export declare const initRecorder: (options: {
     gitSha?: string;
     serviceAdditionalMetadata?: Record<string, any>;
     customBaseUrl?: string;
+    library?: string;
     enableFiberTracking?: boolean;
     enableIpTracking?: boolean;
     captureStreamingResponseBody?: boolean;
@@ -75,6 +78,7 @@ export declare const initRecorder: (options: {
     chunkSnapshot?: boolean;
     useWsWorker?: boolean;
     showEngTicketFieldsInReportIssueModalDefault?: boolean;
+    maskTextClass?: string;
 }) => Promise<void>;
 export * from "./graphql";
 export { openReportIssueModal } from "./inAppReportIssueModal";

package/dist/types/sendSailfishMessages.d.ts

@@ -1,3 +1,7 @@
+export declare function getIdentifiedUser(): {
+    userId: string;
+    traits: Record<string, any>;
+} | null;
 export declare function identify(userId: string, traits?: Record<string, any>, overwrite?: boolean): void;
 export declare function addOrUpdateMetadata(metadata: Record<string, any>): void;
 export declare function trackingEvent(trackingData: Record<string, any>): void;

package/dist/types/snippet-auto-init.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Split a CSV attribute value into a trimmed, non-empty string array.
+ * Returns `null` if the value is falsy or produces no entries so the
+ * caller can skip setting the option (letting the SDK default apply).
+ */
+declare function parseCsv(raw: string | undefined): string[] | null;
+/**
+ * Parse a boolean attribute. Only the literal string `"true"` is
+ * treated as true; anything else (including `"false"`, absent values,
+ * numeric strings) returns `null` so the caller can skip setting the
+ * option and let the SDK default apply.
+ */
+declare function parseBool(raw: string | undefined): boolean | null;
+/**
+ * Parse a numeric attribute. Non-finite results (NaN, Infinity) return
+ * `null` so the caller skips setting the option.
+ */
+declare function parseNumber(raw: string | undefined): number | null;
+/**
+ * Internal helpers are exported for the test suite only. The UMD
+ * bundle is the entry point for customers — they should never `import`
+ * from this module.
+ *
+ * @internal
+ */
+export declare const __testing: {
+    parseCsv: typeof parseCsv;
+    parseBool: typeof parseBool;
+    parseNumber: typeof parseNumber;
+};
+export {};

package/dist/types/types.d.ts

@@ -11,6 +11,7 @@ export interface CaptureSettings {
     sampling: object;
     textEditThrottleEnabled?: boolean;
     enableFiberTracking?: boolean;
+    maskTextClass?: string;
 }
 export interface ConsoleRecordSettings {
     level: string[];

package/dist/types/umd-entry.d.ts

@@ -0,0 +1,9 @@
+/**
+ * UMD entry point — re-exports everything from index.tsx AND includes
+ * the auto-init code for CDN/script-tag usage.
+ *
+ * This file is ONLY used by the UMD build (vite.umd.config.ts).
+ * The ES/CJS builds use index.tsx directly (no auto-init side effects).
+ */
+export * from "./index";
+import "./snippet-auto-init";

package/dist/umd-entry.js

@@ -0,0 +1,11 @@
+/**
+ * UMD entry point — re-exports everything from index.tsx AND includes
+ * the auto-init code for CDN/script-tag usage.
+ *
+ * This file is ONLY used by the UMD build (vite.umd.config.ts).
+ * The ES/CJS builds use index.tsx directly (no auto-init side effects).
+ */
+// Re-export all public API
+export * from "./index";
+// Side effect: auto-init from <script> data attributes
+import "./snippet-auto-init";

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.10.13",
+  "version": "1.11.1",
   "publishPublicly": true,
+  "publishToCdn": {
+    "jsdelivr": true,
+    "unpkg": true
+  },
   "type": "module",
   "main": "dist/recorder.cjs",
   "module": "dist/recorder.js",
@@ -11,7 +15,7 @@
   "sideEffects": false,
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc --project tsconfig.json",
+    "build": "vite build && tsc --project tsconfig.json && vite build --config vite.umd.config.ts",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "check-types": "tsc --noEmit",
@@ -43,9 +47,9 @@
     "dist"
   ],
   "dependencies": {
-    "@sailfish-rrweb/rrweb-plugin-console-record": "0.5.7",
-    "@sailfish-rrweb/rrweb-record-only": "0.5.7",
-    "@sailfish-rrweb/types": "0.5.7",
+    "@sailfish-rrweb/rrweb-plugin-console-record": "0.5.9",
+    "@sailfish-rrweb/rrweb-record-only": "0.5.9",
+    "@sailfish-rrweb/types": "0.5.9",
     "reconnecting-websocket": "^4.4.0",
     "source-map-js": "^1.2.1"
   },