Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with Front Matter

See original GitHub issue

I’m using Maizzle with Laravel. I want to dynamically render the title and preheader.

I’ve got this in the Front Matter of my template:

---
title: "@lang('mails.pledge_created.subject')"
preheader: "@lang('mails.pledge_created.preheader')"
---

In my master template I’ve got this:

<body class="{{ page.bodyClass || '' }}">
  <if condition="page.preheader">
    <div class="hidden">{{ page.preheader }}&#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &zwnj;
      &#160;&#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &zwnj;
      &#160;&#847; &#847; &#847; &#847; &#847;</div>
  </if>
  <div role="article" aria-roledescription="email" aria-label="{{ page.title || '' }}" lang="{{ page.language || 'de' }}">
    <block name="template"></block>
  </div>
</body>

The output looks like this:

<body style="margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased; background-color: #f4f5f7">
    <div style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly; display: none">@lang(&#039;mails.pledge_created.preheader&#039;)&#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &zwnj;
      &#160;&#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &zwnj;
      &#160;&#847; &#847; &#847; &#847; &#847;</div>
    <div role="article" aria-roledescription="email" aria-label="@lang(&#039;mails.pledge_created.subject&#039;)" lang="de" style="font-family: 'Segoe UI', sans-serif; mso-line-height-rule: exactly">

Instead of outputting @lang('mails.pledge_created.preheader') it outputs @lang('mails.pledge_created.preheader').

This only happens in those two instances though. If I add @lang('mails.pledge_created.preheader') anywhere else in the template or the master it works as expected.

Maizzle Version: 3.3.0
Node.js Version: 15.11.0

Issue Analytics

State:
Created 2 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

aernicommented, Apr 14, 2021

That did it. Thanks a lot for your help!

0reactions

cossssmincommented, Apr 14, 2021

Try double-ignoring in FM, and keep using triple curly braces:

language: "@@{{ app()->getLocale() }}"

<html lang="{{{ page.language }}}">

The way expressions work in FM in Maizzle is that they get evalated twice:

once when evaluating all FM content
twice when evaluating the entire template

So when it gets to {{{ page.language }}}, it’s basically {{{ {{ app()->getLocale() }} }}}, which is why you got undefined.

Double ignoring would mean it sees {{{ @{{ app()->getLocale() }} }}} - the triple braces output the unencoded result of @{{ app()->getLocale() }}, giving you the correct output.