Packages

phx_new

1.7.21
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.4.0-dev.0 1.3.5

Phoenix framework project generator. Provides a `mix phx.new` task to bootstrap a new Elixir application with Phoenix dependencies.

HexDocs

Current section

Files

Jump to
Readme
106 Versions
0 Dependencies
5 Dependants
Files
Activity
phx_new templates phx_assets app.js
Raw

templates/phx_assets/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"

//

<%= if @html do %>

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

import "phoenix_html"

// Establish Phoenix Socket and LiveView configuration.

<%= @live_comment %>import {Socket} from "<%= @phoenix_js_path %>"

<%= @live_comment %>import {LiveSocket} from "phoenix_live_view"

<%= @live_comment %>import topbar from "../vendor/topbar"



<%= @live_comment %>let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")

<%= @live_comment %>let liveSocket = new LiveSocket("/live", Socket, {

<%= @live_comment %>  longPollFallbackMs: 2500,

<%= @live_comment %>  params: {_csrf_token: csrfToken}

<%= @live_comment %>})



// Show progress bar on live navigation and form submits

<%= @live_comment %>topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"})

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

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



// connect if there are any LiveViews on the page

<%= @live_comment %>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()

<%= @live_comment %>window.liveSocket = liveSocket

<% end %>