баг-фикс 30/34

frontend/script.js

@@ -1,34 +1,11 @@
+import { clearAuthState, storeAuthState } from './auth-session.js';
+import { initializeTelemetry } from './telemetry.js';
+
+void initializeTelemetry();
+
 (() => {
   'use strict';
 
-  // --- OpenTelemetry Frontend Instrumentation ---
-  // Загружаем OTel только на продакшене (не на localhost)
-  if (!['localhost', '127.0.0.1'].includes(window.location.hostname)) {
-    import('https://esm.sh/@opentelemetry/sdk-trace-web').then(async ({ WebTracerProvider, BatchSpanProcessor }) => {
-      const { OTLPTraceExporter } = await import('https://esm.sh/@opentelemetry/exporter-trace-otlp-http');
-      const { getWebAutoInstrumentations } = await import('https://esm.sh/@opentelemetry/auto-instrumentations-web');
-      const { registerInstrumentations } = await import('https://esm.sh/@opentelemetry/instrumentation');
-      const { Resource } = await import('https://esm.sh/@opentelemetry/resources');
-
-      const exporter = new OTLPTraceExporter({
-        url: window.location.origin + '/otel/v1/traces'
-      });
-      
-      const provider = new WebTracerProvider({
-        resource: new Resource({ 'service.name': 'magistr-frontend' }),
-      });
-      
-      provider.addSpanProcessor(new BatchSpanProcessor(exporter));
-      provider.register();
-
-      registerInstrumentations({
-        instrumentations: [getWebAutoInstrumentations()]
-      });
-      console.log("SigNoz (OpenTelemetry) инициализирован во фронтенде.");
-    }).catch(e => console.error("Ошибка загрузки OTel:", e));
-  }
-  // ----------------------------------------------
-
   const form = document.getElementById('login-form');
   const usernameInput = document.getElementById('username');
   const passwordInput = document.getElementById('password');
@@ -42,14 +19,8 @@
 
   // Ripple effect
   btnSubmit.addEventListener('click', function(e) {
-    const rect = this.getBoundingClientRect();
-    const x = e.clientX - rect.left;
-    const y = e.clientY - rect.top;
-    
     const ripple = document.createElement('span');
     ripple.classList.add('ripple');
-    ripple.style.left = `${x}px`;
-    ripple.style.top = `${y}px`;
     
     this.appendChild(ripple);
     
@@ -141,15 +112,8 @@
 
 	      if (response.ok) {
 	        showAlert('Вход выполнен успешно!', 'success');
-
-	        localStorage.removeItem('token');
-	        localStorage.removeItem('role');
-	        localStorage.removeItem('departmentId');
-	        localStorage.removeItem('userId');
-	        if (data.token) localStorage.setItem('token', data.token);
-	        if (data.role) localStorage.setItem('role', data.role);
-	        if (data.departmentId) localStorage.setItem('departmentId', data.departmentId);
-        if (data.userId) localStorage.setItem('userId', data.userId);
+        clearAuthState();
+        storeAuthState(data);
 
         const redirect = data.redirect || '/';
         setTimeout(() => { window.location.href = redirect; }, 400);