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

export class LocationView extends View {
  model: Location
  _hash_listener: any

  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)
  }

  connect_signals(): void {
    super.connect_signals()

    this.connect(this.model.properties.pathname.change, () => this.update('pathname'))
    this.connect(this.model.properties.search.change, () => this.update('search'))
    this.connect(this.model.properties.hash.change, () => this.update('hash'))
    this.connect(this.model.properties.reload.change, () => this.update('reload'))
  }

  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 as string)
      if (change == 'search')
        window.location.search = (this.model.search as string)
      if (change == 'hash')
        window.location.hash = (this.model.hash as string)
    }
  }
}

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 {
  properties: Location.Props

  static __module__ = "panel.models.location"

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

  static init_Location(): void {
    this.prototype.default_view = LocationView

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