Rendering EEx from a string

Can you elaborate on this? Where are the templates stored that they cannot be compiled?

Keep in mind that all a controller does is to call render/2 on the view. And you can define that manually:

defmodule MyView do
  def render(template, assigns) do
    ...
  end
end

So you could do:

defmodule MyView do
  def render(template, assigns) do
    EEx.eval_file(template, assigns)
  end
end

But of course be careful so you don’t allow someone to evaluate any file on your system. As Ben said, compiling templates is going to be the safest and most efficient.

Thanks for the reply both I wasn’t very clear, my apologies. What I meant was instead of a file template I have a string. Read directly from the DB it had something like.

%section
    %h1= link_to "SOMETHING", "http://whatever.org"

I’ve then converted it into something like

"<section><h1><%= link \"SOMETHING\", \"http://whatever.org\" %></h1></section>"

So now I have to eval this string so I could do something like this I think.

EEx.eval_string("<%= link \"BLAH\", \"BLAH\" %>")

I realise now this is sounding ridiculous because I could just replace link_to with

<a href="BLAH">BLAH</a>

And forget about using the link function, but templates must be rendered in such a way that they have access to those View functions so I guess I’m just trying to understand how this all fits together.

Cheers guys

RobL

I have a project where I might be doing what you’re asking: rendering HTML from fragments of eex stored in JSON files.

Here is the code we’re using:

alias Phoenix.LiveView.Engine, as: LiveViewEngine
alias Phoenix.LiveView.HTMLEngine

def render_markup(markup) do
  quoted_code = EEx.compile_string(markup, engine: HTMLEngine)
  
  {evaluated, _} =
    Code.eval_quoted(quoted_code, [assigns: []],
      aliases: component_aliases(),
      requires: [Kernel],
      functions: [
        {Phoenix.LiveView.Helpers, [live_component: 1, live_file_input: 2]}
      ]
    )
  
  LiveViewEngine.live_to_iodata(evaluated)
end

let me know if it’s helpful!

Just curious, what’s an example markup that you would pass into the function?

Something like this:

<.button color={:primary} outline={true} text="Save" type="button"/>

We use it for our liveview storybook: https://storybook.phenixgroupe.com