import { Injectable } from '@angular/core'
import { ActivationStart, Event, Router } from '@angular/router'
import { filter } from 'rxjs'

const EXCLUDE_COMPONENTS = ['AppFrameComponent']

@Injectable({
  providedIn: 'root',
})
export class ComponentRouterService {
  private history: string[] = []
  private componentHistory: any[] = []

  constructor(private router: Router) {
    this.router.events
      .pipe(filter((event: Event) => event instanceof ActivationStart))
      .subscribe((event: ActivationStart) => {
        if (
          this.componentHistory[this.componentHistory.length - 1] !==
            event.snapshot.data.componentName &&
          !EXCLUDE_COMPONENTS.includes(event.snapshot.data.componentName)
        ) {
          this.history.push(event.snapshot.url.toString())
          this.componentHistory.push(event.snapshot.data.componentName)
        } else {
          // Update the URL of the current component in case the same component was loaded via a different URL
          this.history[this.history.length - 1] = event.snapshot.url.toString()
        }
      })
  }

  public getComponentURLBefore(): any {
    if (this.componentHistory.length > 1) {
      return this.history[this.history.length - 2]
    }
    return null
  }
}