Specs

css_link(binary(), binary()) :: binary()

Helper to generate HTML for a CSS link with static tracking:

<link phx-track-static rel="stylesheet" href="/some-styles.css"/>

Helper to get HTML for all entry points at once

Specs

for_entry(list(), binary()) :: binary()

Generate all links for an entry struct in following order:

1. styles to prevent FOUC
2. main entry script
3. imports

<link phx-track-static rel="stylesheet" href="/assets/main.34asdfsf.css"/> <script type="module" crossorigin defer phx-track-static src="/assets/main.89abc777.js"></script> <link rel="modulepreload" href="/assets/_vendor.7788aaa.js">

Specs

inlined_phx_manifest() :: {atom(), binary()} | binary()

Helper to generate inlined Phoenix cache manifest to simplify integration with Javascript code.

The manifest generated by mix phx.digest is stored in a global variable window.PhxManifest. Only works in :prod environment.

Specs

module_preload(binary(), binary()) :: binary()

Helper to generate HTML for module preloading, eg:

<link rel="modulepreload" href="/a-module.js">

Specs

module_script(binary(), binary()) :: binary()

Helper to generate HTML for JS modules

Has automatic inclusion of defer, crossorigin and phx-track-static attributes.

<script type="module" crossorigin defer phx-track-static src="/module.js"></script>

Specs

vite_client() :: binary() | {:safe, binary()}

The snippet for @vite/client during development. Does nothing in :prod env.

Specs

vite_snippet(binary()) :: binary() | {:safe, binary()}

The complete snippet for a single entry-point during prod. Delegates to vite dev-server otherwise. See :for_entry for details.