prop/assets/js/locate_me_hook.js

export const CopyLink = {
  mounted() {
    this.el.addEventListener("click", () => {
      const url = window.location.origin + this.el.dataset.url
      navigator.clipboard.writeText(url).then(() => {
        const orig = this.el.innerHTML
        this.el.innerHTML = '<span class="text-success">Copied!</span>'
        setTimeout(() => { this.el.innerHTML = orig }, 1500)
      })
    })
  }
}

export const LocateMe = {
  mounted() {
    this.el.addEventListener("click", () => this.locate())

    // Also respond to server-pushed request (for source=gps URLs)
    this.handleEvent("request_gps", () => this.locate())
  },

  locate() {
    if (!navigator.geolocation) {
      alert("Geolocation is not supported by this browser")
      return
    }

    this.el.classList.add("loading", "loading-spinner")

    navigator.geolocation.getCurrentPosition(
      (pos) => {
        this.el.classList.remove("loading", "loading-spinner")
        this.pushEvent("gps_location", {
          lat: pos.coords.latitude,
          lon: pos.coords.longitude
        })
      },
      (err) => {
        this.el.classList.remove("loading", "loading-spinner")
        alert("Could not get location: " + err.message)
      },
      { enableHighAccuracy: true, timeout: 10000 }
    )
  }
}