Single Source of Truth Architecture - Complete authentication state management with storage-based getAuthState() as sole authoritative source

examples/login-and-profile.html

@@ -51,19 +51,20 @@
         await window.NOSTR_LOGIN_LITE.init({
           theme: 'default',
           darkMode: false,
-          relays: [relayUrl, 'wss://relay.damus.io'],
           methods: {
             extension: true,
             local: true,
-            readonly: true,
+            seedphrase: true,
             connect: true,   // Enables "Nostr Connect" (NIP-46)
             remote: true,    // Also needed for "Nostr Connect" compatibility
             otp: true        // Enables "DM/OTP"
           },
           floatingTab: {
             enabled: true,
-            hPosition: 0.80,    // 95% from left
-            vPosition: 0.01,     // 50% from top (center)
+            hPosition: .98,    // 95% from left
+            vPosition: 0,     // 50% from top (center)
+            getUserInfo: true,    // Fetch user profiles
+            getUserRelay: ['wss://relay.laantungir.net'],  // Custom relays for profiles
             appearance: {
               style: 'minimal',
               theme: 'auto',
@@ -88,16 +89,17 @@
         console.log('SUCCESS', 'NOSTR_LOGIN_LITE initialized successfully');
 
         window.addEventListener('nlMethodSelected', handleAuthEvent);
+        window.addEventListener('nlLogout', handleLogoutEvent);
 
       } catch (error) {
         console.log('ERROR', `Initialization failed: ${error.message}`);
-       
+
       }
     }
 
 
     function handleAuthEvent(event) {
-      const {pubkey, method, error } = event.detail;
+      const { pubkey, method, error } = event.detail;
       console.log('INFO', `Auth event received:  method=${method}`);
 
       if (method && pubkey) {
@@ -108,10 +110,20 @@
 
       } else if (error) {
         console.log('ERROR', `Authentication error: ${error}`);
-       
+
       }
     }
 
+    function handleLogoutEvent() {
+      console.log('INFO', 'Logout event received');
+      // Clear local UI state
+      userPubkey = null;
+      document.getElementById('profile-name').textContent = '';
+      document.getElementById('profile-about').textContent = '';
+      document.getElementById('profile-pubkey').textContent = '';
+      document.getElementById('profile-picture').src = '';
+    }
+
     // Load user profile using nostr-tools pool
     async function loadUserProfile() {
       if (!userPubkey) return;
@@ -124,7 +136,7 @@
         // Create a SimplePool instance
         const pool = new window.NostrTools.SimplePool();
         const relays = [relayUrl, 'wss://relay.laantungir.net'];
-        
+
         // Get profile event (kind 0) for the user using querySync
         const events = await pool.querySync(relays, {
           kinds: [0],
@@ -171,7 +183,7 @@
     async function logout() {
       console.log('INFO', 'Logging out...');
       try {
-        await nlLite.logout();
+        window.NOSTR_LOGIN_LITE.logout();
         console.log('SUCCESS', 'Logged out successfully');
       } catch (error) {
         console.log('ERROR', `Logout failed: ${error.message}`);