expo-dev-menu/app/native-modules/DevMenu.ts

Expo/React Native module with the developer menu.

import { requireNativeModule } from 'expo-modules-core';
import { Alert, DeviceEventEmitter, EventSubscription } from 'react-native';

export type JSEngine = 'Hermes' | 'JSC' | 'V8';

export type AppInfo = {
  appIcon?: string;
  appVersion?: string;
  hostUrl?: string;
  appName?: string;
  sdkVersion?: string;
  runtimeVersion?: string;
  engine?: JSEngine;
};

export type DevSettings = {
  isElementInspectorShown?: boolean;
  isHotLoadingEnabled?: boolean;
  isPerfMonitorShown?: boolean;
  isElementInspectorAvailable?: boolean;
  isHotLoadingAvailable?: boolean;
  isPerfMonitorAvailable?: boolean;
  isJSInspectorAvailable?: boolean;
};

export type MenuPreferences = {
  isOnboardingFinished?: boolean;
};

const DevMenu = requireNativeModule('ExpoDevMenuInternal');

export function hideMenu(): void {
  DevMenu.hideMenu();
}

export function closeMenu(): void {
  DevMenu.closeMenu();
}

export function subscribeToCloseEvents(listener: () => void): EventSubscription {
  return DeviceEventEmitter.addListener('closeDevMenu', listener);
}

export function subscribeToOpenEvents(listener: () => void): EventSubscription {
  return DeviceEventEmitter.addListener('openDevMenu', listener);
}

export function openDevMenuFromReactNative() {
  DevMenu.openDevMenuFromReactNative();
}

export async function togglePerformanceMonitorAsync() {
  return await DevMenu.togglePerformanceMonitor();
}

export async function toggleElementInspectorAsync() {
  return await DevMenu.toggleInspector();
}

export async function reloadAsync() {
  return await DevMenu.reload();
}

export async function toggleFastRefreshAsync() {
  return await DevMenu.toggleFastRefresh();
}

export async function openJSInspector() {
  return await DevMenu.openJSInspector();
}

export async function copyToClipboardAsync(content: string) {
  return await DevMenu.copyToClipboardAsync(content);
}

export async function setOnboardingFinishedAsync(isFinished: boolean) {
  return await DevMenu.setOnboardingFinished(isFinished);
}

export async function loadFontsAsync() {
  return await DevMenu.loadFontsAsync();
}

export async function fireCallbackAsync(name: string) {
  return await DevMenu.fireCallback(name).catch((error) => {
    console.warn(error.message);
    Alert.alert('Error', error.message);
  });
}