OTAアップデートを段階配信する仕組みを、壊さずに育てる

// src/lib/updateHealthGuard.ts
import * as Updates from 'expo-updates';
import AsyncStorage from '@react-native-async-storage/async-storage';
 
const PENDING_KEY = 'update.pendingVerify';
const FAIL_COUNT_KEY = 'update.bootFailCount';
const MAX_BOOT_FAILS = 2;
 
// アプリ起動の最初期（描画前）に呼ぶ
export async function guardOnBoot(): Promise<void> {
  if (__DEV__ || !Updates.isEnabled) return;
 
  const currentId = Updates.updateId ?? 'embedded';
  const pending = await AsyncStorage.getItem(PENDING_KEY);
 
  // このバンドルは「検証待ち」だった。つまり前回起動できず、また同じものを掴んでいる
  if (pending === currentId) {
    const fails = Number(await AsyncStorage.getItem(FAIL_COUNT_KEY) ?? '0') + 1;
    await AsyncStorage.setItem(FAIL_COUNT_KEY, String(fails));
 
    if (fails >= MAX_BOOT_FAILS) {
      // 連続で起動に失敗 → 埋め込みバンドル（ストア版）へ強制ロールバック
      await AsyncStorage.multiRemove([PENDING_KEY, FAIL_COUNT_KEY]);
      await Updates.fetchUpdateAsync().catch(() => {});
      await Updates.reloadAsync(); // 次回サーバーが正常ブランチを返せばそれを掴む
      return;
    }
  } else {
    // 新しいバンドルを掴んだ → 「検証待ち」として記録
    await AsyncStorage.setItem(PENDING_KEY, currentId);
    await AsyncStorage.setItem(FAIL_COUNT_KEY, '0');
  }
}
 
// 重要な初期化（ナビゲーション構築・初回API応答）まで到達したら呼ぶ
export async function markBootHealthy(): Promise<void> {
  await AsyncStorage.multiRemove([PENDING_KEY, FAIL_COUNT_KEY]);
}

// App.tsx — guard を最上流に、healthy マークを「描画に成功した地点」に置く
import { useEffect } from 'react';
import { guardOnBoot, markBootHealthy } from './src/lib/updateHealthGuard';
 
export default function App() {
  useEffect(() => {
    guardOnBoot(); // 描画前のロールバック判定
  }, []);
 
  return (
    <AppNavigator
      onReady={() => {
        // ナビゲーションが実際に立ち上がった = このバンドルは生きている
        markBootHealthy();
      }}
    />
  );
}