fix: Read phoenix js assests at compile time (#355)

Author: ken-kost

assets/js/app.js

@@ -1,7 +1,4 @@
-import "phoenix_html";
-import { Socket } from "phoenix";
 import topbar from "../vendor/topbar";
-import { LiveSocket } from "phoenix_live_view";
 
 let socketPath =
   document.querySelector("html").getAttribute("phx-socket") || "/live";
@@ -228,7 +225,7 @@ let params = () => {
   };
 };
 
-let liveSocket = new LiveSocket(socketPath, Socket, {
+let liveSocket = new LiveView.LiveSocket(socketPath, Phoenix.Socket, {
   params: params,
   hooks: Hooks,
   dom: {

lib/ash_admin/components/layouts.ex

@@ -3,13 +3,22 @@ defmodule AshAdmin.Layouts do
   use AshAdmin.Web, :html
   use Phoenix.Component
 
-  js_path = Path.join(__DIR__, "../../../priv/static/assets/app.js")
-  css_path = Path.join(__DIR__, "../../../priv/static/assets/app.css")
+  phoenix_js_paths =
+    for app <- ~w(phoenix phoenix_html phoenix_live_view)a do
+      path = Application.app_dir(app, ["priv", "static", "#{app}.js"])
+      Module.put_attribute(__MODULE__, :external_resource, path)
+      path
+    end
+
+  @static_path Application.app_dir(:ash_admin, ["priv", "static"])
 
-  @external_resource js_path
-  @external_resource css_path
+  @external_resource js_path = Path.join(@static_path, "assets/app.js")
+  @external_resource css_path = Path.join(@static_path, "assets/app.css")
 
-  @app_js File.read!(js_path)
+  @app_js """
+  #{for path <- phoenix_js_paths, do: path |> File.read!() |> String.replace("//# sourceMappingURL=", "// ")}
+  #{File.read!(js_path)}
+  """
   @app_css File.read!(css_path)
 
   def render("app.js", _), do: @app_js