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

// Prevent right-click "Save image as" on all images
document.addEventListener("contextmenu", (e) => {
  if ((e.target as HTMLElement).tagName === "IMG") {
    e.preventDefault();
  }
});

// Tag the document for Safari so CSS can disable expensive blur/animation layers.
// Safari (especially iOS) chokes on heavy backdrop-blur + pulsing huge blurs.
(() => {
  const ua = navigator.userAgent;
  const isSafari = /^((?!chrome|android|crios|fxios).)*safari/i.test(ua);
  if (isSafari) document.documentElement.setAttribute("data-browser", "safari");
})();

createRoot(document.getElementById("root")!).render(<App />);