画面を行き来したあと、全画面広告が出なくなりました。広告の部品が、閉じた画面を握ったままだったためです

// fake-ad.ts — 全画面広告 SDK の代役。「イベントを後から受け取る」性質だけを再現する
export type AdEvent = "loaded" | "closed";
type Listener = () => void;
 
export class FakeInterstitial {
  private listeners: Record<AdEvent, Set<Listener>> = {
    loaded: new Set(),
    closed: new Set(),
  };
  loadCalls = 0;
  showCalls = 0;
 
  addListener(event: AdEvent, cb: Listener): () => void {
    this.listeners[event].add(cb);
    return () => this.listeners[event].delete(cb);
  }
  load(): void {
    this.loadCalls += 1;
  }
  show(): void {
    this.showCalls += 1;
  }
  // テストから「SDK がイベントを返した」ことにするための入口
  emit(event: AdEvent): void {
    for (const cb of [...this.listeners[event]]) cb();
  }
}

// screen.ts — 画面の代役。閉じた(alive=false)画面に届いた通知を数える
export interface Host {
  name: string;
  onReady(): void;
  onClosed(): void;
}
 
export class FakeScreen implements Host {
  alive = true;
  ready = false;
  deadDeliveries = 0; // 閉じたあとに届いた通知の数
 
  name: string;
  constructor(name: string) {
    this.name = name;
  }
 
  onReady(): void {
    if (!this.alive) return void (this.deadDeliveries += 1);
    this.ready = true;
  }
  onClosed(): void {
    if (!this.alive) return void (this.deadDeliveries += 1);
    this.ready = false;
  }
  unmount(): void {
    this.alive = false;
  }
}

// holder-buggy.ts — 壊れていた形。「作り直さない」は正しいが、通知先を最初の画面に固定している
import { FakeInterstitial } from "./fake-ad.ts";
import type { Host } from "./screen.ts";
 
let ad: FakeInterstitial | null = null;
 
export function getAd(host: Host): FakeInterstitial {
  if (ad) return ad; // 2回目以降は、作り直さずに同じものを返す
  const created = new FakeInterstitial();
  created.addListener("loaded", () => host.onReady()); // host は最初の画面のまま固定される
  created.addListener("closed", () => {
    host.onClosed();
    created.load();
  });
  created.load();
  ad = created;
  return created;
}

// holder-fixed.ts — 直した形。広告は作り直さず、通知先だけを最新に差し替える
import { FakeInterstitial } from "./fake-ad.ts";
import type { Host } from "./screen.ts";
 
let ad: FakeInterstitial | null = null;
let host: Host | null = null; // 今の通知先（いなければ null）
let ready = false;            // 広告の状態は、画面ではなく部品が持つ
 
function ensureAd(): FakeInterstitial {
  if (ad) return ad;
  const created = new FakeInterstitial();
  created.addListener("loaded", () => {
    ready = true;
    host?.onReady();
  });
  created.addListener("closed", () => {
    ready = false;
    host?.onClosed();
    created.load();
  });
  created.load();
  ad = created;
  return created;
}
 
export function attach(next: Host): void {
  ensureAd();
  host = next;
  if (ready) next.onReady(); // すでに読み込み済みなら、新しい画面にもすぐ伝える
}
 
export function detach(prev: Host): void {
  if (host === prev) host = null; // 自分が今の通知先のときだけ外す
}
 
export function show(): boolean {
  if (!ready || !ad) return false;
  ad.show();
  return true;
}

// 比較用: 条件なしで外す書き方
export function detachUnconditional(): void {
  host = null;
}

import { useCallback, useState } from "react";
import { useFocusEffect } from "expo-router";
import { attach, detach, show } from "./holder-fixed";
 
export function useInterstitial() {
  const [ready, setReady] = useState(false);
 
  useFocusEffect(
    useCallback(() => {
      const host = {
        name: "screen",
        onReady: () => setReady(true),
        onClosed: () => setReady(false),
      };
      attach(host);
      return () => detach(host); // 同じ host のときだけ外れる
    }, [])
  );
 
  return { ready, show };
}

// catalog.ts — 一覧の件数を、モジュールが持つ配列から出している例
let items: string[] = [];
 
// 壊れた形: 読み込みのたびに足していく
export function loadCatalogBuggy(fresh: string[]): void {
  items.push(...fresh);
}
 
// 直した形: 作り直す前に、いったん空にする（まとめて置き換える）
export function loadCatalogFixed(fresh: string[]): void {
  items = [...fresh];
}
 
export function sliderMax(): number {
  return items.length;
}

grep -rnE "^(export )?(let|var) |^(export )?const \w+(: [^=]+)? = (new (Map|Set)|\[\])" app src --include="*.ts" --include="*.tsx"