import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { App } from "./App.tsx";

const root = document.getElementById("root");
if (root === null) throw new Error("#root is missing from index.html");

createRoot(root).render(
  <StrictMode>
    <App />
  </StrictMode>,
);

// Offline support. Registered after render so it never delays first paint, and
// guarded because file:// and older browsers have no service worker at all.
if ("serviceWorker" in navigator && location.protocol.startsWith("http")) {
  window.addEventListener("load", () => {
    const swUrl = new URL("sw.js", document.baseURI);
    void navigator.serviceWorker.register(swUrl).catch(() => {
      // An unavailable worker costs offline support, nothing else. The app
      // works exactly as before.
    });
  });
}