Helpers for loading files directly into the cache.

Static assets such as fonts and images are usually stored as files on the local storage device. These files need to be loaded into the cache in order to be used by the various parts of Scenic.

Where to store your static file assets

You can store your assets anywhere in your app’s priv/ directory. This directory is special in the sense that the Elixir build system knows to copy its contents into the correct final build location. How you organize your assets inside of priv/ is up to you.

my_app/
  priv/
    static/
      images/
        asset.jpg

At compile time you need to build the actual path of your asset by combining the build directory with the partial path inside of priv/

Example

path = :code.priv_dir(:my_app)
|> Path.join("/static/images/asset.jpg")

You can do this at either compile time or runtime.

Security

A lesson learned the hard way is that static assets (fonts, images, etc) that your app loads out of storage can easily become attack vectors.

These formats are complicated! There is no guarantee (on any system) that a malformed asset will not cause an error in the C code that interprets it. Again - these are complicated and the renderers need to be fast…

The solution is to compute a SHA hash of these files during build-time of your and to store the result in your applications code itself. Then during run time, you compare then pre-computed hash against the run-time of the asset being loaded.

These scheme is much stronger when the application code itself is also signed and verified, but that is an exercise for the packaging tools.

When assets are loaded this way, the @asset_hash term is also used as the key in the cache. This has the additional benefit of allowing you to pre-compute the graph itself, using the correct keys for the correct assets.

Full example

defmodule MyApp.MyScene do
  use Scenic.Scene

  # build the path to the static asset file (compile time)
  @asset_path :code.priv_dir(:my_app) |> Path.join("/static/images/asset.jpg")

  # pre-compute the hash (compile time)
  @asset_hash Scenic.Cache.Hash.file!( @asset_path, :sha )

  # build a graph that uses the asset (compile time)
  @graph Scenic.Graph.build()
  |> rect( {100, 100}, fill: {:image, @asset_hash} )

  def init( _, _ ) {
    # load the asset into the cache (run time)
    Scenic.Cache.File.load(@asset_path, @asset_hash)

    # push the graph. (run time)
    push_graph(@graph)

    {:ok, @graph}
  end

end