import { Socket } from "phoenix"

let socket = new Socket("/socket", { params: {} })
socket.connect()

let channel = socket.channel("messages:all", {})
let list = document.querySelector("#message-list")

channel.on('new_message', payload => {
  console.log(payload)
  list.append(`<b>[${payload.datetime}] ${payload.from}:</b> ${payload.text}<br>`);
  list.prop({ scrollTop: list.prop("scrollHeight") });
});

channel.join()
  .receive("ok", resp => { console.log("Joined successfully", resp) })
  .receive("error", resp => { console.log("Unable to join", resp) })

export default socket