import React from "react";
import { createRoot } from "react-dom/client";
import { CrashBoundary } from "./components/ui/CrashBoundary";
import WatchPage from "./watch/WatchPage";
import { T } from "./watch/watchStrings";
import "./index.css";
import { installStaleBuildReload } from "./lib/staleBuild";

// The entry of a public /watch/<token> link (watch.html). Whoever opens it got the link from a
// friend: signed out, often on a phone, often on mobile data — so it imports the player page and
// what that page renders, and none of main.tsx's app (no providers, no app i18n, no client-log
// wiring: an anonymous viewer has no diagnostics consent to send it under). A contract test walks
// this file's imports and fails on any of those (`watchEntry.contract.test.ts`).

// A tab left open across a release reloads onto the new build instead of failing on a chunk.
installStaleBuildReload();

const crashCopy = () => ({ title: T.crashTitle, subtitle: T.crashHint, reload: T.reload });

createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <CrashBoundary copy={crashCopy}>
      <WatchPage />
    </CrashBoundary>
  </React.StrictMode>,
);