import type * as p from "@bokehjs/core/properties"
import {View} from "@bokehjs/core/view"
import {Model} from "@bokehjs/model"

export class LocationView extends View {
  declare model: Location

  _hash_listener: any

  override initialize(): void {
    super.initialize()

    this.model.pathname = window.location.pathname
    this.model.search = window.location.search
    this.model.hash = window.location.hash

    // Readonly parameters on python side
    this.model.href = window.location.href
    this.model.hostname = window.location.hostname
    this.model.protocol = window.location.protocol
    this.model.port = window.location.port

    this._hash_listener = () => {
      this.model.hash = window.location.hash
    }
    window.addEventListener("hashchange", this._hash_listener)

    this._has_finished = true
    this.notify_finished()
  }

  override connect_signals(): void {
    super.connect_signals()

    const {pathname, search, hash, reload} = this.model.properties
    this.on_change(pathname, () => this.update("pathname"))
    this.on_change(search, () => this.update("search"))
    this.on_change(hash, () => this.update("hash"))
    this.on_change(reload, () => this.update("reload"))
  }

  override remove(): void {
    super.remove()
    window.removeEventListener("hashchange", this._hash_listener)
  }

  update(change: string): void {
    if (!this.model.reload || (change === "reload")) {
      window.history.pushState(
        {},
        "",
        `${this.model.pathname}${this.model.search}${this.model.hash}`,
      )
      this.model.href = window.location.href
      if (change === "reload") {
        window.location.reload()
      }
    } else {
      if (change == "pathname") {
        window.location.pathname = (this.model.pathname)
      }
      if (change == "search") {
        window.location.search = (this.model.search)
      }
      if (change == "hash") {
        window.location.hash = (this.model.hash)
      }
    }
  }
}

export namespace Location {
  export type Attrs = p.AttrsOf<Props>
  export type Props = Model.Props & {
    href: p.Property<string>
    hostname: p.Property<string>
    pathname: p.Property<string>
    protocol: p.Property<string>
    port: p.Property<string>
    search: p.Property<string>
    hash: p.Property<string>
    reload: p.Property<boolean>
  }
}

export interface Location extends Location.Attrs { }

export class Location extends Model {
  declare properties: Location.Props

  static override __module__ = "panel.models.location"

  constructor(attrs?: Partial<Location.Attrs>) {
    super(attrs)
  }

  static {
    this.prototype.default_view = LocationView

    this.define<Location.Props>(({Bool, Str}) => ({
      href:     [ Str,     "" ],
      hostname: [ Str,     "" ],
      pathname: [ Str,     "" ],
      protocol: [ Str,     "" ],
      port:     [ Str,     "" ],
      search:   [ Str,     "" ],
      hash:     [ Str,     "" ],
      reload:   [ Bool, false ],
    }))
  }
}