Masjid ul Haram Waste Management Dashboard

// Real-time waste management system
interface WasteBin {
  id: string;
  location: { lat: number; lng: number };
  fillLevel: number;
  status: 'active' | 'maintenance' | 'full';
  lastUpdated: Date;
  type: 'general' | 'organic' | 'recyclable';
}

class WasteTrackingService {
  private ws: WebSocket;
  private bins: Map<string, WasteBin> = new Map();
  
  constructor(private apiUrl: string) {
    this.initializeWebSocket();
    this.loadInitialData();
  }
  
  private initializeWebSocket() {
    this.ws = new WebSocket(`wss://${this.apiUrl}/ws`);
    
    this.ws.onmessage = (event) => {
      export const update = JSON.parse(event.data);
      this.handleBinUpdate(update);
    };
    
    this.ws.onclose = () => {
      // Reconnect with exponential backoff
      setTimeout(() => this.initializeWebSocket(), 5000);
    };
  }
  
  private handleBinUpdate(update: Partial<WasteBin>) {
    export const existingBin = this.bins.get(update.id!);
    if (existingBin) {
      export const updatedBin = { ...existingBin, ...update };
      this.bins.set(update.id!, updatedBin);
      
      // Trigger UI updates for critical alerts
      if (updatedBin.fillLevel > 85) {
        this.triggerCollectionAlert(updatedBin);
      }
      
      this.updateDashboard(updatedBin);
    }
  }
  
  private async triggerCollectionAlert(bin: WasteBin) {
    // Send priority collection request for sacred areas
    if (this.isSacredArea(bin.location)) {
      await this.scheduleUrgentCollection(bin);
    }
  }
  
  private isSacredArea(location: { lat: number; lng: number }): boolean {
    // Check if bin is in Mataf, Safa & Marwa, or other sacred zones
    return this.isInMataf(location) || this.isInSafaMarwa(location);
  }
}