@spanwise/rum 0.5.0 → 0.6.0

package/README.md

@@ -0,0 +1,403 @@
+# @spanwise/rum
+
+Real User Monitoring SDK for browser applications. Captures page views, clicks, errors, Web Vitals, and session replays.
+
+## Installation
+
+```bash
+npm install @spanwise/rum
+# or
+pnpm add @spanwise/rum
+# or
+yarn add @spanwise/rum
+```
+
+## Quick Start
+
+```typescript
+import { createSpanwiseBrowser } from "@spanwise/rum"
+
+const spanwise = createSpanwiseBrowser({
+  apiKey: "sw_...",
+  serviceName: "my-app",
+})
+
+// That's it! Page views, clicks, errors, and vitals are tracked automatically.
+```
+
+## Configuration
+
+```typescript
+const spanwise = createSpanwiseBrowser({
+  // Required
+  apiKey: "sw_...",
+
+  // Optional
+  serviceName: "my-app",           // Service name for filtering
+  sampleRate: 1.0,                 // Sample 100% of sessions (default: 1.0)
+  trackPageViews: true,            // Track page views (default: true)
+  trackClicks: true,               // Track clicks (default: true)
+  trackVitals: true,               // Track Web Vitals (default: true)
+  trackErrors: true,               // Track errors (default: true)
+  trackResources: true,            // Track fetch/XHR requests (default: true)
+  sessionStorage: "cookie",        // "cookie" or "sessionStorage" (default: "cookie")
+
+  // Distributed Tracing
+  tracing: {
+    enabled: true,                 // Inject traceparent headers (default: true)
+    propagateToOrigins: [          // Origins to propagate trace context to
+      "https://api.example.com",
+      /\.example\.com$/,
+    ],
+  },
+
+  // Session Replay (opt-in)
+  replay: {
+    enabled: true,                 // Enable replay recording (default: false)
+    sampleRate: 0.1,               // Record 10% of sessions (default: 0.1)
+    onErrorSampleRate: 1.0,        // Record 100% of sessions with errors (default: 1.0)
+    privacyMode: "strict",         // Privacy mode (default: "strict")
+  },
+})
+```
+
+## API
+
+### `spanwise.trackEvent(name, properties?)`
+
+Track a custom event.
+
+```typescript
+spanwise.trackEvent("purchase", {
+  productId: "123",
+  amount: 99.99,
+})
+```
+
+### `spanwise.trackPageView(url?)`
+
+Manually track a page view. Called automatically on navigation.
+
+```typescript
+spanwise.trackPageView("/checkout")
+```
+
+### `spanwise.trackError(error, options?)`
+
+Manually track an error.
+
+```typescript
+try {
+  await riskyOperation()
+} catch (error) {
+  spanwise.trackError(error, {
+    requestId: "req_123",
+    traceId: "trace_abc",
+  })
+}
+```
+
+### `spanwise.setUser(id, traits?)`
+
+Identify the current user.
+
+```typescript
+spanwise.setUser("user_123", {
+  email: "user@example.com",
+  plan: "pro",
+})
+```
+
+### `spanwise.getSessionId()`
+
+Get the current session ID.
+
+```typescript
+const sessionId = spanwise.getSessionId()
+```
+
+### `spanwise.startReplay()` / `spanwise.stopReplay()`
+
+Manually control replay recording (overrides sampling).
+
+```typescript
+// Start recording for VIP users regardless of sample rate
+if (user.isVIP) {
+  spanwise.startReplay()
+}
+```
+
+---
+
+## Session Replay
+
+Session Replay records user interactions as a video-like playback. It captures DOM mutations, mouse movements, clicks, and scrolls.
+
+### Enabling Replay
+
+```typescript
+const spanwise = createSpanwiseBrowser({
+  apiKey: "sw_...",
+  replay: {
+    enabled: true,
+  },
+})
+```
+
+### Sampling
+
+By default, only 10% of sessions are recorded to manage costs and storage:
+
+```typescript
+replay: {
+  enabled: true,
+  sampleRate: 0.1,         // 10% of sessions
+  onErrorSampleRate: 1.0,  // 100% if an error occurs
+}
+```
+
+When an error occurs in a session that wasn't initially sampled, recording automatically starts to capture the error context.
+
+---
+
+## Privacy & Data Protection
+
+Session Replay is designed with privacy as the default. **No configuration is required for most applications** - sensitive data is automatically protected.
+
+### Privacy Modes
+
+| Mode | Text | Inputs | Use Case |
+|------|------|--------|----------|
+| `"strict"` (default) | Masked | Masked | Most applications |
+| `"balanced"` | Visible | Masked | Marketing sites, blogs |
+| `"permissive"` | Visible | Visible | Internal tools only |
+
+```typescript
+replay: {
+  enabled: true,
+  privacyMode: "strict",  // Default - masks everything
+}
+```
+
+### What Each Mode Does
+
+#### Strict Mode (Default)
+
+All text content is replaced with `****`. Form inputs show `•••••`. You see the page structure and user interactions, but no actual content.
+
+```
+┌─────────────────────────────┐
+│  **** ********              │  ← Masked heading
+│                             │
+│  ******** **** ** *******   │  ← Masked paragraph
+│  ******* ** *** ****        │
+│                             │
+│  Email: [•••••••••••••]     │  ← Masked input
+│  Password: [••••••••]       │
+│                             │
+│  [**********]               │  ← Masked button
+└─────────────────────────────┘
+```
+
+#### Balanced Mode
+
+Text is visible, but all form inputs are masked. Good for content-heavy sites.
+
+```
+┌─────────────────────────────┐
+│  Welcome Back               │  ← Visible heading
+│                             │
+│  Please sign in to continue │  ← Visible text
+│                             │
+│  Email: [•••••••••••••]     │  ← Masked input
+│  Password: [••••••••]       │
+│                             │
+│  [Sign In]                  │  ← Visible button
+└─────────────────────────────┘
+```
+
+#### Permissive Mode
+
+Everything is recorded as-is. **Only use for internal tools or with explicit user consent.**
+
+### Fine-Grained Control with HTML Attributes
+
+Regardless of privacy mode, you can control specific elements:
+
+#### Block Elements Completely
+
+Use `data-sw-block` to completely hide an element. It will appear as a gray placeholder in replays.
+
+```html
+<!-- Credit card form - never record -->
+<div data-sw-block>
+  <input type="text" placeholder="Card number" />
+  <input type="text" placeholder="CVV" />
+</div>
+
+<!-- Sensitive user data -->
+<div data-sw-block class="user-profile">
+  <p>SSN: 123-45-6789</p>
+</div>
+```
+
+#### Mask Specific Elements
+
+Use `data-sw-mask` to mask text while preserving structure (useful in balanced/permissive modes).
+
+```html
+<!-- Mask email in a visible section -->
+<p>Contact: <span data-sw-mask>user@example.com</span></p>
+```
+
+#### Unmask Elements in Strict Mode
+
+Use `data-sw-unmask` to show content even when using strict mode.
+
+```html
+<!-- Show navigation labels in strict mode -->
+<nav data-sw-unmask>
+  <a href="/">Home</a>
+  <a href="/products">Products</a>
+  <a href="/about">About</a>
+</nav>
+
+<!-- Show static content -->
+<footer data-sw-unmask>
+  <p>© 2024 My Company</p>
+</footer>
+```
+
+#### rrweb Classes (Alternative)
+
+The standard rrweb classes also work:
+
+```html
+<div class="rr-block">Hidden content</div>
+<div class="rr-mask">Masked content</div>
+```
+
+### Best Practices
+
+1. **Start with strict mode** - It's the safest default. Only relax if needed.
+
+2. **Block sensitive sections entirely** - For areas with PII (profile pages, account settings), use `data-sw-block`.
+
+3. **Review before production** - Test your app with replay enabled and verify no sensitive data appears.
+
+4. **Consider user consent** - For GDPR compliance, inform users that sessions may be recorded.
+
+5. **Use unmask sparingly** - Only unmask truly static, non-sensitive content like navigation labels.
+
+### What's Automatically Protected
+
+Even without configuration:
+
+- All `<input>` values are masked (except in permissive mode)
+- Password fields are always masked
+- Credit card patterns are detected and masked
+- `<script>` content is never recorded
+- `<head>` metadata is stripped
+
+### Sensitive Data Checklist
+
+Before enabling replay, ensure these are blocked or masked:
+
+- [ ] User profile information (name, email, phone)
+- [ ] Payment forms and credit card inputs
+- [ ] Social security numbers, government IDs
+- [ ] Medical or health information
+- [ ] Authentication tokens displayed on screen
+- [ ] Private messages or chat content
+- [ ] Financial account numbers
+- [ ] Any PII in confirmation pages
+
+---
+
+## Distributed Tracing
+
+The SDK automatically injects `traceparent` headers into fetch/XHR requests, connecting frontend sessions to backend traces.
+
+```typescript
+const spanwise = createSpanwiseBrowser({
+  apiKey: "sw_...",
+  tracing: {
+    enabled: true,
+    propagateToOrigins: [
+      "https://api.myapp.com",
+      /\.myapp\.com$/,
+    ],
+  },
+})
+```
+
+Your backend will receive headers like:
+
+```
+traceparent: 00-{traceId}-{spanId}-01
+```
+
+---
+
+## Browser Support
+
+- Chrome 64+
+- Firefox 67+
+- Safari 12+
+- Edge 79+
+
+Session Replay requires:
+- MutationObserver
+- WeakMap
+- requestAnimationFrame
+
+---
+
+## Bundle Size
+
+The base SDK is ~8KB gzipped. Session Replay adds ~40KB gzipped (rrweb).
+
+Replay is dynamically imported only when enabled, so it won't affect your bundle if not used.
+
+---
+
+## TypeScript
+
+Full TypeScript support with exported types:
+
+```typescript
+import {
+  createSpanwiseBrowser,
+  type BrowserConfig,
+  type SpanwiseBrowser,
+  type ReplayConfig,
+  type PrivacyMode,
+  type TracingConfig,
+} from "@spanwise/rum"
+```
+
+---
+
+## Troubleshooting
+
+### Replay not recording
+
+1. Check that `replay.enabled` is `true`
+2. Verify you're within the sample rate (try `sampleRate: 1.0` for testing)
+3. Check browser console for errors
+
+### High data volume
+
+1. Reduce `sampleRate` (e.g., `0.05` for 5%)
+2. Use `"strict"` privacy mode (smaller payloads due to masked content)
+
+### Missing trace correlation
+
+1. Ensure `tracing.propagateToOrigins` includes your API domain
+2. Check that your backend parses the `traceparent` header
+
+---
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { createSpanwiseBrowser, type BrowserConfig, type SpanwiseBrowser, type TracingConfig, } from "./client.js";
-export type { ReplayConfig } from "./replay.js";
+export type { ReplayConfig, PrivacyMode } from "./replay.js";
 export type { RumEvent, RumEventType, PageViewEvent, ClickEvent, VitalsEvent, ErrorEvent, CustomEvent, ResourceEvent, } from "./events.js";
 export { getSessionId, endSession, type StorageMode } from "./session.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,YAAY,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,GACb,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC5D,YAAY,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,GACb,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA"}

package/dist/replay.d.ts

@@ -1,3 +1,16 @@
+/**
+ * Privacy mode for session replay recording.
+ *
+ * - `"strict"` (default): Masks ALL text and input values. Recommended for most apps.
+ *   Only element structure and interactions are visible.
+ *
+ * - `"balanced"`: Masks input values only. Text content is visible but form data is protected.
+ *   Good for marketing sites with minimal user input.
+ *
+ * - `"permissive"`: Records everything as-is. Only use for internal tools or after
+ *   explicit user consent. You must ensure no PII is captured.
+ */
+export type PrivacyMode = "strict" | "balanced" | "permissive";
 export type ReplayConfig = {
     /** Enable replay recording (default: false) */
     enabled?: boolean;
@@ -5,12 +18,23 @@ export type ReplayConfig = {
     sampleRate?: number;
     /** Sample rate when error occurs 0-1 (default: 1.0 = 100%) */
     onErrorSampleRate?: number;
-    /** Privacy level: 'allow' | 'mask-user-input' | 'mask' (default: 'mask-user-input') */
-    privacyLevel?: "allow" | "mask-user-input" | "mask";
-    /** CSS selector for elements to block completely */
-    blockSelector?: string;
-    /** CSS selector for elements to mask text */
-    maskSelector?: string;
+    /**
+     * Privacy mode controls what data is captured (default: "strict")
+     *
+     * - "strict": Masks all text and inputs (recommended)
+     * - "balanced": Masks inputs only, text is visible
+     * - "permissive": Records everything (use with caution)
+     *
+     * Regardless of mode, you can use HTML attributes for fine-grained control:
+     * - `data-sw-block`: Completely hides element (shows placeholder)
+     * - `data-sw-mask`: Masks text content with asterisks
+     * - `data-sw-unmask`: Shows content even in strict mode
+     *
+     * rrweb built-in classes are also supported:
+     * - `.rr-block`: Same as data-sw-block
+     * - `.rr-mask`: Same as data-sw-mask
+     */
+    privacyMode?: PrivacyMode;
 };
 type ReplayTransportConfig = {
     apiKey: string;

package/dist/replay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replay.d.ts","sourceRoot":"","sources":["../src/replay.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uFAAuF;IACvF,YAAY,CAAC,EAAE,OAAO,GAAG,iBAAiB,GAAG,MAAM,CAAA;IACnD,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CACjB,CAAA;AAcD,wBAAgB,oBAAoB,CACnC,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,qBAAqB,EACtC,OAAO,CAAC,EAAE,MAAM,IAAI;iBAoHF,IAAI;gBAcL,IAAI;qBAgCC,IAAI;;;EA2B1B;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}
+{"version":3,"file":"replay.d.ts","sourceRoot":"","sources":["../src/replay.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAA;AAE9D,MAAM,MAAM,YAAY,GAAG;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;CACzB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CACjB,CAAA;AAmBD,wBAAgB,oBAAoB,CACnC,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,qBAAqB,EACtC,OAAO,CAAC,EAAE,MAAM,IAAI;iBAsIF,IAAI;gBAcL,IAAI;qBAgCC,IAAI;;;EA2B1B;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}

package/dist/replay.js

@@ -2,6 +2,10 @@ import { gzipSync } from "fflate";
 import { record } from "rrweb";
 const MAX_CHUNK_SIZE = 64 * 1024; // 64KB uncompressed
 const FLUSH_INTERVAL = 5000; // 5 seconds
+// Selectors for privacy control
+const BLOCK_SELECTOR = "[data-sw-block], .rr-block";
+const MASK_SELECTOR = "[data-sw-mask], .rr-mask";
+const UNMASK_SELECTOR = "[data-sw-unmask]";
 // Efficient base64 encoding for Uint8Array (avoids spread operator on large arrays)
 function uint8ToBase64(bytes) {
     let binary = "";
@@ -23,10 +27,15 @@ export function createReplayRecorder(config, transportConfig, onError) {
     const shouldRecord = Math.random() < (config.sampleRate ?? 0.1);
     let wasUpgradedByError = false;
     function getRecordOptions() {
-        const privacyLevel = config.privacyLevel ?? "mask-user-input";
-        // Build options object
-        const maskAllInputs = privacyLevel === "mask" || privacyLevel === "mask-user-input";
-        const maskTextSelector = privacyLevel === "mask" ? "*" : config.maskSelector;
+        const privacyMode = config.privacyMode ?? "strict";
+        // Build privacy settings based on mode
+        const maskAllInputs = privacyMode !== "permissive";
+        const maskAllText = privacyMode === "strict";
+        // In strict mode, mask everything except explicitly unmasked elements
+        // In balanced/permissive modes, only mask elements with data-sw-mask
+        const maskTextSelector = maskAllText
+            ? `*:not(${UNMASK_SELECTOR}):not(${UNMASK_SELECTOR} *)`
+            : MASK_SELECTOR;
         return {
             emit: (event) => handleEvent(event),
             sampling: {
@@ -35,9 +44,22 @@ export function createReplayRecorder(config, transportConfig, onError) {
                 scroll: 150,
                 input: "last",
             },
+            // Privacy settings
             maskAllInputs,
             maskTextSelector,
-            blockSelector: config.blockSelector,
+            blockSelector: BLOCK_SELECTOR,
+            // Slimmer DOM for performance
+            slimDOMOptions: {
+                script: true,
+                comment: true,
+                headFavicon: true,
+                headWhitespace: true,
+                headMetaSocial: true,
+                headMetaRobots: true,
+                headMetaHttpEquiv: true,
+                headMetaVerification: true,
+                headMetaAuthorship: true,
+            },
         };
     }
     function handleEvent(event) {

package/dist/replay.js.map

@@ -1 +1 @@
-{"version":3,"file":"replay.js","sourceRoot":"","sources":["../src/replay.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"replay.js","sourceRoot":"","sources":["../src/replay.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@spanwise/rum",
-	"version": "0.5.0",
+	"version": "0.6.0",
 	"description": "Real User Monitoring SDK for Spanwise - track sessions, page views, clicks, and Core Web Vitals",
 	"type": "module",
 	"main": "./dist/index.js",
@@ -14,9 +14,7 @@
 			"types": "./dist/index.d.ts"
 		}
 	},
-	"files": [
-		"dist"
-	],
+	"files": ["dist"],
 	"scripts": {
 		"build": "tsc",
 		"dev": "tsc --watch",