@teardown/react-native 1.0.12 → 1.0.13

package/package.json

@@ -1,28 +1,27 @@
 {
-  "name": "@teardown/react-native",
-  "version": "1.0.12",
-  "description": "",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
-  "types": "./src/index.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "files": [
-    "README.md",
-    "src/**/*"
-  ],
-  "dependencies": {
-    "@teardown/logger": "workspace:*",
-    "@teardown/util": "workspace:*",
-    "@teardown/websocket": "workspace:*"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.3",
-    "react": "^18.3.1",
-    "react-native": "^0.74.3",
-    "react-native-gesture-handler": "^2.17.1",
-    "react-native-safe-area-context": "^4.10.8",
-    "react-native-svg": "^15.4.0"
-  }
+	"name": "@teardown/react-native",
+	"version": "1.0.13",
+	"description": "",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"build": "tsc --declaration",
+		"dev": "tsc --declaration --watch"
+	},
+	"main": "./src/index.ts",
+	"types": "./src/index.ts",
+	"files": ["README.md", "./src/**/*"],
+	"dependencies": {
+		"@teardown/logger": "link:@teardown/logger",
+		"@teardown/util": "link:@teardown/util",
+		"@teardown/websocket": "link:@teardown/websocket",
+		"react": "^18.3.1",
+		"react-native": "^0.74.3"
+	},
+	"devDependencies": {
+		"@types/react": "^18.3.1",
+		"react-native-gesture-handler": "^2.17.1",
+		"react-native-safe-area-context": "^4.10.8",
+		"react-native-svg": "^15.7.1",
+		"typescript": "^5.6.3"
+	}
 }

package/src/components/debugger-ui.tsx

@@ -1,237 +0,0 @@
-import {FunctionComponent, useEffect, useRef, useState} from 'react';
-import {DevSettings, Pressable, StyleSheet, Text, View, ViewStyle,} from 'react-native';
-import {EdgeInsets, useSafeAreaInsets} from 'react-native-safe-area-context';
-import {TeardownLogo} from './teardown-logo';
-import {GestureHandlerRootView} from 'react-native-gesture-handler';
-import {
-  BottomSheet,
-  BottomSheetCloseIcon,
-  BottomSheetContent,
-  BottomSheetHandleProps,
-  BottomSheetHeader,
-  BottomSheetModalProvider,
-  BottomSheetTitle,
-  BottomSheetView,
-  Button
-} from '@teardown/react-native-ui';
-import {TeardownService} from "../services/teardown.service";
-import {DebuggerStatus} from "../debugger";
-
-export type DebuggerUiPosition =
-  | 'top-left'
-  | 'top-right'
-  | 'bottom-left'
-  | 'bottom-right'
-  | 'center-left'
-  | 'center-right';
-
-export type DebuggerUiOptions = {
-  enabled?: boolean;
-  position?: DebuggerUiPosition;
-};
-
-export const DebuggerUi: FunctionComponent<DebuggerUiOptions> = props => {
-  const {enabled = true} = props;
-
-  return null;
-
-  if (!__DEV__) {
-    // never render the debugger ui in any mode apart from __DEV__ == true "development"
-    return null;
-  }
-
-  const isNotEnabled = !enabled;
-
-  if (isNotEnabled) {
-    return null;
-  }
-
-  return <DebuggerUiEnabled {...props} />;
-};
-
-const DebuggerUiEnabled: FunctionComponent<DebuggerUiOptions> = props => {
-  const {position} = props;
-
-  const safeAreaInsets = useSafeAreaInsets();
-  const bottomSheetRef = useRef<BottomSheet>(null);
-
-  return (
-    <>
-      <View style={styles.container} pointerEvents={'box-none'}>
-        <GestureHandlerRootView>
-          <BottomSheetModalProvider>
-            <Pressable
-              onPress={() => {
-                // bottomSheetRef.current?.snapToIndex(0);
-              }}
-              style={[
-                styles.orb,
-                getOrbPosition(safeAreaInsets, position ?? 'center-right'),
-              ]}>
-              <TeardownLogo height={20} width={20} />
-            </Pressable>
-
-            <BottomSheet
-              sheetRef={bottomSheetRef}
-              handleComponent={handleProps => (
-                <DebuggerStatusHandleComponent {...handleProps} />
-              )}>
-              <BottomSheetCloseIcon />
-              <BottomSheetView
-                className={''}
-                style={{
-                  paddingBottom: safeAreaInsets.bottom + 16,
-                }}>
-                <BottomSheetHeader>
-                  <BottomSheetTitle>Debugger</BottomSheetTitle>
-                </BottomSheetHeader>
-                <BottomSheetContent>
-                  <Button
-                    onPress={() => {
-                      DevSettings.reload('Teardown reconnect');
-                    }}>
-                    Reconnect debugger
-                  </Button>
-                </BottomSheetContent>
-              </BottomSheetView>
-            </BottomSheet>
-          </BottomSheetModalProvider>
-        </GestureHandlerRootView>
-
-        {/*<View style={styles.half_height}>*/}
-        {/*    */}
-        {/*</View>*/}
-      </View>
-    </>
-  );
-};
-
-const DebuggerStatusHandleComponent: FunctionComponent<
-  BottomSheetHandleProps
-> = () => {
-  const {client} = TeardownService.useState();
-
-  const [debuggerStatus, setDebuggerStatus] = useState<DebuggerStatus | null>(
-    client.debugger?.getStatus() ?? null,
-  );
-
-    useEffect(() => {
-        const listener = client.debugger?.emitter.on("CONNECTION_STATUS_CHANGED", (event) => {
-          const { payload } = event;
-            setDebuggerStatus(event.payload.status);
-        })
-
-        return () => {
-          listener?.remove();
-        };
-    }, [client]);
-
-  return (
-    <View
-      style={[
-        {
-          backgroundColor: getColorForDebuggerStatus(
-            debuggerStatus,
-          ),
-        },
-        styles.debugger_status,
-      ]}>
-      <Text style={styles.debugger_status_text}>{debuggerStatus}</Text>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  debugger_status: {
-    flex: 1,
-    borderTopLeftRadius: 15,
-    borderTopRightRadius: 15,
-    padding: 4,
-  },
-  debugger_status_text: {
-    color: 'white',
-    fontSize: 12,
-    textAlign: 'center',
-    fontWeight: 'bold',
-  },
-
-  container: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: 'white',
-  },
-  orb: {
-    height: 40,
-    width: 40,
-    backgroundColor: 'hsl(240 5% 6%)',
-    borderRadius: 40,
-    position: 'absolute',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  half_height: {
-    height: '50%',
-    backgroundColor: '#e1e1e1',
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  logo: {
-    height: 20,
-    width: 20,
-  },
-});
-
-const getColorForDebuggerStatus = (status: DebuggerStatus | null) => {
-  switch (status) {
-    case 'CONNECTING':
-      return 'yellow';
-    case 'CONNECTED':
-      return 'green';
-    case 'DISCONNECTED':
-      return 'red';
-    case 'FAILED':
-      return 'red';
-    default:
-      return 'gray';
-  }
-};
-
-const getOrbPosition = (
-  edgeInsets: EdgeInsets,
-  position: DebuggerUiPosition,
-): ViewStyle => {
-  const DEFAULT_PADDING = 16;
-  switch (position) {
-    case 'top-left':
-      return {
-        top: DEFAULT_PADDING + edgeInsets.top,
-        left: DEFAULT_PADDING,
-      };
-    case 'top-right':
-      return {
-        top: DEFAULT_PADDING + edgeInsets.top,
-        right: DEFAULT_PADDING,
-      };
-    case 'bottom-left':
-      return {
-        bottom: DEFAULT_PADDING + edgeInsets.bottom,
-        left: DEFAULT_PADDING,
-      };
-    case 'bottom-right':
-      return {
-        bottom: DEFAULT_PADDING + edgeInsets.bottom,
-        right: DEFAULT_PADDING,
-      };
-    case 'center-left':
-      return {
-        top: '50%',
-        left: DEFAULT_PADDING,
-      };
-    case 'center-right':
-      return {
-        top: '50%',
-        right: DEFAULT_PADDING,
-      };
-  }
-};

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './debugger-ui';

package/src/components/teardown-logo.tsx

@@ -1,16 +0,0 @@
-// import type {FunctionComponent} from 'react';
-// import Svg, {Path, SvgProps} from "react-native-svg";
-//
-// export type TeardownLogoProps = SvgProps
-//
-//
-// export const TeardownLogo: FunctionComponent<TeardownLogoProps> = (props) => {
-//     const {} = props;
-//     return (
-//         <Svg width="350" height="350" viewBox="0 0 350 350" fill="none" {...props}>
-//             <Path fillRule="evenodd" clipRule="evenodd"
-//                   d="M175.09 345L300 218.574L256.859 174.909L299.821 131.426L174.91 5.00001L50 131.426L93.141 175.091L50.179 218.574L175.09 345ZM114.879 197.093L93.656 218.574L175.09 300.995L256.523 218.574L235.12 196.911L174.91 257.853L114.879 197.093ZM213.382 174.909L174.91 213.848L136.618 175.091L175.09 136.152L213.382 174.909ZM235.12 152.907L175.09 92.147L114.879 153.089L93.477 131.426L174.91 49.005L256.344 131.426L235.12 152.907Z"
-//                   fill="white"/>
-//         </Svg>
-//     );
-// }

package/src/containers/index.ts

@@ -1 +0,0 @@
-export * from './teardown.container';

package/src/containers/teardown.container.tsx

@@ -1,40 +0,0 @@
-import {FunctionComponent, PropsWithChildren} from 'react';
-import {PluginTuple, TeardownClient} from '../teardown.client';
-import {DebuggerUiOptions} from '../components/debugger-ui';
-import {SafeAreaProvider} from 'react-native-safe-area-context';
-
-export type TeardownContainerOptions = {
-  debugger: DebuggerUiOptions;
-};
-
-export type TeardownContainerProps<T extends readonly PluginTuple[]> = PropsWithChildren<{
-  client: TeardownClient<T>;
-  options?: TeardownContainerOptions;
-}>;
-
-export const TeardownContainer: FunctionComponent<
-  TeardownContainerProps<any>
-> = props => {
-  const {children, client, options} = props;
-
-  // const providedState = TeardownService.useProvidedState(client);
-
-  return (
-    <>
-      {children}
-    </>
-  );
-
-  return (
-      <SafeAreaProvider className={"flex-1 bg-white"}>
-    {/*<GestureHandlerRootView>*/}
-    {/*    <BottomSheetModalProvider> /!* TODO: Move this into a theme provider/package *!/*/}
-    {/*      <TeardownService.Provider value={providedState}>*/}
-    {/*        {children}*/}
-    {/*        <DebuggerUi {...options?.debugger} />*/}
-    {/*      </TeardownService.Provider>*/}
-    {/*    </BottomSheetModalProvider>*/}
-    {/*</GestureHandlerRootView>*/}
-      </SafeAreaProvider>
-  );
-};

package/src/debugger.ts

@@ -1,72 +0,0 @@
-import {NativeModules, Platform} from 'react-native';
-import {
-  ClientWebsocketEvents,
-  ConnectionEstablishedWebsocketEvent,
-  WebsocketClient,
-  WebsocketClientOptions,
-  WebsocketConnectionStatus,
-} from '@teardown/websocket';
-
-export type DebuggerStatus = WebsocketConnectionStatus;
-
-export type DebuggerOptions = WebsocketClientOptions;
-
-export class Debugger extends WebsocketClient<ClientWebsocketEvents> {
-
-  constructor(options?: DebuggerOptions) {
-    super(options);
-  }
-
-  public onEvent(event: ClientWebsocketEvents[keyof ClientWebsocketEvents]) {
-    this.logger.log('onEvent', event);
-    return event;
-  }
-
-  public onConnectionEstablished(event: ConnectionEstablishedWebsocketEvent) {
-    this.logger.log('Connection established', event);
-
-    this.client_id = event.client_id;
-
-    this.send('CLIENT_CONNECTION_ESTABLISHED', {
-      deviceName: '~~~--- device name here ---~~~',
-      platform: Platform.OS,
-      platformVersion: Platform.Version,
-      reactNativeVersion: Platform.constants.reactNativeVersion,
-      isDisableAnimations: Platform.constants.isDisableAnimations ?? false,
-      isTesting: Platform.constants.isTesting,
-    });
-  }
-
-  getHostFromUrl(url: string) {
-    const host = url.match(
-      /^(?:https?:\/\/)?(\[[^\]]+\]|[^/:\s]+)(?::\d+)?(?:[/?#]|$)/,
-    )?.[1];
-
-    if (typeof host !== 'string') {
-      throw new Error('Invalid URL - host not found');
-    }
-    return host;
-  }
-
-  getHost() {
-    try {
-      // https://github.com/facebook/react-native/blob/2a7f969500cef73b621269299619ee1f0ee9521a/packages/react-native/src/private/specs/modules/NativeSourceCode.js#L16
-      const scriptURL = NativeModules?.SourceCode?.getConstants().scriptURL
-      if (typeof scriptURL !== "string") throw new Error("Invalid non-string URL")
-      console.log('scriptURL', scriptURL);
-
-      return this.getHostFromUrl(scriptURL)
-    } catch (error) {
-      const superHost = super.getHost();
-      this.logger.warn(`Failed to get host: "${error.message}" - Falling back to ${superHost}`);
-      return superHost;
-    }
-  }
-
-  public send<
-    Type extends keyof ClientWebsocketEvents,
-    Payload extends ClientWebsocketEvents[Type]['payload'],
-  >(type: Type, payload: Payload) {
-    super.send(type, payload);
-  }
-}

package/src/index.ts

@@ -1,5 +0,0 @@
-// export * from './components';
-// export * from './containers';
-// export * from './services';
-export * from './teardown.client';
-export * from './plugins';

package/src/plugins/http.plugin.ts

@@ -1,171 +0,0 @@
-// @ts-ignore
-import XHRInterceptor from 'react-native/Libraries/Network/XHRInterceptor';
-import type {Plugin, TeardownClient} from '../teardown.client';
-import {Logger} from '@teardown/logger';
-import {Util} from '@teardown/util';
-import type {HTTPRequestInfo, RequestMethod} from '@teardown/websocket';
-
-interface ExtendedXMLHttpRequest extends XMLHttpRequest {
-  _id: number;
-}
-
-export type HTTPPluginOptions = {
-  ignoreURLs?: RegExp[];
-};
-
-export class HTTPPlugin implements Plugin {
-  private logger = new Logger('HTTPPlugin');
-  private client: TeardownClient<any> | null = null;
-  private requests: Map<number, HTTPRequestInfo> = new Map();
-  private ignoreURLs: RegExp[];
-
-  constructor(options: HTTPPluginOptions = {}) {
-    this.ignoreURLs = options.ignoreURLs || [];
-  }
-
-  install(client: TeardownClient<any>): void {
-    this.client = client;
-    this.setupXHRInterceptor();
-  }
-
-  private setupXHRInterceptor(): void {
-    if (XHRInterceptor.isInterceptorEnabled()) {
-      this.logger.warn(
-          'XHRInterceptor is already enabled by another library. Disable it or run this plugin first when your app loads.',
-      );
-    }
-
-    XHRInterceptor.setOpenCallback(this.xhrOpenCallback);
-    XHRInterceptor.setRequestHeaderCallback(this.xhrRequestHeaderCallback);
-    XHRInterceptor.setSendCallback(this.xhrSendCallback);
-    XHRInterceptor.setResponseCallback(this.xhrResponseCallback);
-
-    XHRInterceptor.enableInterception();
-  }
-
-  private shouldIgnoreURL(url: string): boolean {
-    return this.ignoreURLs.some(ignoreRegex => ignoreRegex.test(url));
-  }
-
-  private xhrOpenCallback = (
-      method: string,
-      url: string,
-      xhr: ExtendedXMLHttpRequest,
-  ): void => {
-    if (this.shouldIgnoreURL(url)) {
-      return;
-    }
-
-    const requestId = Util.generateUUID();
-
-    const HTTPRequestInfo: HTTPRequestInfo = {
-      id: requestId,
-      type: 'XMLHttpRequest',
-      url,
-      method: method as RequestMethod,
-      requestHeaders: {'TD-Request-ID': requestId},
-      startTime: Date.now(),
-      updatedAt: Date.now(),
-    };
-
-    this.requests.set(xhr._id, HTTPRequestInfo);
-  };
-
-  private xhrRequestHeaderCallback = (
-      header: string,
-      value: string,
-      xhr: ExtendedXMLHttpRequest,
-  ): void => {
-    const request = this.requests.get(xhr._id);
-    if (request) {
-      request.requestHeaders[header] = value;
-      request.updatedAt = Date.now();
-    }
-  };
-
-  private xhrSendCallback = (data: any, xhr: ExtendedXMLHttpRequest): void => {
-    const request = this.requests.get(xhr._id);
-    if (request) {
-      xhr.setRequestHeader('TD-Request-ID', request.id);
-
-      request.dataSent = this.serializeRequestBody(data);
-      request.updatedAt = Date.now();
-      this.sendHTTPEvent(request);
-    }
-  };
-
-  private serializeRequestBody(data: any): string {
-    if (typeof data === 'string') {
-      return data;
-    }
-    try {
-      return JSON.stringify(data);
-    } catch (error) {
-      this.logger.warn('Failed to stringify request body', error);
-      return '[Unable to serialize request body]';
-    }
-  }
-
-  private xhrResponseCallback = (
-      status: number,
-      timeout: number,
-      response: string,
-      responseURL: string,
-      responseType: XMLHttpRequestResponseType,
-      xhr: ExtendedXMLHttpRequest,
-  ): void => {
-    const request = this.requests.get(xhr._id);
-    if (request) {
-      request.status = status;
-      request.responseHeaders = this.parseResponseHeaders(
-          xhr.getAllResponseHeaders(),
-      );
-      request.response = this.parseResponseBody(response, responseType);
-      request.responseURL = responseURL;
-      request.responseType = responseType;
-      request.timeout = timeout;
-      request.endTime = Date.now();
-      request.updatedAt = Date.now();
-
-      this.sendHTTPEvent(request);
-      this.requests.delete(xhr._id);
-    }
-  };
-
-  private parseResponseHeaders(headersString: string): Record<string, string> {
-    const headersObject: Record<string, string> = {};
-    if (headersString) {
-      const headerPairs = headersString.trim().split(/[\r\n]+/);
-      headerPairs.forEach(headerPair => {
-        const [key, value] = headerPair.split(': ');
-        headersObject[key] = value;
-      });
-    }
-    return headersObject;
-  }
-
-  private parseResponseBody(
-      response: string,
-      responseType: XMLHttpRequestResponseType,
-  ): string {
-    if (responseType === 'json') {
-      try {
-        return JSON.stringify(JSON.parse(response), null, 2);
-      } catch (error) {
-        this.logger.warn('Failed to parse JSON response', error);
-      }
-    }
-    return response;
-  }
-
-  private sendHTTPEvent(httpRequestInfo: HTTPRequestInfo): void {
-    if (this.client?.debugger) {
-      this.client.debugger.send('NETWORK_HTTP_REQUEST', httpRequestInfo);
-    }
-  }
-
-  disableInterception(): void {
-    XHRInterceptor.disableInterception();
-    this.requests.clear();
-  }
-}

package/src/plugins/index.ts

@@ -1,3 +0,0 @@
-export * from './http.plugin';
-// export * from './websocket.plugin';
-export * from './logging.plugin';

package/src/plugins/logging.plugin.ts

@@ -1,52 +0,0 @@
-import {Plugin, TeardownClient} from '../teardown.client';
-
-const originalConsoleLog = console.log;
-const originalConsoleWarn = console.warn;
-const originalConsoleDebug = console.debug;
-const originalConsoleError = console.error;
-
-export class LoggingPlugin implements Plugin {
-  private client: TeardownClient<any> | null = null;
-
-  install(client: TeardownClient<any>): void {
-    this.client = client;
-
-    console.log = (...args: Parameters<typeof console.log>) => {
-      originalConsoleLog(...args);
-
-      this.client?.debugger?.send('CONSOLE_LOG', {
-        type: 'log',
-        args,
-      });
-    };
-
-    console.warn = (...args: Parameters<typeof console.warn>) => {
-      originalConsoleWarn(...args);
-
-      this.client?.debugger?.send('CONSOLE_LOG', {
-        type: 'warn',
-        args,
-      });
-    };
-
-    console.debug = (...args: Parameters<typeof console.debug>) => {
-      originalConsoleDebug(...args);
-
-      this.client?.debugger?.send('CONSOLE_LOG', {
-        type: 'debug',
-        args,
-      });
-    };
-
-    console.error = (...args: Parameters<typeof console.error>) => {
-      originalConsoleError(...args);
-
-      this.client?.debugger?.send('CONSOLE_LOG', {
-        type: 'error',
-        args,
-      });
-    };
-  }
-
-  uninstall() {}
-}

package/src/plugins/websocket.plugin.ts

@@ -1,130 +0,0 @@
-// @ts-ignore
-import WebSocketInterceptor from 'react-native/Libraries/WebSocket/WebSocketInterceptor';
-
-import type {Plugin, TeardownClient} from '../teardown.client';
-import {Logger} from '@teardown/logger';
-import {Util} from '@teardown/util';
-import {
-  WebSocketInfo,
-  WebSocketMessageInfo,
-  WebSocketCloseInfo,
-} from '@teardown/websocket';
-
-export class WebSocketPlugin implements Plugin {
-  private logger = new Logger('WebSocketPlugin');
-  private client: TeardownClient<any> | null = null;
-  private sockets: Map<string, WebSocketInfo> = new Map();
-
-  constructor() {
-    this.setupWebSocketInterceptor();
-  }
-
-  install(client: TeardownClient<any>): void {
-    this.client = client;
-  }
-
-  private setupWebSocketInterceptor(): void {
-    if (WebSocketInterceptor.isInterceptorEnabled()) {
-      this.logger.warn(
-        'WebSocketInterceptor is already enabled by another library, disable it or run this first when your app loads',
-      );
-      this.disableInterception();
-    }
-
-    WebSocketInterceptor.setConnectCallback(this.wsConnectCallback);
-    WebSocketInterceptor.setSendCallback(this.wsSendCallback);
-    WebSocketInterceptor.setOnMessageCallback(this.wsOnMessageCallback);
-    WebSocketInterceptor.setOnCloseCallback(this.wsOnCloseCallback);
-
-    WebSocketInterceptor.enableInterception();
-
-    this.logger.log('WebSocketInterceptor enabled');
-  }
-
-  private wsConnectCallback = (
-    url: string,
-    protocols: string | string[] | undefined,
-    options: Object,
-    socketId: string,
-  ): void => {
-    const requestId = Util.generateUUID();
-    const socketInfo: WebSocketInfo = {
-      id: requestId,
-      url,
-      protocols,
-      timestamp: Date.now(),
-    };
-    this.sockets.set(socketId, socketInfo);
-    this.sendOpenEvent(socketInfo);
-  };
-
-  private wsSendCallback = (
-    data: string | ArrayBuffer | ArrayBufferView,
-    socketId: string,
-  ): void => {
-    const socket = this.sockets.get(socketId);
-    if (socket) {
-      const messageInfo: WebSocketMessageInfo = {
-        id: socket.id,
-        data: '', // TODO: Currently getting array buffer length errors here when sending data
-        timestamp: Date.now(),
-        direction: 'sent',
-      };
-      console.log('messageInfo', messageInfo);
-      // this.sendMessageEvent(messageInfo);
-    }
-  };
-
-  private wsOnMessageCallback = (
-    socketId: string,
-    message: WebSocketMessageEvent,
-  ): void => {
-    const socket = this.sockets.get(socketId);
-    if (socket) {
-      const messageInfo: WebSocketMessageInfo = {
-        id: socket.id,
-        data: '', // TODO: Currently getting array buffer length errors here when sending data
-        timestamp: Date.now(),
-        direction: 'received',
-      };
-      this.sendMessageEvent(messageInfo);
-    }
-  };
-
-  private wsOnCloseCallback = (socketId: string, event: any): void => {
-    const socket = this.sockets.get(socketId);
-    if (socket) {
-      const closeInfo: WebSocketCloseInfo = {
-        id: socket.id,
-        code: event.code,
-        reason: event.reason,
-        timestamp: Date.now(),
-      };
-      this.sendCloseEvent(closeInfo);
-      this.sockets.delete(socketId);
-    }
-  };
-
-  private sendOpenEvent(info: WebSocketInfo): void {
-    if (this.client && this.client.debugger) {
-      this.client.debugger.send('NETWORK_WEBSOCKET_OPEN', info);
-    }
-  }
-
-  private sendMessageEvent(info: WebSocketMessageInfo): void {
-    if (this.client && this.client.debugger) {
-      this.client.debugger.send('NETWORK_WEBSOCKET_MESSAGE', info);
-    }
-  }
-
-  private sendCloseEvent(info: WebSocketCloseInfo): void {
-    if (this.client && this.client.debugger) {
-      this.client.debugger.send('NETWORK_WEBSOCKET_CLOSE', info);
-    }
-  }
-
-  disableInterception(): void {
-    WebSocketInterceptor.disableInterception();
-    this.sockets.clear();
-  }
-}

package/src/services/index.ts

@@ -1 +0,0 @@
-export * from './teardown.service';

package/src/services/teardown.service.ts

@@ -1,27 +0,0 @@
-import {useContext, createContext} from "react";
-import type {PluginTuple, TeardownClient} from "../teardown.client";
-
-export type TeardownServiceContextType<T extends readonly PluginTuple[]> = {
-	client: TeardownClient<T>
-};
-
-const Context = createContext<TeardownServiceContextType<any> | null>(null);
-
-export const TeardownService = {
-    Context,
-    Provider: Context.Provider,
-
-    useState<T extends readonly PluginTuple[]>() {
-        const state = useContext(Context);
-        if (state == null) {
-            throw new Error("TeardownService not found");
-        }
-        return state as TeardownServiceContextType<T>
-    },
-
-    useProvidedState<T extends readonly PluginTuple[]>(client: TeardownClient<T>): TeardownServiceContextType<T> {
-        return {
-			client
-        };
-    },
-};

package/src/teardown.client.ts

@@ -1,74 +0,0 @@
-import {Logger} from '@teardown/logger';
-import {Debugger, DebuggerOptions} from './debugger';
-
-export interface Plugin {
-  install?(client: TeardownClient<any>): void;
-  uninstall?(): void;
-}
-
-export type PluginTuple = readonly [string, Plugin];
-
-type InferPluginFromTuple<T extends PluginTuple> = {
-  [K in T[0]]: Omit<T[1], 'install' | 'uninstall'>;
-};
-
-type InferPluginsFromArray<T extends readonly PluginTuple[]> =
-  UnionToIntersection<InferPluginFromTuple<T[number]>>;
-
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-  k: infer I,
-) => void
-  ? I
-  : never;
-
-export type TeardownClientOptions<T extends readonly PluginTuple[]> = {
-  plugins?: T;
-  debug?: boolean;
-} & DebuggerOptions;
-
-export class TeardownClient<T extends readonly PluginTuple[]> {
-  private logger = new Logger('TeardownClient');
-
-  private readonly plugins: Map<string, Plugin> = new Map();
-
-  public debugger: Debugger | null;
-
-  public api: InferPluginsFromArray<T> = {} as InferPluginsFromArray<T>;
-
-  constructor(options?: TeardownClientOptions<T>) {
-    this.debugger = __DEV__ ? new Debugger(options) : null;
-
-    options?.plugins?.forEach(([key, plugin]) => {
-      this.plugins.set(key, plugin);
-    });
-
-    this.installPlugins();
-  }
-
-  private installPlugins() {
-    this.logger.log('Installing plugins');
-    this.plugins.forEach((plugin, key) => {
-      plugin.install?.(this);
-      (this.api as any)[key] = plugin;
-    });
-    this.logger.log('Plugins installed');
-  }
-
-  uninstallPlugin(key: string) {
-    const plugin = this.plugins.get(key);
-    if (plugin) {
-      plugin.uninstall?.();
-      this.plugins.delete(key);
-      delete (this.api as any)[key];
-    }
-  }
-
-  uninstallAllPlugins() {
-    this.plugins.forEach((_, key) => this.uninstallPlugin(key));
-  }
-
-  reinstallPlugins() {
-    this.uninstallAllPlugins();
-    this.installPlugins();
-  }
-}