@multiplayer-app/session-recorder-browser 1.2.31 → 1.2.32

package/README.md

@@ -339,88 +339,10 @@ activeSpan.setAttribute(SessionRecorder.ATTR_MULTIPLAYER_CONTINUOUS_SESSION_AUTO
 
 ## Session Recorder for Next.js
 
-### Next.js 15.3+ (App Router) — instrumentation-client.ts
+Use the React wrapper for Next.js. It includes idiomatic Next.js guidance and helpers:
 
-On Next.js 15.3+ you can initialize the Session Recorder as early as possible with `src/instrumentation-client.ts|js`, which runs before hydration. You can also export `onRouterTransitionStart` to observe navigation. See the official docs: [instrumentation-client.ts](https://nextjs.org/docs/app/api-reference/file-conventions/instrumentation-client).
-
-1. Create `app/instrumentation-client.ts|js`:
-
-```ts
-import SessionRecorder from '@multiplayer-app/session-recorder-browser'
-
-// Initialize as early as possible (before hydration)
-try {
-  SessionRecorder.init({
-    application: 'my-next-app',
-    version: '1.0.0',
-    environment: process.env.NEXT_PUBLIC_ENVIRONMENT ?? 'production',
-    apiKey: process.env.NEXT_PUBLIC_MULTIPLAYER_API_KEY!,
-    showWidget: true,
-    // If your APIs are on different origins, add them so OTLP headers are propagated
-    // format: string | RegExp | Array
-    propagateTraceHeaderCorsUrls: [new RegExp('https://api.example.com', 'i')]
-  })
-} catch (error) {
-  // Keep instrumentation resilient
-  console.warn('[SessionRecorder] init failed in instrumentation-client:', error)
-}
-
-// Optional: Next.js will call this when navigation begins
-export function onRouterTransitionStart(url: string, navigationType: 'push' | 'replace' | 'traverse') {
-  try {
-    SessionRecorder.navigation.record({
-      path: url || '/',
-      navigationType,
-      framework: 'nextjs',
-      source: 'instrumentation-client'
-    })
-  } catch (error) {
-    console.warn('[SessionRecorder] navigation record failed:', error)
-  }
-}
-```
-
-## Note
-
-If frontend domain doesn't match to backend one, set backend domain to `propagateTraceHeaderCorsUrls` parameter:
-
-```javascript
-import SessionRecorder from '@multiplayer-app/session-recorder-browser'
-try {
-  SessionRecorder.init({
-    application: 'my-next-app',
-    version: '1.0.0',
-    environment: process.env.NEXT_PUBLIC_ENVIRONMENT ?? 'production',
-    apiKey: process.env.NEXT_PUBLIC_MULTIPLAYER_API_KEY!,
-    propagateTraceHeaderCorsUrls: new RegExp(`https://your.backend.api.domain`, 'i')
-  })
-} catch (error) {
-  console.warn('[SessionRecorder] init failed:', error)
-}
-```
-
-If frontend sends api requests to two or more different domains put them to `propagateTraceHeaderCorsUrls` as array:
-
-```javascript
-import SessionRecorder from '@multiplayer-app/session-recorder-browser'
-
-try {
-  SessionRecorder.init({
-    // ... other config ...
-    propagateTraceHeaderCorsUrls: [
-      new RegExp(`https://your.backend.api.domain`, 'i'),
-      new RegExp(`https://another.backend.api.domain`, 'i')
-    ]
-  })
-} catch (error) {
-  console.warn('[SessionRecorder] init failed:', error)
-}
-```
-
-### Framework notes
-
-- Next.js: initialize the browser SDK in a Client Component (see example in the browser README). Ensure it runs only in the browser.
-- CORS: when your frontend calls multiple API domains, set `propagateTraceHeaderCorsUrls` to match them so parent/child spans correlate across services.
+- React package: [@multiplayer-app/session-recorder-react](../session-recorder-react/README.md)
+- Next.js guide: [Next.js integration tips](../session-recorder-react/README.md#nextjs-integration-tips)
 
 ## Documentation
 

package/dist/browser/index.js

@@ -25094,7 +25094,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.31" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.32" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint

package/dist/exporters/index.js

@@ -9978,7 +9978,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.31" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.32" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint

package/dist/index.js

@@ -24143,7 +24143,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.31" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.32" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint

package/dist/index.umd.js

@@ -24317,7 +24317,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.31" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.32" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-browser",
-  "version": "1.2.31",
+  "version": "1.2.32",
   "description": "Multiplayer Fullstack Session Recorder for Browser",
   "author": {
     "name": "Multiplayer Software, Inc.",
@@ -70,7 +70,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@multiplayer-app/session-recorder-common": "1.2.31",
+    "@multiplayer-app/session-recorder-common": "1.2.32",
     "@opentelemetry/auto-instrumentations-web": "0.49.0",
     "@opentelemetry/context-zone": "2.0.1",
     "@opentelemetry/core": "2.0.1",