端末の時計を戻されても「今日の1枚」が崩れない設計 — 日替わりコンテンツの日付境界とストリーク整合

// hooks/useDailyContent.ts
import { useEffect, useRef, useState } from "react";
import { AppState } from "react-native";
import { todayKey } from "../lib/dayKey";
 
export function useDailyContent() {
  const [key, setKey] = useState(todayKey());
  const keyRef = useRef(key);
  keyRef.current = key;
 
  useEffect(() => {
    const check = () => {
      const now = todayKey();
      if (now !== keyRef.current) setKey(now); // 日付が進んでいたら差し替え
    };
 
    const sub = AppState.addEventListener("change", (s) => {
      if (s === "active") check(); // 復帰のたびに点検
    });
    // 画面を開きっぱなしの人向けに、軽いフォアグラウンド点検も置く
    const id = setInterval(check, 60_000);
 
    return () => {
      sub.remove();
      clearInterval(id);
    };
  }, []);
 
  return key; // この dayKey からコンテンツを引く
}

// lib/streak.ts
import AsyncStorage from "@react-native-async-storage/async-storage";
import { todayKey } from "./dayKey";
 
type StreakState = {
  lastDayKey: string;   // 最後に達成した日
  count: number;        // 連続日数
  lastSeenWall: number; // 最後に観測した壁時計(ms)
};
 
const KEY = "streak.v1";
 
function diffInDays(a: string, b: string): number {
  // dayKey 同士の日数差。UTC正午で固定して DST の影響を消す。
  const da = new Date(`${a}T12:00:00Z`).getTime();
  const db = new Date(`${b}T12:00:00Z`).getTime();
  return Math.round((db - da) / 86_400_000);
}
 
export async function recordToday(): Promise<StreakState> {
  const raw = await AsyncStorage.getItem(KEY);
  const now = Date.now();
  const today = todayKey();
 
  if (!raw) {
    const fresh = { lastDayKey: today, count: 1, lastSeenWall: now };
    await AsyncStorage.setItem(KEY, JSON.stringify(fresh));
    return fresh;
  }
 
  const s: StreakState = JSON.parse(raw);
 
  // 壁時計が過去に巻き戻っている → 時刻操作の疑い。記録は据え置き、加算しない。
  if (now < s.lastSeenWall - 60_000) {
    s.lastSeenWall = now;
    await AsyncStorage.setItem(KEY, JSON.stringify(s));
    return s;
  }
 
  const gap = diffInDays(s.lastDayKey, today);
 
  if (gap <= 0) {
    // 同じ日に複数回開いた。二重加算しない。
    s.lastSeenWall = now;
  } else if (gap === 1) {
    s.count += 1;          // 昨日からの正規の継続
    s.lastDayKey = today;
    s.lastSeenWall = now;
  } else {
    // 2日以上空いた。1日だけグレースを認めるなら gap === 2 を継続扱いにする。
    s.count = 1;
    s.lastDayKey = today;
    s.lastSeenWall = now;
  }
 
  await AsyncStorage.setItem(KEY, JSON.stringify(s));
  return s;
}