Class WindowManagerService

src/app/services/window-manager.ts:21–200

  providedIn: 'root'
})
export class WindowManagerService {
  private windows = signal<Map<string, WindowState>>(new Map());
  private nextZIndex = signal(1000);
  private backgroundImage = signal('wall-1');

  getWindows() {
    return this.windows();
  }

  getBackgroundImage() {
    return this.backgroundImage();
  }

  setBackgroundImage(image: string) {
    this.backgroundImage.set(image);
    localStorage.setItem('bg-image', image);
  }

  openWindow(app: App) {
    const windows = new Map(this.windows());
    const existingWindow = windows.get(app.id);

    if (existingWindow && existingWindow.isMinimized) {
      // Restore minimized window
      existingWindow.isMinimized = false;
      existingWindow.isFocused = true;
      existingWindow.zIndex = this.nextZIndex();
      this.nextZIndex.update(v => v + 1);
      windows.set(app.id, existingWindow);
      this.windows.set(windows);
      this.trackFrequentApp(app.id);
      return;
    }

    if (existingWindow && existingWindow.isOpen) {
      // Focus existing window
      this.focusWindow(app.id);
      return;
    }

    // Track frequent apps for new windows
    this.trackFrequentApp(app.id);

    // Create new window - center it on screen with slight offset for multiple windows
    const openWindows = Array.from(windows.values()).filter(w => w.isOpen && !w.isMinimized);
    const windowCount = openWindows.length;
    
    // Window dimensions (percentage) - responsive based on screen size
    const isMobile = window.innerWidth < 640; // Tailwind's sm breakpoint
    const windowWidthPercent = isMobile ? 85 : 60;
    const windowHeightPercent = isMobile ? 60 : 70;
    
    // Calculate centered position
    const centerX = (100 - windowWidthPercent) / 2;
    const centerY = (100 - windowHeightPercent) / 2;
    
    // Add offset for multiple windows (cascade effect)
    const offsetPercent = 3; // 3% offset per window