Promote version 119476f to main

Promoted commit 119476fc75149f1a9955e6c0afc2f0c2d01d5d70 to main branch

index.html

@@ -94,27 +94,15 @@
                     </button>
                 </div>
                 <div id="authForm" class="space-y-4">
-                    <div id="registerFields" class="hidden space-y-4">
-                        <div>
-                            <label class="block text-sm font-medium mb-1">Username</label>
-                            <input type="text" id="regUsername" placeholder="Choose a username" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium mb-1">Email</label>
-                            <input type="email" id="regEmail" placeholder="Your email address" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                        </div>
+                    <div id="registerFields" class="hidden">
+                        <label class="block text-sm font-medium mb-1">Username</label>
+                        <input type="text" id="regUsername" placeholder="Choose a username" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
                     </div>
-                    <div id="loginFields">
-                        <div>
-                            <label class="block text-sm font-medium mb-1">Username or Email</label>
-                            <input type="text" id="authIdentifier" placeholder="Enter username or email" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium mb-1">Password</label>
-                            <input type="password" id="authPassword" placeholder="Enter your password" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
-                        </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Password</label>
+                        <input type="password" id="authPassword" placeholder="Enter your password" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500">
                     </div>
-<button id="authActionBtn" class="w-full bg-indigo-600 hover:bg-indigo-500 text-white py-2 rounded-lg transition-colors">Login</button>
+                    <button id="authActionBtn" class="w-full bg-indigo-600 hover:bg-indigo-500 text-white py-2 rounded-lg transition-colors">Login</button>
                     <div class="text-center text-sm">
                         <span id="authToggleText">Don't have an account? </span>
                         <button id="authToggleBtn" class="text-indigo-400 hover:text-indigo-300">Register</button>
@@ -253,38 +241,26 @@ const settingsBtn = document.getElementById('settingsBtn');
         // User management
         let isRegistering = false;
 
-        async function updateAuthUI() {
-            try {
-                const response = await fetch('/api/auth/status');
-                const data = await response.json();
-                
-                if (data.authenticated) {
-                    authBtn.innerHTML = `<i data-feather="log-out" class="w-5 h-5"></i><span>Logout</span>`;
-                    authBtn.dataset.state = 'logout';
-                    document.querySelector('#newChatBtn').disabled = false;
-                    document.querySelector('#settingsBtn').disabled = false;
-                    sendBtn.disabled = false;
-                    
-                    // Load user's chat list
-                    loadChatList(data.username);
-                    
-                    // Create new chat if none exists
-                    if (!currentChatId) {
-                        createNewChat();
-                    }
-                } else {
-                    authBtn.innerHTML = `<i data-feather="user" class="w-5 h-5"></i><span>Login</span>`;
-                    authBtn.dataset.state = 'login';
-                    document.querySelector('#newChatBtn').disabled = true;
-                    document.querySelector('#settingsBtn').disabled = true;
-                    sendBtn.disabled = true;
-                }
-                feather.replace();
-            } catch (error) {
-                console.error('Auth status check failed:', error);
+        function updateAuthUI() {
+            const loggedInUser = localStorage.getItem('chatRouterUser');
+            if (loggedInUser) {
+                authBtn.innerHTML = `<i data-feather="log-out" class="w-5 h-5"></i><span>Logout</span>`;
+                authBtn.dataset.state = 'logout';
+                document.querySelector('#newChatBtn').disabled = false;
+                document.querySelector('#settingsBtn').disabled = false;
+                sendBtn.disabled = false;
+            } else {
+                authBtn.innerHTML = `<i data-feather="user" class="w-5 h-5"></i><span>Login</span>`;
+                authBtn.dataset.state = 'login';
+                document.querySelector('#newChatBtn').disabled = true;
+                document.querySelector('#settingsBtn').disabled = true;
+                sendBtn.disabled = true;
+                showAuthModal();
             }
+            feather.replace();
         }
-function showAuthModal(register = false) {
+
+        function showAuthModal(register = false) {
             isRegistering = register;
             authModalTitle.textContent = register ? 'Register' : 'Login';
             authActionBtn.textContent = register ? 'Register' : 'Login';
@@ -299,80 +275,31 @@ function showAuthModal(register = false) {
         function generateChatId() {
             return 'chat_' + Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
         }
-        async function loginUser(identifier, password) {
-            try {
-                const response = await fetch('/api/auth/login', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify({
-                        identifier,
-                        password
-                    })
-                });
-                
-                const data = await response.json();
-                
-                if (data.success) {
-                    updateAuthUI();
-                } else {
-                    alert(data.message || 'Login failed');
-                }
-            } catch (error) {
-                console.error('Login error:', error);
-                alert('Login failed. Please try again.');
-            }
-        }
 
-        async function registerUser(username, email, password) {
-            try {
-                const response = await fetch('/api/auth/register', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify({
-                        username,
-                        email,
-                        password
-                    })
-                });
-                
-                const data = await response.json();
-                
-                if (data.success) {
-                    updateAuthUI();
-                } else {
-                    alert(data.message || 'Registration failed');
-                }
-            } catch (error) {
-                console.error('Registration error:', error);
-                alert('Registration failed. Please try again.');
-            }
+        function loginUser(username, password) {
+            // Simple auth - store user in localStorage
+            localStorage.setItem('chatRouterUser', username);
+            localStorage.setItem(`chatRouterPass_${username}`, password); // Not secure for production!
+            updateAuthUI();
+            
+            // Create a new chat session
+            createNewChat();
+            
+            // Load user's chat list
+            loadChatList(username);
         }
-
-        async function logoutUser() {
-            try {
-                const response = await fetch('/api/auth/logout', {
-                    method: 'POST'
-                });
-                
-                const data = await response.json();
-                
-                if (data.success) {
-                    // Clear current chat and sidebar
-                    chatContainer.innerHTML = '';
-                    chatList.innerHTML = '';
-                    currentChatId = null;
-                    addMessage('system', 'Please log in to start chatting.');
-                    updateAuthUI();
-                }
-            } catch (error) {
-                console.error('Logout error:', error);
-            }
+        function logoutUser() {
+            const username = localStorage.getItem('chatRouterUser');
+            localStorage.removeItem('chatRouterUser');
+            updateAuthUI();
+            
+            // Clear current chat and sidebar
+            chatContainer.innerHTML = '';
+            chatList.innerHTML = '';
+            currentChatId = null;
+            addMessage('system', 'Please log in to start chatting.');
         }
-function createNewChat() {
+        function createNewChat() {
             const username = localStorage.getItem('chatRouterUser');
             if (!username) return;
             
@@ -744,37 +671,38 @@ async function sendMessage() {
         authToggleBtn.addEventListener('click', () => {
             showAuthModal(!isRegistering);
         });
-        authActionBtn.addEventListener('click', async () => {
+
+        authActionBtn.addEventListener('click', () => {
             if (isRegistering) {
                 const username = regUsername.value.trim();
-                const email = regEmail.value.trim();
                 const password = authPassword.value.trim();
                 
-                if (!username || !email || !password) {
-                    alert('Please fill all fields');
+                if (!username || !password) {
+                    alert('Please enter both username and password');
                     return;
                 }
                 
-                if (password.length < 6) {
-                    alert('Password must be at least 6 characters');
+                if (localStorage.getItem(`chatRouterPass_${username}`)) {
+                    alert('Username already exists');
                     return;
                 }
                 
-                await registerUser(username, email, password);
+                loginUser(username, password);
             } else {
-                const identifier = authIdentifier.value.trim();
+                const username = regUsername.value.trim();
                 const password = authPassword.value.trim();
+                const storedPass = localStorage.getItem(`chatRouterPass_${username}`);
                 
-                if (!identifier || !password) {
-                    alert('Please fill all fields');
+                if (!storedPass || storedPass !== password) {
+                    alert('Invalid username or password');
                     return;
                 }
                 
-                await loginUser(identifier, password);
+                loginUser(username, password);
             }
             authModal.classList.add('hidden');
         });
-newChatBtn.addEventListener('click', createNewChat);
+        newChatBtn.addEventListener('click', createNewChat);
         newSidebarChat.addEventListener('click', createNewChat);
         
         // Sidebar toggle for mobile