Nested call/caller doesn't work.

[carljm]

Sample code:

{%- macro wrapdiv() -%}
  <div>{{ caller() }}</div>
{%- endmacro -%}

{%- macro wrapdivspan() -%}
  {%- call wrapdiv() -%}
    <span>{{ caller() }}</span>
  {%- endcall -%}
{%- endmacro -%}

{%- call wrap2divs() -%}
  Foo
{%- endcall -%}

This template should render as <div><span>Foo</span></div>, but instead it recurses infinitely and throws RangeError: Maximum call stack size exceeded.

Fortunately there's a relatively simple workaround; redefine the wrapdivspan macro as follows, to avoid nesting the call to caller() inside a call block:

{%- macro wrapdivspan() -%}
  {%- set content = caller() -%}
  {%- call wrapdiv() -%}
    <span>{{ content }}</span>
  {%- endcall -%}
{%- endmacro -%}

The nested version also fails in Jinja2 (though with No caller defined rather than infinite recursion). So it may not be a high priority to get this working in nunjucks, but it'd at least be nice if it failed with a clearer error.

[Walkeryr]

It is important when you want to nest components with macros. Is there any progress on this issue?

[carljm]

Nope. Usually you can easily work around it by doing a {% set caller_content = caller() %} outside the nested {% call %} and then just use that variable.

[ArmorDarks]

Seems I've created duplicate of this here: #799

You can note in my issue, that actually nesting of not macros directly, but calls to them workarounds issue too:

{% call Item() %}
  {% call Item() %}
    Inner
  {% endcall %}
{% endcall %}

Though, I need to test it out exactly with your example. It's slightly different.

[demeralde]

@carljm I just tried that and it doesn't work:

{% macro service(name, index, icon, cta_text) %}
  {% set service_content = caller() %}
  {{ service_content }} {# outputting here works #}
  {% call base('section--service') %}
    {% call elements.large_title(index) %}
      <span class="text-primary">{{ name }}</span>
    {% endcall %}
    <div class="row">
      <div class="col">
        {{ service_content }} {# outputting here returns nothing #}
        <btn class="btn btn-secondary">{{ cta_text }}</btn>
      </div>
      <div class="col">
        {{ icon }}
      </div>
    </div>
  {% endcall %}
{% endmacro %}

Also note I've tried outputting service_content once instead of twice but it still doesn't work.

I'm running gulp-nunjucks ^3.1.1, which uses nunjucks ^3.0.0.