@multiplayer-app/session-recorder-react-native 0.0.1-alpha.1 → 0.0.1-alpha.10

package/src/utils/rrweb-events.ts

@@ -0,0 +1,309 @@
+import { Dimensions } from 'react-native'
+import { EventType, eventWithTime, NodeType, serializedNodeWithId, IncrementalSource, mutationData } from '@rrweb/types'
+
+/**
+ * Creates a meta event to mark the start of recording
+ * @param sessionId - The session ID
+ * @param sessionType - The type of session (PLAIN or CONTINUOUS)
+ * @param additionalData - Additional data to include in the meta event
+ * @returns MetaEvent object
+ */
+export function createRecordingMetaEvent(): eventWithTime {
+  const screenDimensions = Dimensions.get('window')
+
+  return {
+    type: EventType.Meta,
+    data: {
+      href: 'https://go.multiplayer.app/session-recorder-react-native',
+      width: screenDimensions.width,
+      height: screenDimensions.height,
+    },
+    timestamp: Date.now(),
+  }
+}
+
+/**
+ * Create a full snapshot event with the given base64 image
+ * @param base64Image - Base64 encoded image data
+ * @param width - Screen width
+ * @param height - Screen height
+ * @param captureFormat - Image format (png, jpg, etc.)
+ * @param nodeIdCounter - Starting node ID counter (will be modified)
+ * @returns Full snapshot event
+ */
+export function createFullSnapshotEvent(
+  base64Image: string,
+  width: number,
+  height: number,
+  captureFormat: string = 'jpg',
+  nodeIdCounter: { current: number },
+): eventWithTime {
+  // Create a virtual DOM node representing the screen as an image
+  const imageNode: serializedNodeWithId = {
+    type: NodeType.Element,
+    id: 0,
+    tagName: 'img',
+    attributes: {
+      src: `data:image/${captureFormat};base64,${base64Image}`,
+      width: width.toString(),
+      height: height.toString(),
+      style: `width: ${width}px; height: ${height}px;`,
+    },
+    childNodes: [],
+  }
+
+  // Create the root container
+  const rootNode: serializedNodeWithId = {
+    type: NodeType.Element,
+    id: nodeIdCounter.current++,
+    tagName: 'div',
+    attributes: {
+      style: `width: ${width}px; height: ${height}px; position: relative;`,
+    },
+    childNodes: [imageNode],
+  }
+
+  const domNode: serializedNodeWithId = {
+    type: NodeType.Document,
+    childNodes: [
+      {
+        type: NodeType.DocumentType,
+        name: 'html',
+        publicId: '',
+        systemId: '',
+        id: nodeIdCounter.current++,
+      },
+      {
+        type: NodeType.Element,
+        tagName: 'html',
+        attributes: {},
+        childNodes: [
+          {
+            type: NodeType.Element,
+            tagName: 'head',
+            attributes: {},
+            childNodes: [
+              {
+                type: NodeType.Element,
+                tagName: 'meta',
+                attributes: { charset: 'utf-8' },
+                childNodes: [],
+                id: nodeIdCounter.current++,
+              },
+              {
+                type: NodeType.Element,
+                tagName: 'meta',
+                attributes: {
+                  name: 'viewport',
+                  content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
+                },
+                childNodes: [],
+                id: nodeIdCounter.current++,
+              },
+            ],
+            id: nodeIdCounter.current++,
+          },
+          {
+            type: NodeType.Element,
+            tagName: 'body',
+            attributes: {},
+            childNodes: [rootNode],
+            id: nodeIdCounter.current++,
+          },
+        ],
+        id: nodeIdCounter.current++,
+      },
+    ],
+    id: nodeIdCounter.current++,
+  }
+
+  return {
+    type: EventType.FullSnapshot,
+    data: {
+      node: domNode,
+      initialOffset: { left: 0, top: 0 },
+    },
+    timestamp: Date.now(),
+  }
+}
+
+/**
+ * Create an incremental snapshot event with mutation data to update image src
+ * @param base64Image - New base64 encoded image data
+ * @param imageNodeId - ID of the image node to update
+ * @param captureFormat - Image format (png, jpg, etc.)
+ * @returns Incremental snapshot event with mutation data
+ */
+export function createIncrementalSnapshotWithImageUpdate(
+  base64Image: string,
+  captureFormat: string = 'jpg',
+): eventWithTime {
+  const mutationData: mutationData = {
+    source: IncrementalSource.Mutation,
+    texts: [],
+    attributes: [
+      {
+        id: 0,
+        attributes: {
+          src: `data:image/${captureFormat};base64,${base64Image}`,
+        },
+      },
+    ],
+    removes: [],
+    adds: [],
+  }
+
+  return {
+    type: EventType.IncrementalSnapshot,
+    data: mutationData,
+    timestamp: Date.now(),
+  }
+}
+
+/**
+ * Create a simple image node for React Native screen capture
+ * @param base64Image - Base64 encoded image data
+ * @param width - Image width
+ * @param height - Image height
+ * @param captureFormat - Image format (png, jpg, etc.)
+ * @param nodeId - Node ID for the image
+ * @returns Serialized node with ID
+ */
+export function createImageNode(
+  base64Image: string,
+  width: number,
+  height: number,
+  captureFormat: string = 'jpg',
+  nodeId: number,
+): serializedNodeWithId {
+  return {
+    type: NodeType.Element,
+    id: nodeId,
+    tagName: 'img',
+    attributes: {
+      src: `data:image/${captureFormat};base64,${base64Image}`,
+      width: width.toString(),
+      height: height.toString(),
+      style: `width: ${width}px; height: ${height}px;`,
+    },
+    childNodes: [],
+  }
+}
+
+/**
+ * Create a document node for React Native screen capture
+ * @param imageNode - The image node to include
+ * @param width - Screen width
+ * @param height - Screen height
+ * @param nodeIdCounter - Node ID counter (will be modified)
+ * @returns Document node
+ */
+export function createDocumentNode(
+  imageNode: serializedNodeWithId,
+  width: number,
+  height: number,
+  nodeIdCounter: { current: number },
+): serializedNodeWithId {
+  // Create the root container
+  const rootNode: serializedNodeWithId = {
+    type: NodeType.Element,
+    id: nodeIdCounter.current++,
+    tagName: 'div',
+    attributes: {
+      style: `width: ${width}px; height: ${height}px; position: relative;`,
+    },
+    childNodes: [imageNode],
+  }
+
+  return {
+    type: NodeType.Document,
+    childNodes: [
+      {
+        type: NodeType.DocumentType,
+        name: 'html',
+        publicId: '',
+        systemId: '',
+        id: nodeIdCounter.current++,
+      },
+      {
+        type: NodeType.Element,
+        tagName: 'html',
+        attributes: {},
+        childNodes: [
+          {
+            type: NodeType.Element,
+            tagName: 'head',
+            attributes: {},
+            childNodes: [
+              {
+                type: NodeType.Element,
+                tagName: 'meta',
+                attributes: { charset: 'utf-8' },
+                childNodes: [],
+                id: nodeIdCounter.current++,
+              },
+              {
+                type: NodeType.Element,
+                tagName: 'meta',
+                attributes: {
+                  name: 'viewport',
+                  content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
+                },
+                childNodes: [],
+                id: nodeIdCounter.current++,
+              },
+            ],
+            id: nodeIdCounter.current++,
+          },
+          {
+            type: NodeType.Element,
+            tagName: 'body',
+            attributes: {},
+            childNodes: [rootNode],
+            id: nodeIdCounter.current++,
+          },
+        ],
+        id: nodeIdCounter.current++,
+      },
+    ],
+    id: nodeIdCounter.current++,
+  }
+}
+
+/**
+ * Generate a simple hash for screen comparison
+ * This is a lightweight hash that focuses on the beginning and end of the base64 string
+ * to detect changes without doing a full comparison
+ * @param base64Image - Base64 encoded image
+ * @param sampleSize - Number of characters to sample from each part
+ * @returns Hash string for comparison
+ */
+export function generateScreenHash(base64Image: string, sampleSize: number = 100): string {
+  // Use a simple hash that samples the beginning, middle, and end of the base64 string
+  // This is much faster than comparing the entire string
+  const start = base64Image.substring(0, sampleSize)
+  const middle = base64Image.substring(
+    Math.floor(base64Image.length / 2) - sampleSize / 2,
+    Math.floor(base64Image.length / 2) + sampleSize / 2,
+  )
+  const end = base64Image.substring(base64Image.length - sampleSize)
+
+  // Combine samples and create a simple hash
+  const combined = start + middle + end
+  return simpleHash(combined)
+}
+
+/**
+ * Simple hash function for string comparison
+ * @param str - String to hash
+ * @returns Hash value as string
+ */
+export function simpleHash(str: string): string {
+  let hash = 0
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i)
+    hash = (hash << 5) - hash + char
+    hash = hash & hash // Convert to 32-bit integer
+  }
+  return Math.abs(hash).toString(36)
+}

package/src/utils/session.ts

@@ -0,0 +1,18 @@
+import { DEBUG_SESSION_MAX_DURATION_SECONDS } from '../config/constants'
+
+/**
+ * Session-related utility functions for React Native
+ */
+
+export const isSessionActive = (session: any, continuousRecording: boolean): boolean => {
+  if (!session) return false
+  if (continuousRecording) return true
+  const startedAt = new Date(session.startedAt || session.createdAt)
+  const now = new Date()
+  const diff = now.getTime() - startedAt.getTime()
+  return diff < DEBUG_SESSION_MAX_DURATION_SECONDS * 1000
+}
+
+export const isConsoleEvent = (event: any): boolean => {
+  return event.type === 'Plugin' && event.data?.plugin === 'rrweb/console@1'
+}

package/src/utils/time.ts

@@ -0,0 +1,17 @@
+/**
+ * Time and date utility functions for React Native
+ */
+
+export const getFormattedDate = (date: number | Date, options?: any): string => {
+  return new Date(date).toLocaleDateString(
+    'en-US',
+    options || {
+      month: 'short',
+      year: 'numeric',
+      day: 'numeric',
+      hour: 'numeric',
+      minute: '2-digit',
+      second: '2-digit',
+    },
+  )
+}

package/src/utils/type-utils.ts

@@ -0,0 +1,75 @@
+const nativeIsArray = Array.isArray
+const ObjProto = Object.prototype
+export const hasOwnProperty = ObjProto.hasOwnProperty
+const toString = ObjProto.toString
+
+export const isArray =
+  nativeIsArray ||
+  function (obj: any): obj is any[] {
+    return toString.call(obj) === '[object Array]'
+  }
+export const isUint8Array = function (x: unknown): x is Uint8Array {
+  return toString.call(x) === '[object Uint8Array]'
+}
+// from a comment on http://dbj.org/dbj/?p=286
+// fails on only one very rare and deliberate custom object:
+// let bomb = { toString : undefined, valueOf: function(o) { return "function BOMBA!"; }};
+export const isFunction = function (f: any): f is (...args: any[]) => any {
+  return typeof f === 'function'
+}
+// Underscore Addons
+export const isObject = function (x: unknown): x is Record<string, any> {
+  return x === Object(x) && !isArray(x)
+}
+export const isEmptyObject = function (x: unknown): x is Record<string, any> {
+  if (isObject(x)) {
+    for (const key in x) {
+      if (hasOwnProperty.call(x, key)) {
+        return false
+      }
+    }
+    return true
+  }
+  return false
+}
+export const isUndefined = function (x: unknown): x is undefined {
+  return x === void 0
+}
+
+export const isString = function (x: unknown): x is string {
+  return toString.call(x) == '[object String]'
+}
+
+export const isEmptyString = function (x: unknown): boolean {
+  return isString(x) && x.trim().length === 0
+}
+
+export const isNull = function (x: unknown): x is null {
+  return x === null
+}
+
+/*
+    sometimes you want to check if something is null or undefined
+    that's what this is for
+ */
+export const isNullish = function (x: unknown): x is null | undefined {
+  return isUndefined(x) || isNull(x)
+}
+
+export const isDate = function (x: unknown): x is Date {
+  return toString.call(x) == '[object Date]'
+}
+export const isNumber = function (x: unknown): x is number {
+  return toString.call(x) == '[object Number]'
+}
+export const isBoolean = function (x: unknown): x is boolean {
+  return toString.call(x) === '[object Boolean]'
+}
+
+export const isFormData = (x: unknown): x is FormData => {
+  return x instanceof FormData
+}
+
+export const isFile = (x: unknown): x is File => {
+  return x instanceof File
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = "0.0.1-alpha.1"
+export const version = "0.0.1-alpha.10"

package/dist/sessionRecorder.d.ts

@@ -1,54 +0,0 @@
-import { SessionRecorderOptions } from './types';
-import { SessionType } from '@multiplayer-app/session-recorder-common';
-export declare enum SessionState {
-    started = "2",
-    paused = "1",
-    stopped = "0"
-}
-export interface ISession {
-    id: string;
-    shortId: string;
-    type: SessionType;
-    state: SessionState;
-    createdAt: string;
-    updatedAt: string;
-    tempApiKey?: string;
-    metadata?: Record<string, any>;
-}
-export declare class SessionRecorder {
-    private _configs;
-    private _tracer;
-    private _recorder;
-    private _apiService;
-    private _storageService;
-    private _session;
-    private _isInitialized;
-    constructor();
-    init(options: SessionRecorderOptions): Promise<void>;
-    start(sessionId?: string, sessionType?: SessionType): Promise<void>;
-    stop(): Promise<void>;
-    pause(): Promise<void>;
-    resume(): Promise<void>;
-    cancel(): Promise<void>;
-    save(): Promise<void>;
-    setNavigationRef(ref: any): void;
-    enableGestureTracking(): void;
-    disableGestureTracking(): void;
-    recordTap(x: number, y: number, target?: string): void;
-    recordSwipe(direction: string, target?: string): void;
-    recordNavigate(routeName: string, params?: Record<string, any>): void;
-    recordGoBack(): void;
-    setSessionAttribute(key: string, value: any): void;
-    getSessionAttribute(key: string): any;
-    getCurrentSession(): ISession | null;
-    getStoredSessionData(): Promise<{
-        sessionId: string | null;
-        sessionType: SessionType | null;
-        sessionState: SessionState | null;
-        sessionObject: ISession | null;
-    }>;
-    startTrace(name: string, attributes?: Record<string, any>): any;
-    endTrace(span: any, status?: any): void;
-    captureException(error: Error, context?: Record<string, any>): void;
-    shutdown(): Promise<void>;
-}

package/dist/sessionRecorder.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.SessionState=exports.SessionRecorder=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _otel=require("./otel");var _recorder=require("./recorder");var _api=require("./services/api.service");var _storage=require("./services/storage.service");var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var SessionState;(function(SessionState){SessionState["started"]="2";SessionState["paused"]="1";SessionState["stopped"]="0";})(SessionState||(exports.SessionState=SessionState={}));var SessionRecorder=exports.SessionRecorder=function(){function SessionRecorder(){(0,_classCallCheck2["default"])(this,SessionRecorder);this._configs=null;this._session=null;this._isInitialized=false;this._tracer=new _otel.TracerReactNativeSDK();this._recorder=new _recorder.RecorderReactNativeSDK();this._apiService=new _api.ApiService();this._storageService=new _storage.StorageService();}return(0,_createClass2["default"])(SessionRecorder,[{key:"init",value:function(){var _init=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(options){var tracerConfig,recorderConfig;return _regenerator["default"].wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:if(!this._isInitialized){_context.next=1;break;}console.warn('SessionRecorder already initialized');return _context.abrupt("return");case 1:this._configs=options;tracerConfig={apiKey:options.apiKey,application:options.application,version:options.version,environment:options.environment,exporterEndpoint:options.exporterEndpoint,ignoreUrls:options.ignoreUrls,captureBody:options.captureBody,captureHeaders:options.captureHeaders,sampleTraceRatio:options.sampleTraceRatio,httpMasking:options.httpMasking};this._tracer.init(tracerConfig);recorderConfig={apiKey:options.apiKey,apiBaseUrl:options.apiBaseUrl,recordScreen:options.recordScreen,recordGestures:options.recordGestures,recordNavigation:options.recordNavigation};this._recorder.init(recorderConfig);this._apiService.init(options);this._isInitialized=true;console.log('SessionRecorder initialized successfully');case 2:case"end":return _context.stop();}},_callee,this);}));function init(_x){return _init.apply(this,arguments);}return init;}()},{key:"start",value:function(){var _start=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(sessionId){var sessionType,_args2=arguments,_t;return _regenerator["default"].wrap(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:sessionType=_args2.length>1&&_args2[1]!==undefined?_args2[1]:_sessionRecorderCommon.SessionType.PLAIN;if(this._isInitialized){_context2.next=1;break;}throw new Error('SessionRecorder not initialized. Call init() first.');case 1:if(this._configs){_context2.next=2;break;}throw new Error('Configuration not found');case 2:_context2.prev=2;if(!sessionId){_context2.next=3;break;}this._session={id:sessionId,shortId:sessionId.substring(0,8),type:sessionType,state:SessionState.started,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};_context2.next=5;break;case 3:_context2.next=4;return this._apiService.startSession({application:this._configs.application,version:this._configs.version,environment:this._configs.environment});case 4:this._session=_context2.sent;case 5:if(this._session){_context2.next=6;break;}throw new Error('Failed to create session');case 6:this._tracer.setSessionId(this._session.id,this._session.type);this._recorder.start(this._session.id,this._session.type);_context2.next=7;return this._storageService.saveSessionId(this._session.id);case 7:_context2.next=8;return this._storageService.saveSessionType(this._session.type);case 8:_context2.next=9;return this._storageService.saveSessionState(this._session.state);case 9:_context2.next=10;return this._storageService.saveSessionObject(this._session);case 10:console.log('Session started:',this._session.id);_context2.next=12;break;case 11:_context2.prev=11;_t=_context2["catch"](2);console.error('Failed to start session:',_t);throw _t;case 12:case"end":return _context2.stop();}},_callee2,this,[[2,11]]);}));function start(_x2){return _start.apply(this,arguments);}return start;}()},{key:"stop",value:function(){var _stop=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(){var _t2;return _regenerator["default"].wrap(function(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(!this._isInitialized||!this._session)){_context3.next=1;break;}console.warn('Session not active');return _context3.abrupt("return");case 1:_context3.prev=1;this._recorder.stop();this._session.state=SessionState.stopped;this._session.updatedAt=new Date().toISOString();_context3.next=2;return this._storageService.saveSessionState(this._session.state);case 2:_context3.next=3;return this._storageService.saveSessionObject(this._session);case 3:_context3.next=4;return this._apiService.stopSession({sessionId:this._session.id});case 4:console.log('Session stopped:',this._session.id);_context3.next=6;break;case 5:_context3.prev=5;_t2=_context3["catch"](1);console.error('Failed to stop session:',_t2);throw _t2;case 6:case"end":return _context3.stop();}},_callee3,this,[[1,5]]);}));function stop(){return _stop.apply(this,arguments);}return stop;}()},{key:"pause",value:function(){var _pause=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(){var _t3;return _regenerator["default"].wrap(function(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(!this._isInitialized||!this._session)){_context4.next=1;break;}console.warn('Session not active');return _context4.abrupt("return");case 1:_context4.prev=1;this._recorder.pause();this._session.state=SessionState.paused;this._session.updatedAt=new Date().toISOString();_context4.next=2;return this._storageService.saveSessionState(this._session.state);case 2:_context4.next=3;return this._storageService.saveSessionObject(this._session);case 3:console.log('Session paused:',this._session.id);_context4.next=5;break;case 4:_context4.prev=4;_t3=_context4["catch"](1);console.error('Failed to pause session:',_t3);throw _t3;case 5:case"end":return _context4.stop();}},_callee4,this,[[1,4]]);}));function pause(){return _pause.apply(this,arguments);}return pause;}()},{key:"resume",value:function(){var _resume=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(){var _t4;return _regenerator["default"].wrap(function(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!(!this._isInitialized||!this._session)){_context5.next=1;break;}console.warn('Session not active');return _context5.abrupt("return");case 1:_context5.prev=1;this._recorder.resume();this._session.state=SessionState.started;this._session.updatedAt=new Date().toISOString();_context5.next=2;return this._storageService.saveSessionState(this._session.state);case 2:_context5.next=3;return this._storageService.saveSessionObject(this._session);case 3:console.log('Session resumed:',this._session.id);_context5.next=5;break;case 4:_context5.prev=4;_t4=_context5["catch"](1);console.error('Failed to resume session:',_t4);throw _t4;case 5:case"end":return _context5.stop();}},_callee5,this,[[1,4]]);}));function resume(){return _resume.apply(this,arguments);}return resume;}()},{key:"cancel",value:function(){var _cancel=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(){var _t5;return _regenerator["default"].wrap(function(_context6){while(1)switch(_context6.prev=_context6.next){case 0:if(!(!this._isInitialized||!this._session)){_context6.next=1;break;}console.warn('Session not active');return _context6.abrupt("return");case 1:_context6.prev=1;this._recorder.stop();_context6.next=2;return this._storageService.clearSessionData();case 2:_context6.next=3;return this._apiService.stopSession({sessionId:this._session.id});case 3:this._session=null;console.log('Session cancelled');_context6.next=5;break;case 4:_context6.prev=4;_t5=_context6["catch"](1);console.error('Failed to cancel session:',_t5);throw _t5;case 5:case"end":return _context6.stop();}},_callee6,this,[[1,4]]);}));function cancel(){return _cancel.apply(this,arguments);}return cancel;}()},{key:"save",value:function(){var _save=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(){var _t6;return _regenerator["default"].wrap(function(_context7){while(1)switch(_context7.prev=_context7.next){case 0:if(!(!this._isInitialized||!this._session)){_context7.next=1;break;}console.warn('Session not active');return _context7.abrupt("return");case 1:_context7.prev=1;_context7.next=2;return this._apiService.saveSession(this._session.id);case 2:console.log('Session saved:',this._session.id);_context7.next=4;break;case 3:_context7.prev=3;_t6=_context7["catch"](1);console.error('Failed to save session:',_t6);throw _t6;case 4:case"end":return _context7.stop();}},_callee7,this,[[1,3]]);}));function save(){return _save.apply(this,arguments);}return save;}()},{key:"setNavigationRef",value:function setNavigationRef(ref){if(this._isInitialized){this._tracer.setNavigationRef(ref);this._recorder.setNavigationRef(ref);}}},{key:"enableGestureTracking",value:function enableGestureTracking(){if(this._isInitialized){this._tracer.enableGestureTracking();}}},{key:"disableGestureTracking",value:function disableGestureTracking(){if(this._isInitialized){this._tracer.disableGestureTracking();}}},{key:"recordTap",value:function recordTap(x,y,target){if(this._isInitialized){this._tracer.recordTap(x,y,target);}}},{key:"recordSwipe",value:function recordSwipe(direction,target){if(this._isInitialized){this._tracer.recordSwipe(direction,target);}}},{key:"recordNavigate",value:function recordNavigate(routeName,params){if(this._isInitialized){this._tracer.recordNavigate(routeName,params);}}},{key:"recordGoBack",value:function recordGoBack(){if(this._isInitialized){this._tracer.recordGoBack();}}},{key:"setSessionAttribute",value:function setSessionAttribute(key,value){if(this._session){if(!this._session.metadata){this._session.metadata={};}this._session.metadata[key]=value;this._session.updatedAt=new Date().toISOString();}}},{key:"getSessionAttribute",value:function getSessionAttribute(key){var _a,_b;return(_b=(_a=this._session)===null||_a===void 0?void 0:_a.metadata)===null||_b===void 0?void 0:_b[key];}},{key:"getCurrentSession",value:function getCurrentSession(){return this._session;}},{key:"getStoredSessionData",value:function(){var _getStoredSessionData=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(){return _regenerator["default"].wrap(function(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=1;return this._storageService.getAllSessionData();case 1:return _context8.abrupt("return",_context8.sent);case 2:case"end":return _context8.stop();}},_callee8,this);}));function getStoredSessionData(){return _getStoredSessionData.apply(this,arguments);}return getStoredSessionData;}()},{key:"startTrace",value:function startTrace(name,attributes){if(this._isInitialized){return this._tracer.startTrace(name,attributes);}return null;}},{key:"endTrace",value:function endTrace(span,status){if(this._isInitialized&&span){this._tracer.endTrace(span,status);}}},{key:"captureException",value:function captureException(error,context){if(this._isInitialized){this._tracer.captureException(error,context);}}},{key:"shutdown",value:function(){var _shutdown=(0,_asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(){return _regenerator["default"].wrap(function(_context9){while(1)switch(_context9.prev=_context9.next){case 0:if(!this._isInitialized){_context9.next=3;break;}_context9.next=1;return this.stop();case 1:_context9.next=2;return this._tracer.shutdown();case 2:this._isInitialized=false;console.log('SessionRecorder shutdown');case 3:case"end":return _context9.stop();}},_callee9,this);}));function shutdown(){return _shutdown.apply(this,arguments);}return shutdown;}()}]);}();

package/dist/sessionRecorder.js.map

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

package/examples/sample-expo-app/README.md

@@ -1,142 +0,0 @@
-# Enhanced Sample Expo React Native App
-
-This is an enhanced sample Expo React Native app that demonstrates multiple pages, navigation, and API integration with JSONPlaceholder.
-
-## Features
-
-### 🏠 Home Screen
-
-- Welcome page with feature overview
-- Quick navigation to Posts and Users sections
-- Information about the app's capabilities
-
-### 📝 Posts Tab
-
-- Displays posts from JSONPlaceholder API
-- Pull-to-refresh functionality
-- Tap to view post details with comments
-- Loading states and error handling
-
-### 👥 Users Tab
-
-- Shows user profiles from JSONPlaceholder API
-- User avatars and basic information
-- Tap to view detailed user profiles
-- Displays user's posts
-
-### 📄 Post Details
-
-- Full post content with title and body
-- Comments section with all post comments
-- Navigation to user profile
-- Back navigation
-
-### 👤 User Details
-
-- Complete user profile information
-- Contact details (email, phone, website)
-- Company information
-- Address details
-- User's posts list
-- Navigation to individual posts
-
-## API Integration
-
-The app integrates with [JSONPlaceholder](https://jsonplaceholder.typicode.com/) API to demonstrate:
-
-- **Posts API**: Fetch all posts, individual posts, and post comments
-- **Users API**: Fetch all users, individual users, and user posts
-- **Error Handling**: Proper error states with retry functionality
-- **Loading States**: Loading spinners and progress indicators
-- **Data Management**: Custom hooks for API state management
-
-## Technical Stack
-
-- **Expo Router**: File-based navigation
-- **React Native**: Cross-platform mobile development
-- **TypeScript**: Type-safe development
-- **Axios**: HTTP client for API requests
-- **Custom Hooks**: Reusable API state management
-- **Themed Components**: Consistent UI with dark/light mode support
-
-## Project Structure
-
-```
-app/
-├── (tabs)/
-│   ├── index.tsx          # Home screen
-│   ├── posts.tsx          # Posts list
-│   ├── users.tsx          # Users list
-│   ├── explore.tsx        # Original explore screen
-│   └── _layout.tsx        # Tab navigation layout
-├── post/
-│   └── [id].tsx           # Post detail page
-├── user/
-│   └── [id].tsx           # User detail page
-└── _layout.tsx            # Root layout
-
-components/
-├── LoadingSpinner.tsx     # Loading component
-├── ErrorView.tsx          # Error display component
-└── ...                    # Other UI components
-
-services/
-└── api.ts                # API service with JSONPlaceholder integration
-
-hooks/
-└── useApi.ts             # Custom hook for API state management
-```
-
-## Getting Started
-
-1. Install dependencies:
-
-   ```bash
-   npm install
-   ```
-
-2. Start the development server:
-
-   ```bash
-   npm start
-   ```
-
-3. Run on your preferred platform:
-   ```bash
-   npm run ios     # iOS simulator
-   npm run android # Android emulator
-   npm run web     # Web browser
-   ```
-
-## API Endpoints Used
-
-- `GET /posts` - Fetch all posts
-- `GET /posts/:id` - Fetch specific post
-- `GET /posts/:id/comments` - Fetch post comments
-- `GET /users` - Fetch all users
-- `GET /users/:id` - Fetch specific user
-- `GET /users/:id/posts` - Fetch user's posts
-
-## Navigation Flow
-
-1. **Home** → **Posts** → **Post Detail** → **User Detail**
-2. **Home** → **Users** → **User Detail** → **Post Detail**
-3. **Posts** → **Post Detail** → **User Detail**
-4. **Users** → **User Detail** → **Post Detail**
-
-## Customization
-
-The app is designed to be easily customizable:
-
-- **API Service**: Modify `services/api.ts` to integrate with different APIs
-- **UI Components**: Update components in the `components/` directory
-- **Navigation**: Add new routes in the `app/` directory
-- **Styling**: Modify styles in individual component files
-
-## Session Recording Integration
-
-This sample app includes the session recorder integration, demonstrating how to capture user interactions and API calls for debugging and analytics purposes.
-
-## Contributing
-
-Feel free to enhance this sample app with additional features, better error handling, or different API integrations.