import { hydrate } from "react-dom";
import { RemixBrowser } from "@remix-run/react";

hydrate(<RemixBrowser />, document);

if ("serviceWorker" in navigator) {
	window.addEventListener("load", async () => {
		try {
			await navigator.serviceWorker.register("/entry.worker.js");
			await navigator.serviceWorker.ready;

			if (navigator.serviceWorker.controller) {
				return navigator.serviceWorker.controller.postMessage({
					type: "SYNC_REMIX_MANIFEST",
					manifest: window.__remixManifest,
				});
			}

			navigator.serviceWorker.addEventListener("controllerchange", () => {
				navigator.serviceWorker.controller?.postMessage({
					type: "SYNC_REMIX_MANIFEST",
					manifest: window.__remixManifest,
				});
			});
		} catch (error) {
			console.error("Service worker registration failed", error, (error as Error).name);
		}
	});
}