Hey @mindok I believe this is it. Here is what I’m getting.
assets/js/app.js
import css from "../css/app.css"
import "phoenix_html"
import {Socket} from "phoenix"
import LiveSocket from "phoenix_live_view"
let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content");
let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}});
console.log(Socket, "SOCKET");
console.log(liveSocket.connect());
In normal browsing mode I don’t get any console, however, when I empty cache and hard reload or visit incognito mode I get the following log in phoenix
[info] REFUSED CONNECTION TO Phoenix.LiveView.Socket in 218µs
Transport: :websocket
Serializer: Phoenix.Socket.V2.JSONSerializer
Connect Info: %{}
Parameters: %{"_csrf_token" => "O30ePiBaAy8jIXIqcxB1OEE1EDcIJyt4jLDpf3iekE6lFaMv-ljdWVF7", "vsn" => "2.0.0"}
[error] LiveView was not configured to use session. Do so with:
1) Find `plug Plug.Session, ...` in your endpoint.ex and move the options `...` to a module attribute:
@session_options [
...
]
2) Change the `plug Plug.Session` to use said attribute:
plug Plug.Session, @session_options
3) Also pass the `@session_options` to your LiveView socket:
socket "/live", Phoenix.LiveView.Socket,
websocket: [connect_info: [session: @session_options]]
4) You should define the CSRF meta tag inside the in <head> in your layout:
<%= csrf_meta_tag() %>
5) Then in your app.js:
let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content");
let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}});
[info] REFUSED CONNECTION TO Phoenix.LiveView.Socket in 204µs
Transport: :websocket
Serializer: Phoenix.Socket.V2.JSONSerializer
Connect Info: %{}
Parameters: %{"_csrf_token" => "O30ePiBaAy8jIXIqcxB1OEE1EDcIJyt4jLDpf3iekE6lFaMv-ljdWVF7", "vsn" => "2.0.0"}
And i’m able to see JS console as well. But when I do a normal refresh, my assets get’s cached and i don’t see the JS console anymore.
