react-native-xenon/src/core/refs.ts

A powerful in-app debugging tool for React Native.

import { createRef } from 'react';
import type { IndexedStackMethods } from '../ui/components/common/IndexedStack';
import { Animated, Dimensions, type TextInput } from 'react-native';

export enum DebuggerVisibility {
  Hidden = -1,
  Bubble = 0,
  Panel = 1,
  Search = 2,
}

export enum PanelState {
  Network = 0,
  Console = 1,
  NetworkDetail = 2,
  ConsoleDetail = 3,
}

export enum HeaderState {
  Debugger = 0,
  Network = 1,
  Console = 2,
}

const refs = {
  debugger: createRef<IndexedStackMethods<DebuggerVisibility>>(),
  panel: createRef<IndexedStackMethods<PanelState>>(),
  header: createRef<IndexedStackMethods<HeaderState>>(),
  searchInput: createRef<TextInput>(),
  panelSize: (() => {
    const ref = createRef<Animated.ValueXY>();
    const dimensions = Dimensions.get('window');
    ref.current = new Animated.ValueXY({
      x: dimensions.width,
      y: Math.min(dimensions.width, dimensions.height) * 0.75,
    });
    return ref;
  })(),
};

export default refs;