main.tsx

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { Buffer } from "buffer";
import { StoreProvider } from "./store.js";
import App from "./App.js";
import { testnetGuardError } from "./lib/network.js";
import "./index.css";

// stellar-sdk expects Node's Buffer in the browser.
globalThis.Buffer = globalThis.Buffer ?? Buffer;

const root = createRoot(document.getElementById("root")!);

// Hard guard: testnet-only, mirroring the backend's assertTestnet. Fail visibly before
// mounting the app so a misconfigured PUBLIC passphrase can never sign a transaction.
const guardError = testnetGuardError();
if (guardError) {
  root.render(
    <div className="mx-auto max-w-xl px-4 py-8">
      <div className="rounded-lg border border-danger/40 bg-danger/10 p-4 text-sm">
        {guardError}
      </div>
    </div>,
  );
} else {
  root.render(
    <StrictMode>
      <StoreProvider>
        <App />
      </StoreProvider>
    </StrictMode>,
  );
}