Implement the register screen and make auth work

frontend/src/auth/api.ts

@@ -1,5 +1,5 @@
 import { API_BASE_URL } from "../core/config";
-import { showLogin } from "../navigation";
+// import { showLogin } from "../navigation";
 import type { Headers, User, WebSocketMessage } from "../core/types";
 import { clearAlerts } from "./auth";
 import { request } from "../websocket";
@@ -65,7 +65,7 @@ export function getAuthHeaders(json: boolean = true): Headers {
 export async function checkAuthStatus(): Promise<void> {
     // For JWT, we don't have a persistent token on page load
     // So we'll just show the login form
-    showLogin();
+    // showLogin();
 }
 
 /**
@@ -83,6 +83,6 @@ export async function logout(): Promise<void> {
     
     currentUser = null;
     authToken = null;
-    showLogin();
+    // showLogin();
     clearAlerts();
 }

frontend/src/auth/auth.ts

@@ -5,9 +5,6 @@
  * @version 1.0.0
  */
 
-import type { ErrorResponse, RegisterRequest } from "../core/types";
-import { API_BASE_URL } from "../core/config";
-import { showLogin } from "../navigation";
 import { id } from "../utils/utils";
 
 /**
@@ -17,94 +14,4 @@ import { id } from "../utils/utils";
 export function clearAlerts(): void {
     id('login-alerts').innerHTML = '';
     id('register-alerts').innerHTML = '';
-}
-
-/**
- * Shows an alert message in the specified container
- * @param {string} containerId - ID of the container to show the alert in
- * @param {string} message - Alert message to display
- * @param {'success' | 'danger'} type - Type of alert (success or danger)
- */
-export function showAlert(containerId: string, message: string, type: "success" | "danger" = 'danger'): void {
-    const container = id(containerId);
-    const alertDiv = document.createElement('div');
-    alertDiv.className = `alert alert-${type}`;
-    alertDiv.textContent = message;
-    container.appendChild(alertDiv);
-}
-
-/**
- * Handles registration form submission
- * @param {Event} e - Form submission event
- * @private
- */
-async function handleRegister(e: Event): Promise<void> {
-    e.preventDefault();
-
-    const usernameElement = id<HTMLInputElement>('register-username');
-    const passwordElement = id<HTMLInputElement>('register-password');
-    const confirmPasswordElement = id<HTMLInputElement>('register-confirm-password');
-    
-    const username = usernameElement.value.trim();
-    const password = passwordElement.value.trim();
-    const confirmPassword = confirmPasswordElement.value.trim();
-    
-    if (!username || !password || !confirmPassword) {
-        showAlert('register-alerts', 'Пожалуйста, заполните все поля', 'danger');
-        return;
-    }
-    
-    if (password !== confirmPassword) {
-        showAlert('register-alerts', 'Пароли не совпадают', 'danger');
-        return;
-    }
-    
-    if (username.length < 3 || username.length > 20) {
-        showAlert('register-alerts', 'Имя пользователя должно быть от 3 до 20 символов', 'danger');
-        return;
-    }
-    
-    if (password.length < 5 || password.length > 50) {
-        showAlert('register-alerts', 'Пароль должен быть от 5 до 50 символов', 'danger');
-        return;
-    }
-    
-    try {
-        const request: RegisterRequest = {
-            username: username,
-            password: password,
-            confirm_password: confirmPassword
-        }
-
-        const response = await fetch(`${API_BASE_URL}/register`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(request)
-        });
-        
-        if (response.ok) {
-            // Registration successful
-            showAlert('register-alerts', 'Регистрация прошла успешно! Теперь вы можете войти.', 'success');
-            setTimeout(() => {
-                showLogin();
-            }, 2000);
-        } else {
-            const data: ErrorResponse = await response.json();
-            showAlert('register-alerts', data.message || 'Ошибка при регистрации', 'danger');
-        }
-    } catch (error) {
-        showAlert('register-alerts', 'Ошибка соединения с сервером', 'danger');
-    }
-}
-
-/**
- * Initializes authentication functionality
- * @private
- */
-function init(): void {
-    id('register-form-element').addEventListener('submit', handleRegister);
-}
-
-init();
+}