import { StrictMode, lazy, Suspense } from 'react';
import { createRoot } from 'react-dom/client';
import { App } from './app/App';
import './styles/index.css';

// گالریِ شکل‌ها فقط در حالتِ توسعه؛ در build اصلاً وارد نمی‌شود (import.meta.env.DEV ثابت است).
const DiagramGallery = import.meta.env.DEV
  ? lazy(() => import('./dev/DiagramGallery').then((m) => ({ default: m.DiagramGallery })))
  : null;
const showGallery = DiagramGallery && new URLSearchParams(window.location.search).has('gallery');

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    {showGallery && DiagramGallery ? (
      <Suspense fallback={null}><DiagramGallery /></Suspense>
    ) : (
      <App />
    )}
  </StrictMode>,
);