Function App

Example/e2etest/src/index.tsx:19–154

()

const updatePlatform = Platform.OS === 'android' ? 'android' : 'ios';

function App() {
  const {
    checkUpdate,
    client: contextClient,
    packageVersion,
    currentHash,
    lastError,
    progress: { received, total } = {},
    currentVersionInfo,
  } = useUpdate();
  const client = contextClient!;
  const [lastEvent, setLastEvent] = useState('idle');
  const [lastEventData, setLastEventData] = useState('(empty)');
  const [lastEventVersion, setLastEventVersion] = useState('(none)');
  const [lastCheckStatus, setLastCheckStatus] = useState('(none)');
  const [lastCheckResult, setLastCheckResult] = useState('(none)');
  const [selectedStrategy, setSelectedStrategy] =
    useState<UpdateStrategyMode>('silentAndNow');
  const bundleLabelGlobal = globalThis as typeof globalThis & {
    __RNU_E2E_BUNDLE_LABEL?: string;
  };
  const bundleLabel =
    bundleLabelGlobal.__RNU_E2E_BUNDLE_LABEL || LOCAL_UPDATE_LABELS.base;

  const applyStrategy = (strategy: UpdateStrategyMode) => {
    client.setOptions({ updateStrategy: strategy });
    setSelectedStrategy(strategy);
  };

  useEffect(() => {
    const listener = (type: string, data?: Record<string, unknown>) => {
      setLastEvent(type);
      const message = JSON.stringify(data ?? {});
      setLastEventData(message || '(empty)');
      setLastEventVersion(
        typeof data?.newVersion === 'string' ? data.newVersion : '(none)',
      );
    };
    const checkListener = (state: {
      status: string;
      resultKind: string;
      hash?: string;
    }) => {
      setLastCheckStatus(state.status);
      setLastCheckResult(
        state.hash ? `${state.resultKind}:${state.hash}` : state.resultKind,
      );
    };
    eventListener = listener;
    checkStateListener = checkListener;
    return () => {
      if (eventListener === listener) {
        eventListener = null;
      }
      if (checkStateListener === checkListener) {
        checkStateListener = null;
      }
    };