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


// Dev-only: ?frame=iphone17 renders the app at one device's proportions, scaled
// to fill the browser window. The dynamic import keeps this module out of a
// production build entirely.
if (import.meta.env.DEV && new URLSearchParams(location.search).has("frame")) {
  import("./devFrame").then(({ installFrame }) =>
    installFrame(new URLSearchParams(location.search).get("frame")),
  );
}

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