pedromvieira

pedromvieira

How to replace "direct/simple" sigil_E to new sigil_H to avoid warnings?

Updating to Elixir 1.13 and got several warnings about sigil_E deprecation:

warning: Phoenix.HTML.sigil_E/2 is deprecated. use the ~H sigil instead

Assuming that not everything is (and will be) LiveView yet, how to correct the simple / direct sigil_E to new implementations (and to avoid warnings)?

...
import Phoenix.HTML, only: [sigil_E: 2, safe_to_string: 1]
...
def my_fun(arg1) do
  safe_html =
    ~E"""
      <div class="<%= arg1.class %>">
        <%= arg1.message %>
      </div>   
    """
    _html =
      safe_html
      |> safe_to_string()
end

This results in:

SAFE_HTML
{:safe, ["<div class=\"myclass\">ALOHA</div>"]}

HTML
"<div class=\"myclass\">ALOHA</div>"

Marked As Solved

sodapopcan

sodapopcan

Oh sorry, I misread.

I did some playing around (first time I made use of Mix.install/1 which was super cool!) and it looks like what you’re looking for is Phoenix.HTML.Safe.to_iodata/1 (see here). And for identical results you’re going to want to call List.to_string/1 on the result.

YouComponent.test_h()
|> Phoenix.HTML.Safe.to_iodata()
|> List.to_string()

EEx and heex work very differently as heex does change tracking.

I am curious as to why you need this, though. Other than having to change how attribute values are passed, changing to heex should just be a matter of just switching up the sigil.

Also Liked

schnittchen

schnittchen

For me it was not just replacing ~E with ~H and changing the HTML attribute syntax. I got undefined function assigns/0 each time and had to add assigns = %{} each time even though the ~H snippet did not use any assign. See also "undefined function assigns/0" while trying to use Phoenix.LiveViewTest.rendered_to_string/1 · Issue #1798 · phoenixframework/phoenix_live_view · GitHub

markmark206

markmark206

In case this is useful for anyone, here is a working example of composing safe HTML text using an ~H block:

defmodule EmailBody do
  import Phoenix.Component, only: [sigil_H: 2]

  def compose(question_of_the_day) do
    assigns = %{
      question: question_of_the_day
    }

    ~H"""
    <div><%= @question %>?</div>
    """
    |> Phoenix.HTML.Safe.to_iodata()
    |> List.to_string()
  end
end
$ iex -S mix
...
iex(20)> "Why did the chicken cross the road (and here is a rogue div: <div>)" |> EmailBody.compose()
"<div>Why did the chicken cross the road (and here is a rogue div: &lt;div&gt;)?</div>"

The rogue <div> in the template parameter is safely escaped in the resulting string.

Where Next?

Popular in Questions Top

Patoshizzle
After calling mix ecto.create I get this error: 17:00:32.162 [error] GenServer #PID&lt;0.412.0&gt; terminating ** (Postgrex.Error) FATAL...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
logicmason
Hi there, I'm working through my first release with elixir/phoenix. I've built a release with distillery and found that it crashes when I...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New
vertexbuffer
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
New
vac
Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...
New
kostonstyle
Hi all I want to have a unix time, from the current time plus 1 hour. DateTime.now + 1 hour How to get it in elixir? Thanks
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New

Other popular topics Top

belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
peerreynders
Manning 2016 Halloween weekend sale via Deal of the Day Friday, October 28 - Half off all MEAPs - code WM102816LT Saturday, October 29 ...
326 29600 154
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
itssasanka
Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: https://hexdocs.pm/ecto/Ecto.Schema.html#module-...
New
sergio
I couldn’t find any guides that worked well with Phoenix 1.6.0 and esbuild. I hope this helps people test the waters and eases you into t...
New
quazar
How to set Jason to encode all fields in ecto schema, I don’t care about security and implementing only is taking long list of attributes...
New
lk-geimfari
What is most correct way to open, read and parse JSON file with poison? For example if we have example.json file in root of some projec...
New
myronmarston
The Elixir Typespec docs show the following syntax for keyword lists in typespecs: # ... | [key: type] # keyword lis...
New
fireproofsocks
Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? https://hexdocs.pm/ecto/Ecto.Repo.h...
New
Nvim
Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?
New

We're in Beta

About us Mission Statement