Promote version 00f18fb to main

Promoted commit 00f18fbeb787a0e3441cd498bbc1d9c3a9bb82ba to main branch

index.html

@@ -94,19 +94,9 @@
                     </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="Enter your 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>
-                    <div>
-                        <label class="block text-sm font-medium mb-1" id="authEmailLabel">Email</label>
-                        <input type="email" id="authEmail" placeholder="Enter your 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 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>
                         <label class="block text-sm font-medium mb-1">Password</label>
@@ -117,11 +107,11 @@
                         <span id="authToggleText">Don't have an account? </span>
                         <button id="authToggleBtn" class="text-indigo-400 hover:text-indigo-300">Register</button>
                     </div>
-                    <div id="authError" class="text-red-400 text-sm hidden"></div>
                 </div>
             </div>
         </div>
-<!-- Settings Modal -->
+
+        <!-- Settings Modal -->
 <div id="settingsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
             <div class="bg-gray-800 rounded-xl p-6 w-full max-w-md">
                 <div class="flex justify-between items-center mb-4">
@@ -248,39 +238,17 @@ const settingsBtn = document.getElementById('settingsBtn');
         const typingIndicator = document.getElementById('typingIndicator');
         const modelIndicator = document.getElementById('modelIndicator');
         const themeBtns = document.querySelectorAll('.theme-btn');
-// Authentication state management
-        const authError = document.getElementById('authError');
-        const authEmail = document.getElementById('authEmail');
-        const regEmail = document.getElementById('regEmail');
-        const authEmailLabel = document.getElementById('authEmailLabel');
+        // User management
         let isRegistering = false;
 
-        // CSRF token management
-        let csrfToken = '';
-        async function getCsrfToken() {
-            try {
-                const response = await fetch('/api/csrf-token');
-                const data = await response.json();
-                csrfToken = data.token;
-            } catch (error) {
-                console.error('Failed to get CSRF token:', error);
-            }
-        }
-function updateAuthUI() {
+        function updateAuthUI() {
             const loggedInUser = localStorage.getItem('chatRouterUser');
-            const token = localStorage.getItem('chatRouterToken');
-            
-            if (loggedInUser && token) {
+            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;
-                
-                // Load user's chat list if not already loaded
-                if (chatList.children.length === 0) {
-                    loadChatList(loggedInUser);
-                }
             } else {
                 authBtn.innerHTML = `<i data-feather="user" class="w-5 h-5"></i><span>Login</span>`;
                 authBtn.dataset.state = 'login';
@@ -299,131 +267,39 @@ function updateAuthUI() {
             authToggleText.textContent = register ? 'Already have an account? ' : 'Don\'t have an account? ';
             authToggleBtn.textContent = register ? 'Login' : 'Register';
             registerFields.classList.toggle('hidden', !register);
-            authEmailLabel.textContent = register ? 'Email' : 'Email or Username';
             authModal.classList.remove('hidden');
-            authError.classList.add('hidden');
-            authError.textContent = '';
         }
-        async function loginUser(email, password, username = null) {
-            try {
-                const response = await fetch('/api/auth/login', {
-method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify({
-                        email,
-                        username,
-                        password
-                    })
-                });
-
-                if (!response.ok) {
-                    const errorText = await response.text();
-                    try {
-                        // Try parsing as JSON first
-                        const errorData = JSON.parse(errorText);
-                        throw new Error(errorData.message || 'Login failed');
-                    } catch (e) {
-                        // If not JSON, show raw error
-                        throw new Error(errorText || 'Login failed');
-                    }
-                }
-
-                const data = await response.json();
-
-                // Store user session
-                localStorage.setItem('chatRouterUser', data.user.username);
-                localStorage.setItem('chatRouterToken', data.token);
-                localStorage.setItem('chatRouterEmail', data.user.email);
-                localStorage.setItem('chatRouterUserId', data.user.id);
+        // Chat management
+        let currentChatId = null;
 
-                updateAuthUI();
-                createNewChat();
-                loadChatList(data.user.username);
-                authModal.classList.add('hidden');
-                
-            } catch (error) {
-                authError.textContent = error.message.replace('Error: ', '').replace('error: ', '');
-                authError.classList.remove('hidden');
-            }
+        function generateChatId() {
+            return 'chat_' + Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
         }
-        async function registerUser(username, email, password) {
-            try {
-                const response = await fetch('/api/auth/register', {
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify({
-                        username,
-                        email,
-                        password
-                    })
-                });
 
-                const data = await response.json();
-
-                if (!response.ok) {
-                    throw new Error(data.message || 'Registration failed');
-                }
-
-                // Auto-login after registration
-                await loginUser(email, password, username);
-                
-            } catch (error) {
-                authError.textContent = error.message;
-                authError.classList.remove('hidden');
-            }
+        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);
         }
-
         function logoutUser() {
-            // Clear all auth data
+            const username = localStorage.getItem('chatRouterUser');
             localStorage.removeItem('chatRouterUser');
-            localStorage.removeItem('chatRouterToken');
-            localStorage.removeItem('chatRouterEmail');
-            localStorage.removeItem('chatRouterUserId');
+            updateAuthUI();
             
             // Clear current chat and sidebar
             chatContainer.innerHTML = '';
             chatList.innerHTML = '';
             currentChatId = null;
-            
-            updateAuthUI();
             addMessage('system', 'Please log in to start chatting.');
         }
-        async function checkAuthStatus() {
-            const token = localStorage.getItem('chatRouterToken');
-            if (!token) return false;
-
-            try {
-                const response = await fetch('/api/auth/verify', {
-method: 'GET',
-                    headers: {
-                        'Authorization': `Bearer ${token}`
-                    }
-                });
-
-                if (response.ok) {
-                    const data = await response.json();
-                    return data.valid;
-                }
-                return false;
-            } catch (error) {
-                console.error('Auth verification failed:', error);
-                return false;
-            }
-        }
-// Chat management
-        let currentChatId = null;
-
-        function generateChatId() {
-            return 'chat_' + Date.now().toString(36) + Math.random().toString(36).substr(2, 5);
-        }
-function createNewChat() {
+        function createNewChat() {
             const username = localStorage.getItem('chatRouterUser');
             if (!username) return;
             
@@ -795,40 +671,38 @@ async function sendMessage() {
         authToggleBtn.addEventListener('click', () => {
             showAuthModal(!isRegistering);
         });
-        authActionBtn.addEventListener('click', async () => {
-            await getCsrfToken();
-if (isRegistering) {
+
+        authActionBtn.addEventListener('click', () => {
+            if (isRegistering) {
                 const username = regUsername.value.trim();
-                const email = regEmail.value.trim();
                 const password = authPassword.value.trim();
                 
-                if (!username || !email || !password) {
-                    authError.textContent = 'Please fill all fields';
-                    authError.classList.remove('hidden');
+                if (!username || !password) {
+                    alert('Please enter both username and password');
                     return;
                 }
                 
-                if (password.length < 6) {
-                    authError.textContent = 'Password must be at least 6 characters';
-                    authError.classList.remove('hidden');
+                if (localStorage.getItem(`chatRouterPass_${username}`)) {
+                    alert('Username already exists');
                     return;
                 }
                 
-                await registerUser(username, email, password);
+                loginUser(username, password);
             } else {
-                const emailOrUsername = authEmail.value.trim();
+                const username = regUsername.value.trim();
                 const password = authPassword.value.trim();
+                const storedPass = localStorage.getItem(`chatRouterPass_${username}`);
                 
-                if (!emailOrUsername || !password) {
-                    authError.textContent = 'Please enter both email and password';
-                    authError.classList.remove('hidden');
+                if (!storedPass || storedPass !== password) {
+                    alert('Invalid username or password');
                     return;
                 }
                 
-                await loginUser(emailOrUsername, password);
+                loginUser(username, password);
             }
+            authModal.classList.add('hidden');
         });
-newChatBtn.addEventListener('click', createNewChat);
+        newChatBtn.addEventListener('click', createNewChat);
         newSidebarChat.addEventListener('click', createNewChat);
         
         // Sidebar toggle for mobile
@@ -852,19 +726,18 @@ messageInput.addEventListener('keydown', (e) => {
         loadSettings();
         updateAuthUI();
         
-        // Check for existing session on page load
-        if (checkAuthStatus()) {
-            const username = localStorage.getItem('chatRouterUser');
-            loadChatList(username);
-            if (!currentChatId) {
+        // Welcome message
+        setTimeout(() => {
+            if (!localStorage.getItem('chatRouterUser')) {
+                addMessage('system', 'Welcome to ChatRouter! Please log in to start chatting.');
+            } else if (!localStorage.getItem('chatRouterModel')) {
+                addMessage('system', 'Please select a free model from settings to begin.');
+            } else if (!currentChatId) {
                 createNewChat();
             }
-        } else {
-            setTimeout(() => {
-                addMessage('system', 'Welcome to ChatRouter! Please log in to start chatting.');
-            }, 1000);
-        }
-// Close sidebar when clicking outside on mobile
+        }, 1000);
+
+        // Close sidebar when clicking outside on mobile
         document.addEventListener('click', (e) => {
             if (window.innerWidth < 768 && !sidebar.contains(e.target) && e.target !== sidebarToggle) {
                 sidebar.classList.add('hidden');