Packages

live_svelte

0.2.0-rc1
0.18.0 0.18.0-rc0 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.16.0 0.15.0 0.15.0-rc.6 0.15.0-rc.5 0.15.0-rc.4 0.15.0-rc.3 0.15.0-rc.2 0.15.0-rc.1 0.14.1 0.14.0 0.13.3 0.13.3-rc.1 0.13.2 0.13.1 0.13.0 0.12.0 0.11.0 0.10.2 0.10.1 0.10.0 0.9.0 0.9.0-rc2 0.9.0-rc1 0.9.0-rc0 0.8.0 0.7.1 0.7.0 0.6.0 0.5.1 0.5.0 0.5.0-rc0 0.4.2 0.4.2-rc0 0.4.1 0.4.1-rc0 0.4.0 0.3.5 0.3.5-rc1 0.3.5-rc0 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.3.0-rc1 0.3.0-rc0 0.2.0 0.2.0-rc1 0.2.0-rc0 0.1.0 0.1.0-rc5 0.1.0-rc4 0.1.0-rc3 0.1.0-rc2 0.1.0-rc1 0.1.0-rc0

E2E reactivity for Svelte and LiveView

HexDocs

Current section

Files

Jump to
Readme
63 Versions
4 Dependencies
Dependants
Files
Activity
live_svelte assets js app.js
Raw

assets/js/app.js 

// If you want to use Phoenix channels, run `mix help phx.gen.channel`

// to get started and then uncomment the line below.

// import "./user_socket.js"



// You can include dependencies in two ways.

//

// The simplest option is to put them in assets/vendor and

// import them using relative paths:

//

//     import "../vendor/some-package.js"

//

// Alternatively, you can `npm install some-package --prefix assets` and import

// them using a path starting with the package name:

//

//     import "some-package"

//



// Include phoenix_html to handle method=PUT/DELETE in forms and buttons.

import "phoenix_html"

// Establish Phoenix Socket and LiveView configuration.

import {Socket} from "phoenix"

import {LiveSocket} from "phoenix_live_view"

import topbar from "../vendor/topbar"

import hooks from './hooks'



let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")

let liveSocket = new LiveSocket("/live", Socket, {hooks, params: {_csrf_token: csrfToken}})



// Show progress bar on live navigation and form submits

topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"})

window.addEventListener("phx:page-loading-start", _info => topbar.show(300))

window.addEventListener("phx:page-loading-stop", _info => topbar.hide())



// connect if there are any LiveViews on the page

liveSocket.connect()



// expose liveSocket on window for web console debug logs and latency simulation:

// >> liveSocket.enableDebug()

// >> liveSocket.enableLatencySim(1000)  // enabled for duration of browser session

// >> liveSocket.disableLatencySim()

window.liveSocket = liveSocket