import React from "react";
import ReactDOM from "react-dom/client";
import { DEFAULT_REMOTE_URLS } from "../src/remote/ui/_core/constants.js";

// The deployed preview must exercise the same remote files that consumer apps load.
// Keep the filenames stable; only resolve them against the current deployment origin.
const remoteBaseUrl = window.location.origin;

DEFAULT_REMOTE_URLS.AppHeader = `${remoteBaseUrl}/AppHeader.js`;
DEFAULT_REMOTE_URLS.AppSidebar = `${remoteBaseUrl}/AppSidebar.js`;
DEFAULT_REMOTE_URLS.Pagination = `${remoteBaseUrl}/Pagination.js`;
DEFAULT_REMOTE_URLS.GBadge = `${remoteBaseUrl}/GBadge.js`;

const { default: RemoteUiPreview } = await import(
  "../src/dev/AppHeaderPreview.jsx"
);

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <RemoteUiPreview />
  </React.StrictMode>,
);