Deferred Twig Extension
=======================
[](https://travis-ci.org/rybakit/twig-deferred-extension)
[](https://scrutinizer-ci.com/g/rybakit/twig-deferred-extension/?branch=master)
[](https://github.com/JulienRAVIA/awesome-twig#extensions)
An extension for Twig that allows to defer block rendering.
## Installation
The recommended way to install the extension is through [Composer](http://getcomposer.org):
```sh
$ composer require phive/twig-extensions-deferred:^1.0 # for Twig 1.x
$ composer require phive/twig-extensions-deferred:^2.0 # for Twig 2.x
```
## Initialization
```php
use Phive\Twig\Extensions\Deferred\DeferredExtension;
use Twig\Environment;
...
$twig = new Environment($loader);
$twig->addExtension(new DeferredExtension());
```
## Simple example
```jinja
{% block foo deferred %}
{{ bar }}
{% endblock %}
{% set bar = 'bar' %}
```
The `foo` block will output "bar".
## Advanced example
Just for example purposes, first create a [global twig variable](http://twig.sensiolabs.org/doc/advanced.html#globals):
```php
use Twig\Environment;
...
$twig = new Environment($loader);
$twig->addGlobal('assets', new ArrayObject());
```
Then build the following set of templates:
```jinja
{# layout.html.twig #}
...
{% block content '' %}
{{ assets.append('/js/layout-header.js') }}
{% block javascripts deferred %}
{% for asset in assets %}
{% endfor %}
{% endblock %}
{{ assets.append('/js/layout-footer.js') }}
{# page.html.twig #}
{% extends "layout.html.twig" %}
{% block content %}
{{ assets.append('/js/page-header.js') }}
{% if foo is defined %}
{{ include("subpage1.html.twig") }}
{% else %}
{{ include("subpage2.html.twig") }}
{% endif %}
{{ assets.append('/js/page-footer.js') }}
{% endblock %}
{# subpage1.html.twig #}
{{ assets.append('/js/subpage1.js') }}
{# subpage2.html.twig #}
{{ assets.append('/js/subpage2.js') }}
```
The resulting html will be the following:
```html
...
```
## Block overriding
```jinja
{# index.twig #}
{% extends "base.twig" %}
{% block foo %}foo is not deferred anymore{% endblock %}
{% block bar deferred %}bar is deferred now{% endblock %}
{# base.twig #}
{% block foo deferred %}foo is deferred{% endblock %}
{% block bar %}bar is not deferred{% endblock %}
```
## License
Deferred Twig Extension is released under the MIT License. See the bundled [LICENSE](LICENSE) file for details.