Include NostrLoginProvider, narrow down default relays

src/App.tsx

@@ -1,3 +1,4 @@
+import NostrProvider from '@/components/NostrProvider'
 import { Toaster } from "@/components/ui/toaster";
 import { Toaster as Sonner } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
@@ -5,10 +6,20 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
+import { NostrLoginProvider } from '@nostrify/react/login';
+
+// AI: do not modify this relay list
+const defaultRelays = [
+  'wss://relay.damus.io',
+  'wss://relay.nostr.band',
+  'wss://ditto.pub/relay',
+];
 
 const queryClient = new QueryClient();
 
 const App = () => (
+  <NostrLoginProvider storageKey='nostr:login'>
+    <NostrProvider relays={defaultRelays}>
       <QueryClientProvider client={queryClient}>
         <TooltipProvider>
           <Toaster />
@@ -22,6 +33,8 @@ const App = () => (
           </BrowserRouter>
         </TooltipProvider>
       </QueryClientProvider>
+    </NostrProvider>
+  </NostrLoginProvider>
 );
 
 export default App;

src/components/NostrProvider.tsx

@@ -4,7 +4,7 @@ import React, { useRef } from 'react';
 
 interface NostrProviderProps {
   children: React.ReactNode;
-  relays: `wss://${string}`[];
+  relays: string[];
 }
 
 const NostrProvider: React.FC<NostrProviderProps> = (props) => {

src/main.tsx

@@ -2,17 +2,5 @@ import { createRoot } from 'react-dom/client'
 
 import App from './App.tsx'
 import './index.css'
-import NostrProvider from './components/NostrProvider.tsx'
 
-const defaultRelays: `wss://${string}`[] = [
-  'wss://relay.damus.io',
-  'wss://relay.nostr.band',
-  'wss://nostr.mom',
-  'wss://nos.lol'
-];
-
-createRoot(document.getElementById("root")!).render(
-  <NostrProvider relays={defaultRelays}>
-    <App />
-  </NostrProvider>
-);
+createRoot(document.getElementById("root")!).render(<App />);