import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { createHead, UnheadProvider } from '@unhead/react/client';
import { BrowserRouter } from 'react-router-dom';
import { NostrLoginProvider } from '@nostrify/react/login';
import NostrProvider from '@/components/NostrProvider';
import { AppProvider } from '@/components/AppProvider';
import { NWCProvider } from '@/contexts/NWCContext';
import { LanguageProvider } from '@/contexts/LanguageContext';
import { AppConfig } from '@/contexts/AppContext';

interface TestAppProps {
  children: React.ReactNode;
}

export function TestApp({ children }: TestAppProps) {
  const head = createHead();

  const queryClient = new QueryClient({
    defaultOptions: {
      queries: { retry: false },
      mutations: { retry: false },
    },
  });

  const defaultConfig: AppConfig = {
    theme: 'dark',
    useSkateRelay: true,
    relayMetadata: {
      relays: [
        { url: 'wss://auth.nostr1.com', read: true, write: true },
        { url: 'wss://relay.ditto.pub', read: true, write: true },
        { url: 'wss://relay.skate-spots.org', read: true, write: true },
        { url: 'wss://purplepag.es', read: true, write: false },
      ],
      updatedAt: 0,
    },
  };

  return (
    <UnheadProvider head={head}>
      <LanguageProvider>
        <AppProvider storageKey='test-app-config' defaultConfig={defaultConfig}>
        <QueryClientProvider client={queryClient}>
          <NostrLoginProvider storageKey='test-login'>
            <NostrProvider>
              <NWCProvider>
                <BrowserRouter>
                  {children}
                </BrowserRouter>
              </NWCProvider>
            </NostrProvider>
          </NostrLoginProvider>
        </QueryClientProvider>
        </AppProvider>
      </LanguageProvider>
    </UnheadProvider>
  );
}

export default TestApp;