Модуль — это запись в реестре

const { NativeModules, Platform } = ReactNative;

console.log("платформа:", Platform.OS);
console.log("модули:", Object.keys(NativeModules));
console.log("в UIManager:", Object.keys(NativeModules.UIManager).join(", "));
console.log("ExpoSecureStore:", NativeModules.ExpoSecureStore);

// expo-modules-core 57.0.13 · src/requireNativeModule.ts, строки 32–49
export function requireOptionalNativeModule<ModuleType = any>(
  moduleName: string
): ModuleType | null {
  ensureNativeModulesAreInstalled();

  try {
    return (
      globalThis.expo?.modules?.[moduleName] ??
      NativeModulesProxy[moduleName] ??
      createTurboModuleToExpoProxy(TurboModuleRegistry.get(moduleName), moduleName) ??
      null
    );
  } catch (e) {
    const error = e as Error;
    console.warn(`An error occurred while requiring the '${moduleName}' module: ${error.message}`);
    return null;
  }
}

// react-native 0.86.0 · Libraries/TurboModule/TurboModuleRegistry.js, строки 17–33
const turboModuleProxy = global.__turboModuleProxy;

function requireModule<T extends TurboModule>(name: string): ?T {
  if (turboModuleProxy != null) {
    const module: ?T = turboModuleProxy(name);
    if (module != null) {
      return module;
    }
  }

  const legacyModule: ?T = NativeModules[name];
  if (legacyModule != null) {
    return legacyModule;
  }

  return null;
}

const { NativeModules } = ReactNative;

// обе глобали на телефоне ставит натив через JSI, поэтому здесь они объявлены, а не созданы
interface ExpoGlobal {
  modules: Record<string, unknown>;
}
declare var expo: ExpoGlobal | undefined;
declare var __turboModuleProxy: ((name: string) => unknown) | undefined;

// TurboModuleRegistry.get из react-native 0.86: те же две попытки
function turboGet(name: string): unknown {
  return globalThis.__turboModuleProxy?.(name) ?? NativeModules[name] ?? null;
}

// requireOptionalNativeModule из expo-modules-core 57, без устаревшего NativeModulesProxy
function requireOptionalNativeModule<T>(name: string): T | null {
  return (globalThis.expo?.modules[name] ?? turboGet(name) ?? null) as T | null;
}

function requireNativeModule<T>(name: string): T {
  const found = requireOptionalNativeModule<T>(name);
  if (!found) throw new Error("Cannot find native module '" + name + "'");
  return found;
}

console.log("UIManager:", requireOptionalNativeModule("UIManager") === NativeModules.UIManager);
console.log("ExpoSecureStore:", requireOptionalNativeModule("ExpoSecureStore"));
requireNativeModule("ExpoSecureStore");
console.log("после requireNativeModule");

// базовый класс веб-модуля; события у него появятся в следующем разделе
class NativeModule {}

interface ExpoGlobal {
  modules: Record<string, NativeModule>;
}
declare var expo: ExpoGlobal | undefined;

// polyfill из expo-modules-core: реестр ставится один раз на всё приложение
function installExpoGlobalPolyfill(): void {
  if (globalThis.expo) return;
  globalThis.expo = { modules: {} };
}

function registerWebModule<T extends NativeModule>(Impl: new () => T, moduleName?: string): T {
  installExpoGlobalPolyfill();
  const name = moduleName ?? Impl.name;
  if (!name) {
    throw new Error("Web module implementation is missing a name - it is either not a class or has been minified. Pass the name as a second argument to the `registerWebModule` function.");
  }
  const modules = globalThis.expo!.modules;
  if (modules[name]) return modules[name] as T;
  modules[name] = new Impl();
  return modules[name] as T;
}

class NetStatus extends NativeModule {
  constructor() {
    super();
    console.log("создан экземпляр NetStatus");
  }
}

// модуль импортируют два файла: лента и экран тренировки
const inFeed = registerWebModule(NetStatus);
const inWorkout = registerWebModule(NetStatus);
console.log("один объект:", inFeed === inWorkout);
console.log("в реестре:", Object.keys(globalThis.expo!.modules));
registerWebModule(class extends NativeModule {});

// expo-modules-core 57.0.13 · src/requireNativeModule.web.ts, строки 13–20, кавычки двойные
export function requireOptionalNativeModule<ModuleType = any>(
  moduleName: string
): ModuleType | null {
  if (typeof globalThis.ExpoDomWebView === "object" && globalThis?.expo?.modules != null) {
    return globalThis.expo?.modules?.[moduleName] ?? null;
  }
  return null;
}

declare function registerWebModule<T>(Impl: new () => T, moduleName?: string): T;
type Listener = (payload: unknown) => void;

// EventEmitter из polyfill/CoreModule.ts, без обобщённой карты событий и без try/catch вокруг слушателя
class EventEmitter {
  private listeners = new Map<string, Set<Listener>>();
  addListener(eventName: string, listener: Listener): { remove(): void } {
    if (!this.listeners.has(eventName)) this.listeners.set(eventName, new Set());
    const before = this.listenerCount(eventName);
    this.listeners.get(eventName)!.add(listener);
    if (before === 0 && this.listenerCount(eventName) === 1) this.startObserving(eventName);
    return { remove: () => this.removeListener(eventName, listener) };
  }
  removeListener(eventName: string, listener: Listener): void {
    const removed = this.listeners.get(eventName)?.delete(listener);
    if (this.listenerCount(eventName) === 0 && removed) this.stopObserving(eventName);
  }
  emit(eventName: string, payload: unknown): void {
    // копия набора: слушатель вправе отписаться прямо во время рассылки
    new Set(this.listeners.get(eventName)).forEach((listener) => listener(payload));
  }
  listenerCount(eventName: string): number {
    return this.listeners.get(eventName)?.size ?? 0;
  }
  startObserving(eventName: string): void {}
  stopObserving(eventName: string): void {}
}

class NativeModule extends EventEmitter {}
class NetStatus extends NativeModule {
  startObserving(): void {
    console.log("модуль: слушаю систему");
  }
  stopObserving(): void {
    console.log("модуль: перестал слушать");
  }
}

const net = registerWebModule(NetStatus, "NetStatus");
const feed = net.addListener("change", (online) => console.log("лента:", online));
const workout = net.addListener("change", (online) => console.log("тренировка:", online));
net.emit("change", false);
feed.remove();
net.emit("change", true);
workout.remove();

declare class NativeModule {
  addListener(eventName: string, listener: (payload: unknown) => void): { remove(): void };
  listenerCount(eventName: string): number;
}
declare function registerWebModule<T extends NativeModule>(Impl: new () => T, moduleName?: string): T;
const { View, Text, Pressable } = ReactNative;

class NetStatus extends NativeModule {
  startObserving(): void {
    console.log("модуль: слушаю систему");
  }
  stopObserving(): void {
    console.log("модуль: перестал слушать");
  }
}
const net = registerWebModule(NetStatus, "NetStatus");

function OfflineBadge() {
  const [online, setOnline] = React.useState(true);
  React.useEffect(() => {
    const sub = net.addListener("change", (value) => setOnline(value === true));
    return () => sub.remove();
  }, []);
  return <Text>{online ? "в сети" : "без сети: подходы ждут в очереди"}</Text>;
}

function WorkoutScreen() {
  const [open, setOpen] = React.useState(true);
  return (
    <View>
      {open && <OfflineBadge />}
      <Pressable testID="leave" onPress={() => setOpen(false)}>
        <Text>Закрыть тренировку</Text>
      </Pressable>
    </View>
  );
}

mount(<WorkoutScreen />);
setTimeout(() => fireEvent.press("leave"), 100);
setTimeout(() => {
  console.log("слушателей:", net.listenerCount("change"));
  console.log("повторный импорт — тот же объект:", registerWebModule(NetStatus, "NetStatus") === net);
}, 200);

// expo-secure-store 57.0.1 · src/ExpoSecureStore.ts — iOS и Android
import { requireNativeModule } from "expo-modules-core";
export default requireNativeModule("ExpoSecureStore");

// expo-secure-store 57.0.1 · src/ExpoSecureStore.web.ts — веб, файл целиком
export default {};

// expo-updates 57.0.17 · src/ExpoUpdates.web.ts — последняя строка
export default registerWebModule(ExpoUpdatesModule, "ExpoUpdates");

// ExpoSecureStore.web.ts из expo-secure-store 57 — весь файл целиком.
// Тип any — тот же, что у requireNativeModule() без параметра
const ExpoSecureStore: any = {};

// SecureStore.ts — обёртка, одна на все платформы
async function isAvailableAsync(): Promise<boolean> {
  return !!ExpoSecureStore.getValueWithKeyAsync;
}
async function getItemAsync(key: string): Promise<string | null> {
  return await ExpoSecureStore.getValueWithKeyAsync(key, {});
}

isAvailableAsync().then((ok) => console.log("доступен:", ok));
getItemAsync("session").catch((e: Error) => console.log(e.name + ":", e.message));