@multiplayer-app/session-recorder-react-native 0.0.1 → 1.0.0-beta.1

package/dist/recorder/gestureHandlerRecorder.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-import { SessionState } from '../types';
-export interface GestureHandlerRecorderProps {
-    children: ReactNode;
-    sessionState: SessionState | null;
-    onGestureRecord: (gestureType: string, data: any) => void;
-}
-export declare class GestureHandlerRecorder {
-    private gestureInstrumentation;
-    private onGestureRecord?;
-    constructor();
-    setGestureCallback(callback: (gestureType: string, data: any) => void): void;
-    createTapGesture(): import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
-    createPanGesture(): import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
-    createPinchGesture(): import("react-native-gesture-handler/lib/typescript/handlers/gestures/pinchGesture").PinchGesture;
-    createLongPressGesture(): import("react-native-gesture-handler/lib/typescript/handlers/gestures/longPressGesture").LongPressGesture;
-    private recordGesture;
-    createGestureDetector(children: ReactNode, sessionState: SessionState | null): ReactNode;
-}

package/dist/recorder/gestureHandlerRecorder.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.GestureHandlerRecorder=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _types=require("../types");var _gestureInstrumentation=require("../otel/instrumentations/gestureInstrumentation");var GestureHandlerRecorder=exports.GestureHandlerRecorder=function(){function GestureHandlerRecorder(){(0,_classCallCheck2["default"])(this,GestureHandlerRecorder);this.gestureInstrumentation=new _gestureInstrumentation.GestureInstrumentation();this.gestureInstrumentation.enable();}return(0,_createClass2["default"])(GestureHandlerRecorder,[{key:"setGestureCallback",value:function setGestureCallback(callback){this.onGestureRecord=callback;}},{key:"createTapGesture",value:function createTapGesture(){var _this=this;return _reactNativeGestureHandler.Gesture.Tap().onStart(function(event){_this.recordGesture('tap',{x:event.x,y:event.y,timestamp:Date.now()});});}},{key:"createPanGesture",value:function createPanGesture(){var _this2=this;return _reactNativeGestureHandler.Gesture.Pan().onStart(function(event){_this2.recordGesture('pan_start',{x:event.x,y:event.y,timestamp:Date.now()});}).onUpdate(function(event){_this2.recordGesture('pan_update',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});}).onEnd(function(event){_this2.recordGesture('pan_end',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});});}},{key:"createPinchGesture",value:function createPinchGesture(){var _this3=this;return _reactNativeGestureHandler.Gesture.Pinch().onStart(function(event){_this3.recordGesture('pinch_start',{scale:event.scale,focalX:event.focalX,focalY:event.focalY,timestamp:Date.now()});}).onUpdate(function(event){_this3.recordGesture('pinch_update',{scale:event.scale,focalX:event.focalX,focalY:event.focalY,timestamp:Date.now()});}).onEnd(function(event){_this3.recordGesture('pinch_end',{scale:event.scale,focalX:event.focalX,focalY:event.focalY,timestamp:Date.now()});});}},{key:"createLongPressGesture",value:function createLongPressGesture(){var _this4=this;return _reactNativeGestureHandler.Gesture.LongPress().minDuration(500).onStart(function(event){_this4.recordGesture('long_press',{x:event.x,y:event.y,duration:500,timestamp:Date.now()});});}},{key:"recordGesture",value:function recordGesture(gestureType,data){switch(gestureType){case'tap':this.gestureInstrumentation.recordTap(data.x,data.y);break;case'pan_start':case'pan_update':case'pan_end':this.gestureInstrumentation.recordPan(data.translationX||0,data.translationY||0);break;case'pinch_start':case'pinch_update':case'pinch_end':this.gestureInstrumentation.recordPinch(data.scale,undefined);break;case'long_press':this.gestureInstrumentation.recordLongPress(data.duration,undefined);break;}if(this.onGestureRecord){this.onGestureRecord(gestureType,data);}}},{key:"createGestureDetector",value:function createGestureDetector(children,sessionState){if(sessionState!==_types.SessionState.started){return children;}var tapGesture=this.createTapGesture();var panGesture=this.createPanGesture();var pinchGesture=this.createPinchGesture();var longPressGesture=this.createLongPressGesture();return children;}}]);}();

package/dist/recorder/gestureHandlerRecorder.js.map

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

package/dist/types/rrweb.d.ts

@@ -1,118 +0,0 @@
-/**
- * RRWeb event types for React Native session recording
- * Based on rrweb specification: https://github.com/rrweb-io/rrweb
- */
-export declare enum EventType {
-    DomContentLoaded = 0,
-    Load = 1,
-    FullSnapshot = 2,
-    IncrementalSnapshot = 3,
-    Meta = 4,
-    Custom = 5,
-    Plugin = 6
-}
-export declare enum IncrementalSource {
-    Mutation = 0,
-    MouseMove = 1,
-    MouseInteraction = 2,
-    Scroll = 3,
-    ViewportResize = 4,
-    Input = 5,
-    TouchMove = 6,
-    MediaInteraction = 7,
-    StyleSheetRule = 8,
-    CanvasMutation = 9,
-    Font = 10,
-    Selection = 11,
-    AdoptedStyleSheet = 12
-}
-export declare enum MouseInteractionType {
-    MouseUp = 0,
-    MouseDown = 1,
-    Click = 2,
-    ContextMenu = 3,
-    DblClick = 4,
-    Focus = 5,
-    Blur = 6,
-    TouchStart = 7,
-    TouchMove = 8,
-    TouchEnd = 9,
-    TouchCancel = 10
-}
-export interface MouseInteractionData {
-    type: MouseInteractionType;
-    id: number;
-    x: number;
-    y: number;
-}
-export interface TouchInteractionData {
-    type: MouseInteractionType;
-    id: number;
-    x: number;
-    y: number;
-    pressure?: number;
-    target?: string;
-}
-export interface FullSnapshotEvent {
-    type: EventType.FullSnapshot;
-    data: {
-        node: SerializedNodeWithId;
-        initialOffset: {
-            left: number;
-            top: number;
-        };
-    };
-    timestamp: number;
-}
-export interface IncrementalSnapshotEvent {
-    type: EventType.IncrementalSnapshot;
-    data: {
-        source: IncrementalSource;
-        id?: number;
-        x?: number;
-        y?: number;
-        type?: MouseInteractionType;
-    } & Partial<MouseInteractionData> & Partial<TouchInteractionData>;
-    timestamp: number;
-}
-export interface SerializedNodeWithId {
-    type: number;
-    id: number;
-    tagName?: string;
-    attributes?: Record<string, string>;
-    childNodes?: SerializedNodeWithId[];
-    textContent?: string;
-    style?: Record<string, string>;
-}
-export interface MetaEvent {
-    type: EventType.Meta;
-    data: {
-        href?: string;
-        width?: number;
-        height?: number;
-        [key: string]: any;
-    };
-    timestamp: number;
-}
-export interface RRWebEvent {
-    type: EventType;
-    data: any;
-    timestamp: number;
-}
-export interface ReactNativeScreenData {
-    width: number;
-    height: number;
-    base64Image: string;
-    timestamp: number;
-    screenName?: string;
-}
-export interface ReactNativeTouchData {
-    pageX: number;
-    pageY: number;
-    target?: string;
-    pressure?: number;
-    timestamp: number;
-}
-export interface EventRecorder {
-    recordEvent(event: RRWebEvent): void;
-}

package/dist/types/rrweb.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MouseInteractionType=exports.IncrementalSource=exports.EventType=void 0;var EventType;(function(EventType){EventType[EventType["DomContentLoaded"]=0]="DomContentLoaded";EventType[EventType["Load"]=1]="Load";EventType[EventType["FullSnapshot"]=2]="FullSnapshot";EventType[EventType["IncrementalSnapshot"]=3]="IncrementalSnapshot";EventType[EventType["Meta"]=4]="Meta";EventType[EventType["Custom"]=5]="Custom";EventType[EventType["Plugin"]=6]="Plugin";})(EventType||(exports.EventType=EventType={}));var IncrementalSource;(function(IncrementalSource){IncrementalSource[IncrementalSource["Mutation"]=0]="Mutation";IncrementalSource[IncrementalSource["MouseMove"]=1]="MouseMove";IncrementalSource[IncrementalSource["MouseInteraction"]=2]="MouseInteraction";IncrementalSource[IncrementalSource["Scroll"]=3]="Scroll";IncrementalSource[IncrementalSource["ViewportResize"]=4]="ViewportResize";IncrementalSource[IncrementalSource["Input"]=5]="Input";IncrementalSource[IncrementalSource["TouchMove"]=6]="TouchMove";IncrementalSource[IncrementalSource["MediaInteraction"]=7]="MediaInteraction";IncrementalSource[IncrementalSource["StyleSheetRule"]=8]="StyleSheetRule";IncrementalSource[IncrementalSource["CanvasMutation"]=9]="CanvasMutation";IncrementalSource[IncrementalSource["Font"]=10]="Font";IncrementalSource[IncrementalSource["Selection"]=11]="Selection";IncrementalSource[IncrementalSource["AdoptedStyleSheet"]=12]="AdoptedStyleSheet";})(IncrementalSource||(exports.IncrementalSource=IncrementalSource={}));var MouseInteractionType;(function(MouseInteractionType){MouseInteractionType[MouseInteractionType["MouseUp"]=0]="MouseUp";MouseInteractionType[MouseInteractionType["MouseDown"]=1]="MouseDown";MouseInteractionType[MouseInteractionType["Click"]=2]="Click";MouseInteractionType[MouseInteractionType["ContextMenu"]=3]="ContextMenu";MouseInteractionType[MouseInteractionType["DblClick"]=4]="DblClick";MouseInteractionType[MouseInteractionType["Focus"]=5]="Focus";MouseInteractionType[MouseInteractionType["Blur"]=6]="Blur";MouseInteractionType[MouseInteractionType["TouchStart"]=7]="TouchStart";MouseInteractionType[MouseInteractionType["TouchMove"]=8]="TouchMove";MouseInteractionType[MouseInteractionType["TouchEnd"]=9]="TouchEnd";MouseInteractionType[MouseInteractionType["TouchCancel"]=10]="TouchCancel";})(MouseInteractionType||(exports.MouseInteractionType=MouseInteractionType={}));

package/dist/types/rrweb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rrweb.js","sourceRoot":"","sources":["../../src/types/rrweb.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAN,IAAY,SAQX;AARD,WAAY,SAAS;IACnB,iEAAoB,CAAA;IACpB,yCAAQ,CAAA;IACR,yDAAgB,CAAA;IAChB,uEAAuB,CAAA;IACvB,yCAAQ,CAAA;IACR,6CAAU,CAAA;IACV,6CAAU,CAAA;AACZ,CAAC,EARW,SAAS,KAAT,SAAS,QAQpB;AAED,MAAM,CAAN,IAAY,iBAcX;AAdD,WAAY,iBAAiB;IAC3B,iEAAY,CAAA;IACZ,mEAAa,CAAA;IACb,iFAAoB,CAAA;IACpB,6DAAU,CAAA;IACV,6EAAkB,CAAA;IAClB,2DAAS,CAAA;IACT,mEAAa,CAAA;IACb,iFAAoB,CAAA;IACpB,6EAAkB,CAAA;IAClB,6EAAkB,CAAA;IAClB,0DAAS,CAAA;IACT,oEAAc,CAAA;IACd,oFAAsB,CAAA;AACxB,CAAC,EAdW,iBAAiB,KAAjB,iBAAiB,QAc5B;AAED,MAAM,CAAN,IAAY,oBAYX;AAZD,WAAY,oBAAoB;IAC9B,qEAAW,CAAA;IACX,yEAAa,CAAA;IACb,iEAAS,CAAA;IACT,6EAAe,CAAA;IACf,uEAAY,CAAA;IACZ,iEAAS,CAAA;IACT,+DAAQ,CAAA;IACR,2EAAc,CAAA;IACd,yEAAa,CAAA;IACb,uEAAY,CAAA;IACZ,8EAAgB,CAAA;AAClB,CAAC,EAZW,oBAAoB,KAApB,oBAAoB,QAY/B"}

package/scripts/generate-app-metadata.js

@@ -1,173 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Build script to automatically extract app metadata from configuration files
- * This runs without developer intervention and generates app-metadata.ts
- */
-
-const fs = require('fs')
-const path = require('path')
-
-function findProjectRoot() {
-  let currentDir = process.cwd()
-
-  // Look for package.json going up the directory tree
-  while (currentDir !== path.dirname(currentDir)) {
-    if (fs.existsSync(path.join(currentDir, 'package.json'))) {
-      return currentDir
-    }
-    currentDir = path.dirname(currentDir)
-  }
-
-  return process.cwd()
-}
-
-function extractAppMetadata(projectRoot) {
-  const metadata = {
-    name: undefined,
-    version: undefined,
-    bundleId: undefined,
-    buildNumber: undefined,
-    displayName: undefined,
-  }
-
-  try {
-    // Method 1: Try app.json
-    const appJsonPath = path.join(projectRoot, 'app.json')
-    if (fs.existsSync(appJsonPath)) {
-      const appConfig = JSON.parse(fs.readFileSync(appJsonPath, 'utf8'))
-
-      metadata.name = appConfig.name || appConfig.displayName
-      metadata.version = appConfig.version
-      metadata.displayName = appConfig.displayName
-
-      // Extract bundle ID from platform-specific configs
-      if (appConfig.ios?.bundleIdentifier) {
-        metadata.bundleId = appConfig.ios.bundleIdentifier
-      } else if (appConfig.android?.package) {
-        metadata.bundleId = appConfig.android.package
-      }
-
-      if (appConfig.ios?.buildNumber) {
-        metadata.buildNumber = appConfig.ios.buildNumber.toString()
-      } else if (appConfig.android?.versionCode) {
-        metadata.buildNumber = appConfig.android.versionCode.toString()
-      }
-
-      console.log('✅ Extracted metadata from app.json')
-      return metadata
-    }
-
-    // Method 2: Try app.config.js
-    const appConfigJsPath = path.join(projectRoot, 'app.config.js')
-    if (fs.existsSync(appConfigJsPath)) {
-      try {
-        // Clear require cache to get fresh config
-        delete require.cache[require.resolve(appConfigJsPath)]
-        const appConfig = require(appConfigJsPath)
-
-        metadata.name = appConfig.name || appConfig.displayName
-        metadata.version = appConfig.version
-        metadata.displayName = appConfig.displayName
-
-        // Extract bundle ID from platform-specific configs
-        if (appConfig.ios?.bundleIdentifier) {
-          metadata.bundleId = appConfig.ios.bundleIdentifier
-        } else if (appConfig.android?.package) {
-          metadata.bundleId = appConfig.android.package
-        }
-
-        if (appConfig.ios?.buildNumber) {
-          metadata.buildNumber = appConfig.ios.buildNumber.toString()
-        } else if (appConfig.android?.versionCode) {
-          metadata.buildNumber = appConfig.android.versionCode.toString()
-        }
-
-        console.log('✅ Extracted metadata from app.config.js')
-        return metadata
-      } catch (error) {
-        console.warn('⚠️ Could not parse app.config.js:', error.message)
-      }
-    }
-
-    // Method 3: Fallback to package.json
-    const packageJsonPath = path.join(projectRoot, 'package.json')
-    if (fs.existsSync(packageJsonPath)) {
-      const packageConfig = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
-
-      metadata.name = packageConfig.name
-      metadata.version = packageConfig.version
-
-      console.log('✅ Extracted metadata from package.json')
-      return metadata
-    }
-
-  } catch (error) {
-    console.warn('⚠️ Error extracting app metadata:', error.message)
-  }
-
-  return metadata
-}
-
-function generateAppMetadataFile(metadata, outputPath) {
-  const content = `/**
- * Auto-generated app metadata
- * This file is generated at build time to provide app metadata without developer intervention
- */
-
-// This file is automatically generated by the build process
-// It extracts metadata from app.json, app.config.js, or package.json
-
-export interface AppMetadata {
-  name?: string
-  version?: string
-  bundleId?: string
-  buildNumber?: string
-  displayName?: string
-}
-
-// Auto-detected values from project configuration files
-export const APP_METADATA: AppMetadata = {
-  name: ${metadata.name ? `"${metadata.name}"` : 'undefined'},
-  version: ${metadata.version ? `"${metadata.version}"` : 'undefined'},
-  bundleId: ${metadata.bundleId ? `"${metadata.bundleId}"` : 'undefined'},
-  buildNumber: ${metadata.buildNumber ? `"${metadata.buildNumber}"` : 'undefined'},
-  displayName: ${metadata.displayName ? `"${metadata.displayName}"` : 'undefined'},
-}
-
-/**
- * Get auto-detected app metadata
- */
-export function getAutoDetectedAppMetadata(): AppMetadata {
-  return { ...APP_METADATA }
-}
-`
-
-  fs.writeFileSync(outputPath, content, 'utf8')
-  console.log(`✅ Generated app-metadata.ts`)
-}
-
-function main() {
-  const projectRoot = findProjectRoot()
-  console.log(`🔍 Looking for app metadata in: ${projectRoot}`)
-
-  const metadata = extractAppMetadata(projectRoot)
-
-  // Show what was detected
-  console.log('📋 Detected metadata:')
-  Object.entries(metadata).forEach(([key, value]) => {
-    if (value) {
-      console.log(`  ${key}: ${value}`)
-    }
-  })
-
-  // Generate the TypeScript file
-  const outputPath = path.join(__dirname, '../src/utils/app-metadata.ts')
-  generateAppMetadataFile(metadata, outputPath)
-}
-
-if (require.main === module) {
-  main()
-}
-
-module.exports = { extractAppMetadata, generateAppMetadataFile }

package/src/components/GestureCaptureWrapper/GestureCaptureWrapper.tsx

@@ -1,86 +0,0 @@
-import React, { ReactNode, useCallback, useMemo } from 'react'
-import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler'
-
-export interface GestureCaptureWrapperProps {
-  children: ReactNode
-  onGestureRecord: (gestureType: string, data: any) => void
-}
-
-export const GestureCaptureWrapper: React.FC<GestureCaptureWrapperProps> = ({ children, onGestureRecord }) => {
-  const recordGesture = useCallback(
-    (gestureType: string, data: any) => {
-      // Record with session recorder
-      onGestureRecord(gestureType, data)
-    },
-    [onGestureRecord]
-  )
-
-  // Create tap gesture
-  const tapGesture = useMemo(() => {
-    return Gesture.Tap()
-      .runOnJS(true)
-      .onStart((event) => {
-        recordGesture('tap', {
-          x: event.x,
-          y: event.y,
-          timestamp: Date.now()
-        })
-      })
-  }, [recordGesture])
-
-  // Create pan gesture (for swipes and drags)
-  const panGesture = useMemo(() => {
-    return Gesture.Pan()
-      .runOnJS(true)
-      .onStart((event) => {
-        recordGesture('pan_start', {
-          x: event.x,
-          y: event.y,
-          timestamp: Date.now()
-        })
-      })
-      .onUpdate((event) => {
-        recordGesture('pan_update', {
-          x: event.x,
-          y: event.y,
-          translationX: event.translationX,
-          translationY: event.translationY,
-          velocityX: event.velocityX,
-          velocityY: event.velocityY,
-          timestamp: Date.now()
-        })
-      })
-      .onEnd((event) => {
-        recordGesture('pan_end', {
-          x: event.x,
-          y: event.y,
-          translationX: event.translationX,
-          translationY: event.translationY,
-          velocityX: event.velocityX,
-          velocityY: event.velocityY,
-          timestamp: Date.now()
-        })
-      })
-  }, [recordGesture])
-
-  // Create long press gesture
-  const longPressGesture = useMemo(() => {
-    return Gesture.LongPress()
-      .runOnJS(true)
-      .minDuration(500)
-      .onStart((event) => {
-        recordGesture('long_press', {
-          x: event.x,
-          y: event.y,
-          duration: 500,
-          timestamp: Date.now()
-        })
-      })
-  }, [recordGesture])
-
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <GestureDetector gesture={Gesture.Simultaneous(tapGesture, panGesture, longPressGesture)}>{children}</GestureDetector>
-    </GestureHandlerRootView>
-  )
-}

package/src/components/GestureCaptureWrapper/index.ts

@@ -1 +0,0 @@
-export * from "./GestureCaptureWrapper";

package/src/components/ScreenRecorderView/ScreenRecorderView.tsx

@@ -1,72 +0,0 @@
-import SessionRecorder from '@multiplayer-app/session-recorder-react-native'
-import React, { PropsWithChildren, useCallback } from 'react'
-import { View } from 'react-native'
-import { SessionState } from '../../types'
-import { logger } from '../../utils'
-import { GestureCaptureWrapper } from '../GestureCaptureWrapper'
-
-interface ScreenRecorderViewProps extends PropsWithChildren {}
-
-export const ScreenRecorderView = ({ children }: ScreenRecorderViewProps) => {
-  // Set up gesture recording callback
-  const handleGestureRecord = useCallback((gestureType: string, data: any) => {
-    if (SessionRecorder.sessionState !== SessionState.started) {
-      logger.debug('SessionRecorderContext', 'Gesture recording skipped', {
-        client: !!SessionRecorder.sessionState,
-        sessionState: SessionRecorder.sessionState
-      })
-      return
-    }
-    logger.debug('SessionRecorderContext', 'Gesture recorded', { gestureType, data })
-    try {
-      // Record gesture as appropriate touch events
-      switch (gestureType) {
-        case 'tap':
-          // For tap, record both touch start and end
-          logger.debug('SessionRecorderContext', 'Recording tap as touch start + end')
-          SessionRecorder.recordTouchStart?.(data.x, data.y, undefined, 1.0)
-          SessionRecorder.recordTouchEnd?.(data.x, data.y, undefined, 1.0)
-          break
-
-        case 'pan_start':
-          logger.debug('SessionRecorderContext', 'Recording pan_start as touch start')
-          SessionRecorder.recordTouchStart?.(data.x, data.y, undefined, 1.0)
-          break
-
-        case 'pan_update':
-          logger.debug('SessionRecorderContext', 'Recording pan_update as touch move')
-          SessionRecorder.recordTouchMove?.(data.x, data.y, undefined, 1.0)
-          break
-
-        case 'pan_end':
-          logger.debug('SessionRecorderContext', 'Recording pan_end as touch end')
-          SessionRecorder.recordTouchEnd?.(data.x, data.y, undefined, 1.0)
-          break
-
-        case 'long_press':
-          logger.debug('SessionRecorderContext', 'Recording long_press as touch start + end')
-          SessionRecorder.recordTouchStart?.(data.x, data.y, undefined, 1.0)
-          SessionRecorder.recordTouchEnd?.(data.x, data.y, undefined, 1.0)
-          break
-        default:
-      }
-    } catch (error) {
-      logger.error('SessionRecorderContext', 'Failed to record gesture event', error)
-    }
-  }, [])
-
-  // Callback ref to set the viewshot ref immediately when available
-  const setViewShotRef = (ref: View | null) => {
-    if (ref) {
-      SessionRecorder.setViewShotRef?.(ref)
-    }
-  }
-
-  return (
-    <GestureCaptureWrapper onGestureRecord={handleGestureRecord}>
-      <View ref={setViewShotRef} style={{ flex: 1 }}>
-        {children}
-      </View>
-    </GestureCaptureWrapper>
-  )
-}

package/src/components/ScreenRecorderView/index.ts

@@ -1 +0,0 @@
-export * from "./ScreenRecorderView";

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './GestureCaptureWrapper'

package/src/config/constants.ts

@@ -1,60 +0,0 @@
-
-export const OTEL_MP_SAMPLE_TRACE_RATIO = 0.15
-
-export const SESSION_ID_PROP_NAME = 'multiplayer-session-id'
-
-export const SESSION_SHORT_ID_PROP_NAME = 'multiplayer-session-short-id'
-
-export const SESSION_CONTINUOUS_DEBUGGING_PROP_NAME = 'multiplayer-session-continuous-debugging'
-
-export const SESSION_STATE_PROP_NAME = 'multiplayer-session-state'
-
-export const SESSION_TYPE_PROP_NAME = 'multiplayer-session-type'
-
-export const SESSION_PROP_NAME = 'multiplayer-session-data'
-
-export const SESSION_STARTED_EVENT = 'debug-session:started'
-
-export const SESSION_STOPPED_EVENT = 'debug-session:stopped'
-
-export const SESSION_SUBSCRIBE_EVENT = 'debug-session:subscribe'
-
-export const SESSION_UNSUBSCRIBE_EVENT = 'debug-session:unsubscribe'
-
-export const SESSION_AUTO_CREATED = 'debug-session:auto-created'
-
-export const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event'
-
-export const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000
-
-export const SESSION_RESPONSE = 'multiplayer-debug-session-response'
-
-export const CONTINUOUS_DEBUGGING_TIMEOUT = 60000 // 1 minutes
-
-export const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30 // TODO: move to shared config otel core
-
-// // Package version - injected by webpack during build
-// declare const PACKAGE_VERSION: string
-// export const PACKAGE_VERSION_EXPORT = PACKAGE_VERSION || '1.0.0'
-
-
-// Regex patterns for OpenTelemetry ignore URLs
-export const OTEL_IGNORE_URLS = [
-  // Traces endpoint
-  /.*\/v1\/traces/,
-  // Debug sessions endpoints
-  /.*\/v0\/radar\/debug-sessions\/start$/,
-  /.*\/v0\/radar\/debug-sessions\/[^/]+\/stop$/,
-  /.*\/v0\/radar\/debug-sessions\/[^/]+\/cancel$/,
-
-  // Continuous debug sessions endpoints
-  /.*\/v0\/radar\/continuous-debug-sessions\/start$/,
-  /.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/save$/,
-  /.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/cancel$/,
-
-  // Remote debug session endpoint
-  /.*\/v0\/radar\/remote-debug-session\/check$/,
-
-  // Or use a more general pattern to catch all radar API endpoints
-  // /.*\/v0\/radar\/.*/
-]

package/src/config/defaults.ts

@@ -1,82 +0,0 @@
-import {
-  SessionRecorderSdk,
-  MULTIPLAYER_BASE_API_URL,
-  MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
-} from '@multiplayer-app/session-recorder-common'
-import {
-  MaskingConfig,
-  SessionRecorderConfigs,
-  WidgetButtonPlacement,
-  WidgetTextOverridesConfig,
-} from '../types'
-import {
-  OTEL_MP_SAMPLE_TRACE_RATIO,
-  DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE,
-} from './constants'
-const { mask, sensitiveFields, sensitiveHeaders } = SessionRecorderSdk
-
-export const DEFAULT_MASKING_CONFIG: MaskingConfig = {
-  isContentMaskingEnabled: true,
-  maskBody: mask(sensitiveFields),
-  maskHeaders: mask(sensitiveHeaders),
-  maskBodyFieldsList: sensitiveFields,
-  maskHeadersList: sensitiveHeaders,
-  headersToInclude: [],
-  headersToExclude: [],
-}
-
-export const DEFAULT_WIDGET_TEXT_CONFIG: WidgetTextOverridesConfig = {
-  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: Required<SessionRecorderConfigs> = {
-  apiKey: '',
-
-  version: '',
-  application: '',
-  environment: '',
-
-  showWidget: true,
-  showContinuousRecording: true,
-  widgetButtonPlacement: WidgetButtonPlacement.bottomRight,
-
-  usePostMessageFallback: false,
-  apiBaseUrl: MULTIPLAYER_BASE_API_URL,
-  exporterEndpoint: MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
-
-  schemifyDocSpanPayload: true,
-
-  ignoreUrls: [],
-  propagateTraceHeaderCorsUrls: [],
-
-  sampleTraceRatio: OTEL_MP_SAMPLE_TRACE_RATIO,
-  maxCapturingHttpPayloadSize: DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE,
-
-  captureBody: true,
-  captureHeaders: true,
-  masking: DEFAULT_MASKING_CONFIG,
-  widgetTextOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
-
-  recordScreen: true,
-  recordGestures: true,
-  recordNavigation: true,
-}

package/src/config/index.ts

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