very first commit

2026-01-18 18:57:06 +04:00
commit bd80896886
152 changed files with 28211 additions and 0 deletions
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -0,0 +1,93 @@
+
+import { Component, OnInit, OnDestroy, signal, ApplicationRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterOutlet } from '@angular/router';
+import { Title } from '@angular/platform-browser';
+import { HeaderComponent } from './components/header/header.component';
+import { FooterComponent } from './components/footer/footer.component';
+import { ApiService } from './services';
+import { Subscription, interval, concat } from 'rxjs';
+import { first } from 'rxjs/operators';
+import { environment } from '../environments/environment';
+import { SwUpdate } from '@angular/service-worker';
+
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet, HeaderComponent, FooterComponent, CommonModule],
+  templateUrl: './app.html',
+  styleUrl: './app.scss'
+})
+export class App implements OnInit, OnDestroy {
+  protected title = environment.brandName;
+  serverAvailable = signal(true);
+  checkingServer = signal(true);
+  private pingSubscription?: Subscription;
+  private updateSubscription?: Subscription;
+
+  constructor(
+    private apiService: ApiService,
+    private titleService: Title,
+    private swUpdate: SwUpdate,
+    private appRef: ApplicationRef
+  ) {}
+
+  ngOnInit(): void {
+    // Устанавливаем заголовок страницы в зависимости от бренда
+    this.titleService.setTitle(`${environment.brandFullName} - Маркетплейс товаров и услуг`);
+    this.checkServerHealth();
+    this.setupAutoUpdates();
+  }
+
+  checkServerHealth(): void {
+    this.pingSubscription = this.apiService.ping().subscribe({
+      next: (response) => {
+        // Server is available
+        this.serverAvailable.set(true);
+        this.checkingServer.set(false);
+      },
+      error: (err) => {
+        console.error('Server health check failed:', err);
+        // Allow app to continue even if server is unreachable
+        this.serverAvailable.set(true);
+        this.checkingServer.set(false);
+      }
+    });
+  }
+
+  setupAutoUpdates(): void {
+    if (!this.swUpdate.isEnabled) {
+      return;
+    }
+
+    // Check for updates every 6 hours
+    const appIsStable$ = this.appRef.isStable.pipe(first(isStable => isStable === true));
+    const every6Hours$ = interval(6 * 60 * 60 * 1000);
+    const checkInterval$ = concat(appIsStable$, every6Hours$);
+
+    this.updateSubscription = checkInterval$.subscribe(async () => {
+      try {
+        await this.swUpdate.checkForUpdate();
+      } catch (err) {
+        console.error('Update check failed:', err);
+      }
+    });
+
+    // Silently activate updates when ready
+    this.swUpdate.versionUpdates.subscribe(event => {
+      if (event.type === 'VERSION_READY') {
+        // Update will activate on next navigation/reload automatically
+        console.log('New app version ready');
+      }
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.pingSubscription?.unsubscribe();
+    this.updateSubscription?.unsubscribe();
+  }
+
+  retryConnection(): void {
+    this.checkingServer.set(true);
+    this.checkServerHealth();    
+  }
+}