fixup: add LiveView support (#1772)

* feat(SiteWeb.Endpoint): add live view config

* feat(SiteWeb.Endpoint): add LiveView socket

* feat(SiteWeb.Endpoint): add .heex to live reload

* feat(app.html.eex): Add CSRF token meta tag

* deps(npm): add phoenix_live_view

* feat: connect Phoenix LiveSocket in frontend

apps/site/assets/js/app.js

@@ -48,6 +48,28 @@ import tabbedNav from "./tabbed-nav.js";
 import { accordionInit } from "../ts/ui/accordion";
 import initializeSentry from "../ts/sentry";
 
+// Establish Phoenix Socket and LiveView configuration.
+import { Socket } from "phoenix";
+import { LiveSocket } from "phoenix_live_view";
+
+let csrfToken = document
+  .querySelector("meta[name='csrf-token']")
+  .getAttribute("content");
+let Hooks = {};
+let liveSocket = new LiveSocket("/live", Socket, {
+  params: { _csrf_token: csrfToken },
+  hooks: Hooks
+});
+
+// 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;
+
 initializeSentry();
 
 document.body.className = document.body.className.replace("no-js", "js");