@multiplayer-app/session-recorder-react-native 1.0.1-beta.4 → 1.0.1-beta.5

package/src/config/defaults.ts

@@ -2,18 +2,18 @@ import {
   SessionRecorderSdk,
   MULTIPLAYER_BASE_API_URL,
   MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
-} from '@multiplayer-app/session-recorder-common'
+} from '@multiplayer-app/session-recorder-common';
 import {
   LogLevel,
   WidgetButtonPlacement,
   type SessionRecorderConfigs,
-} from '../types'
+} from '../types';
 import {
   OTEL_MP_SAMPLE_TRACE_RATIO,
   DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE,
-} from './constants'
+} from './constants';
 
-const { mask, sensitiveFields, sensitiveHeaders } = SessionRecorderSdk
+const { mask, sensitiveFields, sensitiveHeaders } = SessionRecorderSdk;
 
 export const DEFAULT_MASKING_CONFIG: SessionRecorderConfigs['masking'] = {
   isContentMaskingEnabled: true,
@@ -30,30 +30,36 @@ export const DEFAULT_MASKING_CONFIG: SessionRecorderConfigs['masking'] = {
   maskWebViews: false,
   maskTextInputs: true,
   maskSandboxedViews: false,
-}
-
-export const DEFAULT_WIDGET_TEXT_CONFIG: SessionRecorderConfigs['widget']['textOverrides'] = {
-  initialTitleWithContinuous: 'Encountered an issue?',
-  initialTitleWithoutContinuous: 'Encountered an issue?',
-  initialDescriptionWithContinuous: 'Record your session so we can see the problem and fix it faster.',
-  initialDescriptionWithoutContinuous: 'Record your session so we can see the problem and fix it faster.',
-  continuousRecordingLabel: 'Continuous recording',
-  startRecordingButtonText: 'Start recording',
-  finalTitle: 'Done recording?',
-  finalDescription: 'You can also add a quick note with extra context, expectations, or questions. Thank you!',
-  commentPlaceholder: 'Add a message...',
-  saveButtonText: 'Submit recording',
-  cancelButtonText: 'Cancel recording',
-  continuousOverlayTitle: 'Save time, skip the reproductions',
-  continuousOverlayDescription: 'We keep a rolling record of your recent activity. If something doesn’t work as expected, just save the recording and continue working. No need to worry about exceptions and errors - we automatically save recordings for those!',
-  saveLastSnapshotButtonText: 'Save recording',
-  submitDialogTitle: 'Save recording',
-  submitDialogSubtitle: 'This full-stack session recording will be saved directly to your selected Multiplayer project. All data is automatically correlated end-to-end.',
-  submitDialogCommentLabel: 'You can also add context, comments, or notes.',
-  submitDialogCommentPlaceholder: 'Add a message...',
-  submitDialogSubmitText: 'Save',
-  submitDialogCancelText: 'Cancel',
-}
+};
+
+export const DEFAULT_WIDGET_TEXT_CONFIG: SessionRecorderConfigs['widget']['textOverrides'] =
+  {
+    initialTitleWithContinuous: 'Encountered an issue?',
+    initialTitleWithoutContinuous: 'Encountered an issue?',
+    initialDescriptionWithContinuous:
+      'Record your session so we can see the problem and fix it faster.',
+    initialDescriptionWithoutContinuous:
+      'Record your session so we can see the problem and fix it faster.',
+    continuousRecordingLabel: 'Continuous recording',
+    startRecordingButtonText: 'Start recording',
+    finalTitle: 'Done recording?',
+    finalDescription:
+      'You can also add a quick note with extra context, expectations, or questions. Thank you!',
+    commentPlaceholder: 'Add a message...',
+    saveButtonText: 'Submit recording',
+    cancelButtonText: 'Cancel recording',
+    continuousOverlayTitle: 'Save time, skip the reproductions',
+    continuousOverlayDescription:
+      'We keep a rolling record of your recent activity. If something doesn’t work as expected, just save the recording and continue working. No need to worry about exceptions and errors - we automatically save recordings for those!',
+    saveLastSnapshotButtonText: 'Save recording',
+    submitDialogTitle: 'Save recording',
+    submitDialogSubtitle:
+      'This full-stack session recording will be saved directly to your selected Multiplayer project. All data is automatically correlated end-to-end.',
+    submitDialogCommentLabel: 'You can also add context, comments, or notes.',
+    submitDialogCommentPlaceholder: 'Add a message...',
+    submitDialogSubmitText: 'Save',
+    submitDialogCancelText: 'Cancel',
+  };
 
 export const BASE_CONFIG: SessionRecorderConfigs = {
   apiKey: '',
@@ -73,7 +79,6 @@ export const BASE_CONFIG: SessionRecorderConfigs = {
     textOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
   },
 
-
   apiBaseUrl: MULTIPLAYER_BASE_API_URL,
   exporterEndpoint: MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
 
@@ -89,7 +94,6 @@ export const BASE_CONFIG: SessionRecorderConfigs = {
   captureHeaders: true,
   masking: DEFAULT_MASKING_CONFIG,
 
-
   recordScreen: true,
   recordGestures: true,
   recordNavigation: true,
@@ -98,4 +102,4 @@ export const BASE_CONFIG: SessionRecorderConfigs = {
     enabled: false,
     level: LogLevel.INFO,
   },
-}
+};

package/src/config/index.ts

@@ -1,6 +1,6 @@
 // Export all config-related functions and constants
-export * from './constants'
-export * from './defaults'
-export * from './validators'
-export * from './masking'
-export * from './session-recorder'
+export * from './constants';
+export * from './defaults';
+export * from './validators';
+export * from './masking';
+export * from './session-recorder';

package/src/config/masking.ts

@@ -1,34 +1,60 @@
-import { type MaskingOptions, type SessionRecorderConfigs } from '../types'
-import { DEFAULT_MASKING_CONFIG } from './defaults'
-import { isValidArray, isValidBoolean, isValidFunction } from './validators'
-import { SessionRecorderSdk } from '@multiplayer-app/session-recorder-common'
+import { type MaskingOptions, type SessionRecorderConfigs } from '../types';
+import { DEFAULT_MASKING_CONFIG } from './defaults';
+import { isValidArray, isValidBoolean, isValidFunction } from './validators';
+import { SessionRecorderSdk } from '@multiplayer-app/session-recorder-common';
 
-const { mask, sensitiveFields, sensitiveHeaders } = SessionRecorderSdk
+const { mask, sensitiveFields, sensitiveHeaders } = SessionRecorderSdk;
 
-export const getMaskingConfig = (masking?: MaskingOptions): SessionRecorderConfigs['masking'] => {
-  const baseMasking = DEFAULT_MASKING_CONFIG
+export const getMaskingConfig = (
+  masking?: MaskingOptions
+): SessionRecorderConfigs['masking'] => {
+  const baseMasking = DEFAULT_MASKING_CONFIG;
 
   if (typeof masking !== 'object') {
-    return baseMasking
+    return baseMasking;
   }
 
-  const maskHeadersList = isValidArray(masking.maskHeadersList, sensitiveHeaders)
-  const maskBodyFieldsList = isValidArray(masking.maskBodyFieldsList, sensitiveFields)
+  const maskHeadersList = isValidArray(
+    masking.maskHeadersList,
+    sensitiveHeaders
+  );
+  const maskBodyFieldsList = isValidArray(
+    masking.maskBodyFieldsList,
+    sensitiveFields
+  );
 
   return {
     maskHeadersList,
     maskBodyFieldsList,
-    headersToInclude: isValidArray(masking.headersToInclude, baseMasking.headersToInclude),
-    headersToExclude: isValidArray(masking.headersToExclude, baseMasking.headersToExclude),
-    isContentMaskingEnabled: isValidBoolean(masking.isContentMaskingEnabled, baseMasking.isContentMaskingEnabled),
+    headersToInclude: isValidArray(
+      masking.headersToInclude,
+      baseMasking.headersToInclude
+    ),
+    headersToExclude: isValidArray(
+      masking.headersToExclude,
+      baseMasking.headersToExclude
+    ),
+    isContentMaskingEnabled: isValidBoolean(
+      masking.isContentMaskingEnabled,
+      baseMasking.isContentMaskingEnabled
+    ),
     maskBody: isValidFunction(masking.maskBody, mask(maskBodyFieldsList)),
     maskHeaders: isValidFunction(masking.maskHeaders, mask(maskHeadersList)),
     // Screen masking options
-    maskTextInputs: isValidBoolean(masking.maskTextInputs, baseMasking.maskTextInputs),
+    maskTextInputs: isValidBoolean(
+      masking.maskTextInputs,
+      baseMasking.maskTextInputs
+    ),
     maskImages: isValidBoolean(masking.maskImages, baseMasking.maskImages),
     maskButtons: isValidBoolean(masking.maskButtons, baseMasking.maskButtons),
     maskLabels: isValidBoolean(masking.maskLabels, baseMasking.maskLabels),
-    maskWebViews: isValidBoolean(masking.maskWebViews, baseMasking.maskWebViews),
-    maskSandboxedViews: isValidBoolean(masking.maskSandboxedViews, baseMasking.maskSandboxedViews),
-  }
-}
+    maskWebViews: isValidBoolean(
+      masking.maskWebViews,
+      baseMasking.maskWebViews
+    ),
+    maskSandboxedViews: isValidBoolean(
+      masking.maskSandboxedViews,
+      baseMasking.maskSandboxedViews
+    ),
+  };
+};

package/src/config/session-recorder.ts

@@ -1,30 +1,34 @@
-import { LogLevel, type SessionRecorderConfigs, type SessionRecorderOptions } from '../types'
+import {
+  LogLevel,
+  type SessionRecorderConfigs,
+  type SessionRecorderOptions,
+} from '../types';
 
-import { BASE_CONFIG } from './defaults'
-import { getMaskingConfig } from './masking'
+import { BASE_CONFIG } from './defaults';
+import { getMaskingConfig } from './masking';
 import {
   isValidString,
   isValidNumber,
   isValidBoolean,
-  isValidArray
-} from './validators'
-import { getWidgetConfig } from './widget'
-
+  isValidArray,
+} from './validators';
+import { getWidgetConfig } from './widget';
 
 const getLoggerConfig = (config: any) => {
   if (!config || typeof config !== 'object') {
-    return BASE_CONFIG.logger
+    return BASE_CONFIG.logger;
   }
   return {
     level: isValidNumber(config.level, LogLevel.INFO),
     enabled: isValidBoolean(config.enabled, false),
-  }
-}
-
+  };
+};
 
-export const getSessionRecorderConfig = (c: SessionRecorderOptions): SessionRecorderConfigs => {
+export const getSessionRecorderConfig = (
+  c: SessionRecorderOptions
+): SessionRecorderConfigs => {
   if (!c) {
-    return BASE_CONFIG
+    return BASE_CONFIG;
   }
 
   return {
@@ -33,27 +37,51 @@ export const getSessionRecorderConfig = (c: SessionRecorderOptions): SessionReco
     application: isValidString(c.application, BASE_CONFIG.application),
     environment: isValidString(c.environment, BASE_CONFIG.environment),
 
-    exporterEndpoint: isValidString(c.exporterEndpoint, BASE_CONFIG.exporterEndpoint),
+    exporterEndpoint: isValidString(
+      c.exporterEndpoint,
+      BASE_CONFIG.exporterEndpoint
+    ),
     apiBaseUrl: isValidString(c.apiBaseUrl, BASE_CONFIG.apiBaseUrl),
 
-    showContinuousRecording: isValidBoolean(c.showContinuousRecording, BASE_CONFIG.showContinuousRecording),
+    showContinuousRecording: isValidBoolean(
+      c.showContinuousRecording,
+      BASE_CONFIG.showContinuousRecording
+    ),
     ignoreUrls: isValidArray(c.ignoreUrls, BASE_CONFIG.ignoreUrls),
-    sampleTraceRatio: isValidNumber(c.sampleTraceRatio, BASE_CONFIG.sampleTraceRatio),
-    propagateTraceHeaderCorsUrls: c.propagateTraceHeaderCorsUrls || BASE_CONFIG.propagateTraceHeaderCorsUrls,
-    schemifyDocSpanPayload: isValidBoolean(c.schemifyDocSpanPayload, BASE_CONFIG.schemifyDocSpanPayload),
-    maxCapturingHttpPayloadSize: isValidNumber(c.maxCapturingHttpPayloadSize, BASE_CONFIG.maxCapturingHttpPayloadSize),
-
+    sampleTraceRatio: isValidNumber(
+      c.sampleTraceRatio,
+      BASE_CONFIG.sampleTraceRatio
+    ),
+    propagateTraceHeaderCorsUrls:
+      c.propagateTraceHeaderCorsUrls ||
+      BASE_CONFIG.propagateTraceHeaderCorsUrls,
+    schemifyDocSpanPayload: isValidBoolean(
+      c.schemifyDocSpanPayload,
+      BASE_CONFIG.schemifyDocSpanPayload
+    ),
+    maxCapturingHttpPayloadSize: isValidNumber(
+      c.maxCapturingHttpPayloadSize,
+      BASE_CONFIG.maxCapturingHttpPayloadSize
+    ),
 
     captureBody: isValidBoolean(c.captureBody, BASE_CONFIG.captureBody),
-    captureHeaders: isValidBoolean(c.captureHeaders, BASE_CONFIG.captureHeaders),
-
+    captureHeaders: isValidBoolean(
+      c.captureHeaders,
+      BASE_CONFIG.captureHeaders
+    ),
 
     recordScreen: isValidBoolean(c.recordScreen, BASE_CONFIG.recordScreen),
-    recordGestures: isValidBoolean(c.recordGestures, BASE_CONFIG.recordGestures),
-    recordNavigation: isValidBoolean(c.recordNavigation, BASE_CONFIG.recordNavigation),
+    recordGestures: isValidBoolean(
+      c.recordGestures,
+      BASE_CONFIG.recordGestures
+    ),
+    recordNavigation: isValidBoolean(
+      c.recordNavigation,
+      BASE_CONFIG.recordNavigation
+    ),
 
     masking: getMaskingConfig(c.masking),
     widget: getWidgetConfig(c.widget),
     logger: getLoggerConfig(c.logger),
-  }
-}
+  };
+};

package/src/config/validators.ts

@@ -2,30 +2,53 @@
  * Validation helper functions for configuration objects
  */
 
-export const isValidStringOrRegExp = (value: string | RegExp | undefined, defaultValue: string | RegExp) => {
-  return typeof value === 'string' || value instanceof RegExp ? value : defaultValue
-}
+export const isValidStringOrRegExp = (
+  value: string | RegExp | undefined,
+  defaultValue: string | RegExp
+) => {
+  return typeof value === 'string' || value instanceof RegExp
+    ? value
+    : defaultValue;
+};
 
-export const isValidString = <T extends string>(value: string | undefined | T, defaultValue: string) => {
-  return typeof value === 'string' ? value.trim() : defaultValue
-}
+export const isValidString = <T extends string>(
+  value: string | undefined | T,
+  defaultValue: string
+) => {
+  return typeof value === 'string' ? value.trim() : defaultValue;
+};
 
-export const isValidNumber = (value: number | undefined, defaultValue: number) => {
-  return typeof value === 'number' ? value : defaultValue
-}
+export const isValidNumber = (
+  value: number | undefined,
+  defaultValue: number
+) => {
+  return typeof value === 'number' ? value : defaultValue;
+};
 
-export const isValidBoolean = (value: boolean | undefined, defaultValue: boolean) => {
-  return typeof value === 'boolean' ? value : defaultValue
-}
+export const isValidBoolean = (
+  value: boolean | undefined,
+  defaultValue: boolean
+) => {
+  return typeof value === 'boolean' ? value : defaultValue;
+};
 
-export const isValidArray = <T>(value: ReadonlyArray<T> | undefined, defaultValue: ReadonlyArray<T>): T[] => {
-  return Array.isArray(value) ? [...value] as T[] : [...defaultValue] as T[]
-}
+export const isValidArray = <T>(
+  value: ReadonlyArray<T> | undefined,
+  defaultValue: ReadonlyArray<T>
+): T[] => {
+  return Array.isArray(value)
+    ? ([...value] as T[])
+    : ([...defaultValue] as T[]);
+};
 
-export const isValidEnum = <T>(value: any | T, defaultValue: T, enumValues: T[]): T => {
-  return enumValues.includes(value as T) ? value as T : defaultValue
-}
+export const isValidEnum = <T>(
+  value: any | T,
+  defaultValue: T,
+  enumValues: T[]
+): T => {
+  return enumValues.includes(value as T) ? (value as T) : defaultValue;
+};
 
 export const isValidFunction = (value: any, defaultValue: any) => {
-  return typeof value === 'function' ? value : defaultValue
-}
+  return typeof value === 'function' ? value : defaultValue;
+};

package/src/config/widget.ts

@@ -1,38 +1,47 @@
-import { type SessionRecorderOptions, WidgetButtonPlacement } from "../types"
-import { BASE_CONFIG } from "./defaults"
-import { isValidBoolean, isValidEnum, isValidString } from "./validators"
+import { type SessionRecorderOptions, WidgetButtonPlacement } from '../types';
+import { BASE_CONFIG } from './defaults';
+import { isValidBoolean, isValidEnum, isValidString } from './validators';
 
 export const getWidgetConfig = (config: SessionRecorderOptions['widget']) => {
-  const textOverrides = getTextOverridesConfig(config?.textOverrides, BASE_CONFIG.widget.textOverrides)
+  const textOverrides = getTextOverridesConfig(
+    config?.textOverrides,
+    BASE_CONFIG.widget.textOverrides
+  );
 
   const def = {
     enabled: true,
     button: { visible: true, placement: WidgetButtonPlacement.bottomRight },
     textOverrides,
-  }
+  };
 
-  const placementCandidate = config?.button?.placement || def.button.placement
+  const placementCandidate = config?.button?.placement || def.button.placement;
 
   return {
     textOverrides,
     enabled: isValidBoolean(config && config.enabled, def.enabled),
     button: {
-      visible: isValidBoolean(config && config.button && config.button.visible, def.button.visible),
+      visible: isValidBoolean(
+        config && config.button && config.button.visible,
+        def.button.visible
+      ),
       placement: isValidEnum<WidgetButtonPlacement>(
         placementCandidate,
         def.button.placement,
         Object.values(WidgetButtonPlacement)
       ),
     },
-  }
-}
+  };
+};
 
 const getTextOverridesConfig = (config: any, defaultConfig: any) => {
   if (!config || typeof config !== 'object') {
-    return defaultConfig
+    return defaultConfig;
   }
-  return Object.keys(defaultConfig).reduce((acc, key) => {
-    acc[key] = isValidString(config[key], defaultConfig[key])
-    return acc
-  }, {} as Record<string, unknown>)
-}
+  return Object.keys(defaultConfig).reduce(
+    (acc, key) => {
+      acc[key] = isValidString(config[key], defaultConfig[key]);
+      return acc;
+    },
+    {} as Record<string, unknown>
+  );
+};

package/src/context/SessionRecorderStore.ts

@@ -1,21 +1,22 @@
-import { createStore, type Store } from '../utils/createStore'
-import { SessionType } from '@multiplayer-app/session-recorder-common'
-import { SessionState } from '../types'
+import { createStore, type Store } from '../utils/createStore';
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { SessionState } from '../types';
 
 export type SessionRecorderState = {
-  isInitialized: boolean
-  sessionType: SessionType | null
-  sessionState: SessionState | null
-  isWidgetModalVisible: boolean
-  isOnline: boolean
-  error: string | null
-}
+  isInitialized: boolean;
+  sessionType: SessionType | null;
+  sessionState: SessionState | null;
+  isWidgetModalVisible: boolean;
+  isOnline: boolean;
+  error: string | null;
+};
 
-export const sessionRecorderStore: Store<SessionRecorderState> = createStore<SessionRecorderState>({
-  isInitialized: false,
-  sessionType: null,
-  sessionState: null,
-  isWidgetModalVisible: false,
-  isOnline: true,
-  error: null,
-})
+export const sessionRecorderStore: Store<SessionRecorderState> =
+  createStore<SessionRecorderState>({
+    isInitialized: false,
+    sessionType: null,
+    sessionState: null,
+    isWidgetModalVisible: false,
+    isOnline: true,
+    error: null,
+  });

package/src/context/useSessionRecorderStore.ts

@@ -1,27 +1,34 @@
-import { SessionType } from "@multiplayer-app/session-recorder-common"
-import { SessionState } from "../types"
-import { useStoreSelector } from "./useStoreSelector"
-import { type SessionRecorderState, sessionRecorderStore } from "./SessionRecorderStore"
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { SessionState } from '../types';
+import { useStoreSelector } from './useStoreSelector';
+import {
+  type SessionRecorderState,
+  sessionRecorderStore,
+} from './SessionRecorderStore';
 
 export function useSessionRecorderStore<TSlice>(
   selector: (s: SessionRecorderState) => TSlice,
   equalityFn?: (a: TSlice, b: TSlice) => boolean
 ): TSlice {
-  return useStoreSelector<SessionRecorderState, TSlice>(sessionRecorderStore, selector, equalityFn)
+  return useStoreSelector<SessionRecorderState, TSlice>(
+    sessionRecorderStore,
+    selector,
+    equalityFn
+  );
 }
 
 export function useSessionRecordingState() {
-  return useSessionRecorderStore<SessionState | null>((s) => s.sessionState)
+  return useSessionRecorderStore<SessionState | null>((s) => s.sessionState);
 }
 
 export function useSessionType() {
-  return useSessionRecorderStore<SessionType | null>((s) => s.sessionType)
+  return useSessionRecorderStore<SessionType | null>((s) => s.sessionType);
 }
 
 export function useIsInitialized() {
-  return useSessionRecorderStore<boolean>((s) => s.isInitialized)
+  return useSessionRecorderStore<boolean>((s) => s.isInitialized);
 }
 
 export function useWidgetModalVisible() {
-  return useSessionRecorderStore<boolean>((s) => s.isWidgetModalVisible)
-}
+  return useSessionRecorderStore<boolean>((s) => s.isWidgetModalVisible);
+}

package/src/context/useStoreSelector.ts

@@ -1,34 +1,36 @@
-import { useEffect, useRef, useState } from 'react'
-import { type Store } from '../utils/createStore'
-import { shallowEqual } from '../utils/shallowEqual'
+import { useEffect, useRef, useState } from 'react';
+import { type Store } from '../utils/createStore';
+import { shallowEqual } from '../utils/shallowEqual';
 
 export function useStoreSelector<TState extends object, TSlice>(
   store: Store<TState>,
   selector: (state: TState) => TSlice,
-  equalityFn: (a: TSlice, b: TSlice) => boolean = Object.is,
+  equalityFn: (a: TSlice, b: TSlice) => boolean = Object.is
 ): TSlice {
-  const latestSelectorRef = useRef(selector)
-  const latestEqualityRef = useRef(equalityFn)
-  latestSelectorRef.current = selector
-  latestEqualityRef.current = equalityFn
+  const latestSelectorRef = useRef(selector);
+  const latestEqualityRef = useRef(equalityFn);
+  latestSelectorRef.current = selector;
+  latestEqualityRef.current = equalityFn;
 
-  const [slice, setSlice] = useState<TSlice>(() => latestSelectorRef.current(store.getState()))
+  const [slice, setSlice] = useState<TSlice>(() =>
+    latestSelectorRef.current(store.getState())
+  );
 
   useEffect(() => {
     function handleChange(nextState: TState, prevState: TState) {
-      const nextSlice = latestSelectorRef.current(nextState)
-      const prevSlice = latestSelectorRef.current(prevState)
+      const nextSlice = latestSelectorRef.current(nextState);
+      const prevSlice = latestSelectorRef.current(prevState);
       if (!latestEqualityRef.current(nextSlice, prevSlice)) {
-        setSlice(nextSlice)
+        setSlice(nextSlice);
       }
     }
-    const unsubscribe = store.subscribe(handleChange)
+    const unsubscribe = store.subscribe(handleChange);
     // Sync once in case changed between render and effect
-    handleChange(store.getState(), store.getState())
-    return unsubscribe
-  }, [store])
+    handleChange(store.getState(), store.getState());
+    return unsubscribe;
+  }, [store]);
 
-  return slice
+  return slice;
 }
 
-export const shallow = shallowEqual
+export const shallow = shallowEqual;

package/src/index.ts

@@ -1,10 +1,10 @@
-import './patch'
-import SessionRecorder from './session-recorder'
-export * from '@multiplayer-app/session-recorder-common'
-export * from './context/SessionRecorderContext'
-export * from './context/useSessionRecorderStore'
+import './patch';
+import SessionRecorder from './session-recorder';
+export * from '@multiplayer-app/session-recorder-common';
+export * from './context/SessionRecorderContext';
+export * from './context/useSessionRecorderStore';
 
 // Export the class for type checking
-export { SessionRecorder }
+export { SessionRecorder };
 // Export the instance as default
-export default SessionRecorder
+export default SessionRecorder;