app.js for phoenix framework chatting example

app.js

// Brunch automatically concatenates all files in your
// watched paths. Those paths can be configured at
// config.paths.watched in "brunch-config.js".
//
// However, those files will only be executed if
// explicitly imported. The only exception are files
// in vendor, which are never wrapped in imports and
// therefore are always executed.

// Import dependencies
//
// If you no longer want to use a dependency, remember
// to also remove its path from "config.paths.watched".
import "phoenix_html"

// Import local files
//
// Local files can be imported directly using relative
// paths "./socket" or full ones "web/static/js/socket".

// import socket from "./socket"
import socket from "./socket"

class App {
  static init() {
    console.log("Initialized")
    var username = $("#username")
    var msgBody  = $("#message")



      let socket = new Socket("/socket")
      socket.connect()
      socket.onClose( e => console.log("Closed connection") )

      var channel = socket.channel("rooms:lobby", {})
      channel.join()
        .receive( "error", () => console.log("Connection error") )


      msgBody.off("keypress")
      .on("keypress", e => {
        if (e.keyCode == 13) {
         console.log('[${username.val()}] ${msgBody.val()}')
         msgBody.val("")
       }
      })
  }
}

$( () => App.init() )

export default App