Run a two-phone BLE app

npx @react-native-community/cli@15.0.1 init OfflineMeshDemo --version 0.76.5
cd OfflineMeshDemo
npm install @offline-protocol/mesh-sdk@0.27.0

cd ios
bundle install
bundle exec pod install
cd ..

import React, { useEffect, useState } from 'react';
import { Button, SafeAreaView, ScrollView, Text, View } from 'react-native';
import type { ProtocolEvent } from '@offline-protocol/mesh-sdk';
import { protocol, discoveredPeers, startMesh, stopMesh, sendUpdate } from './mesh';
import { requestMeshPermissions } from './permissions';

export default function App() {
  const [running, setRunning] = useState(false);
  const [busy, setBusy] = useState(false);
  const [peers, setPeers] = useState<string[]>([]);
  const [lines, setLines] = useState<string[]>([]);
  const log = (text: string) => setLines(previous => [text, ...previous].slice(0, 30));

  useEffect(() => {
    const receive = (event: ProtocolEvent) => {
      if (event.type === 'message_received') log(`Received from ${event.sender}: ${event.content}`);
      if (event.type === 'message_delivered') log(`SDK delivery: ${event.message_id}`);
      if (event.type === 'message_failed') log(`Failed: ${event.reason}`);
      if (event.type === 'neighbor_discovered') log(`Discovered over ${event.transport}: ${event.peer_id}`);
    };
    protocol.on('all', receive);
    const timer = setInterval(() => {
      setPeers([...discoveredPeers]);
    }, 500);
    return () => {
      clearInterval(timer);
      protocol.off('all', receive);
    };
  }, []);

  async function run(action: () => Promise<void>) {
    setBusy(true);
    try { await action(); }
    catch (error) { log(String(error)); }
    finally { setBusy(false); }
  }

  return (
    <SafeAreaView style={{ flex: 1 }}>
      <ScrollView contentContainerStyle={{ padding: 20, gap: 16 }}>
        <Text style={{ fontSize: 24 }}>Mesh Demo</Text>
        <Text>{running ? 'Running over BLE' : 'Stopped'}</Text>
        <Button title={running ? 'Stop mesh' : 'Start mesh'} disabled={busy} onPress={() => void run(async () => {
          if (running) { await stopMesh(); setRunning(false); }
          else {
            if (!(await requestMeshPermissions())) throw new Error('Bluetooth permissions required');
            await startMesh(); setRunning(true);
            log(`Local address: ${await protocol.localAddress()}`);
          }
        })} />
        {peers.map(peer => (
          <View key={peer} style={{ gap: 8 }}>
            <Text selectable>{peer}</Text>
            <Button title="Send inspection update"
              disabled={!running || busy}
              onPress={() => void run(async () => { log(`Queued: ${await sendUpdate(peer)}`); })} />
          </View>
        ))}
        <Text>Received content is displayed only. This demo does not store a durable handoff.</Text>
        {lines.map((line, index) => <Text selectable key={index}>{line}</Text>)}
      </ScrollView>
    </SafeAreaView>
  );
}