Super fast and powerful template engine. Pure PHP, zero dependencies.
Using Tonic is pretty straight forward.
use Tonic\Tonic;
$tpl = new Tonic("demo.html");
$tpl->user_role = "member";
echo $tpl->render();It's also very flexible. The above code can also be written like:
$tpl = new Tonic();
echo $tpl->load("demo.html")->assign("user_role","member")->render();Using Tonic
<body>
<h1>Welcome {$user.name.capitalize().truncate(50)}</h1>
User role: {$role.lower().if("admin","administrator").capitalize()}
</body>vs. writting all in PHP
<body>
<h1>Welcome <?php echo (strlen($user["name"]) > 50 ? substr(ucwords($user["name"]),0,50)."..." : ucwords($user["name"])) ?></h1>
User role: <?php if(strtolower($role) == "admin") { echo "Administrator" } else { echo ucwords($role) } ?>
</body>Install using composer
$ composer require rgamba/tonic
All tonic templates are compiled back to native PHP code. It's highly recommended that you use the caching functionality so that the same template doesn't need to be compiled over and over again increasing the CPU usage on server side.
$tpl = new Tonic();
$tpl->cache_dir = "./cache/"; // Be sure this directory exists and has writing permissions
$tpl->enable_content_cache = true; // Importante to set this to true!Modifiers are functions that modify the output variable in various ways. All modifiers must be preceded by a variable and can be chained with other modifiers. Example:
{$variable.modifier1().modifier2().modifier3()}We can also use modifiers in the same way when using associative arrays:
{$my_array.item.sub_item.modifier1().modifier2().modifier3()}It's easy to handle and format dates inside a Tonic template.
Tonic::$local_tz = 'America/New_york'; // Optionaly set the user's local tz
$tpl = new Tonic();
$tpl->my_date = date_create();And the template
<p>Today is {$my_date.date("Y-m-d h:i a")}</p>Working with timezones
<p>The local date is {$my_date.toLocal().date("Y-m-d h:i a")}</p>Which will render $my_date to the timezone configured in Tonic::$local_tz
<p>The local date is {$my_date.toTz("America/Mexico_city").date("Y-m-d h:i a")}</p>| Name | Description |
|---|---|
upper() |
Uppercase |
lower() |
Lowercase |
capitalize() |
Capitalize words (ucwords) |
abs() |
Absolute value |
truncate(len) |
Truncate and add "..." if string is larger than "len" |
count() |
Alias to count() |
length() |
alias to count() |
date(format) |
Format date like date(format) |
nl2br() |
Alias to nl2br |
stripSlashes() |
Alias to stripSlashes() |
sum(value) |
Sums value to the current variable |
substract(value) |
Substracts value to the current variable |
multiply(value) |
Multiply values |
divide(value) |
Divide values |
addSlashes() |
Alias of addSlashes() |
encodeTags() |
Encode the htmls tags inside the variable |
decodeTags() |
Decode the tags inside the variable |
stripTags() |
Alias of strip_tags() |
urldecode() |
Alias of urldecode() |
trim() |
Alias of trim() |
sha1() |
Returns the sha1() of the variable |
numberFormat(decimals) |
Alias of number_format() |
lastIndex() |
Returns the last array's index of the variable |
lastValue() |
Returns the array's last element |
jsonEncode() |
Alias of json_encode() |
replace(find,replace) |
Alias of str_replace() |
default(value) |
In case variable is empty, assign it value |
ifEmpty(value [,else_value]) |
If variable is empty assign it value, else if else_value is set, set it to else_value |
if(value, then_value [,else_value [,comparisson_operator]] ) |
Conditionally set the variable's value. All arguments can be variables |
preventTagEncode() |
If ESCAPE_TAGS_IN_VARS = true, this prevents the variable's value to be encoded |
If you need a custom modifier you can extend the list and create your own.
// This function will only prepend and append some text to the variable
Tonic::extendModifier("myFunction",function($input, $prepend, $append = ""){
// $input will hold the current variable value, it's mandatory that your lambda
// function has an input receiver, all other arguments are optional
// We can perform input validations
if(empty($prepend)) {
throw new \Exception("prepend is required");
}
return $prepend . $input . $append;
});And you can easily use this modifier:
<p>{$name.myFunction("hello "," goodbye")}</p>Sometimes you just need to call functions directly from inside the template whose return value is constantly changing and therefore it can't be linked to a static variable. Also, it's value is not dependant on any variable. In those cases you can use anonymous modifiers.
To do that, you need to create a custom modifier, IGNORE the $input parameter in case you need to use other parameters.
Tonic::extendModifier("imagesDir", function($input){
// Note that $input will always be empty when called this modifier anonymously
return "/var/www/" . $_SESSION["theme"] . "/images";
});Then you can call it directly from the template
<img src="{$.imagesDir()}/pic.jpg" />Tonic prevents you from escaping variables in your app that could led to possible attacks. Each variable that's going to be displayed to the user should be carefully escaped, and it sould be done acoardingly to it's context.
For example, a variable in a href attr of a link should be escaped in a different way from some variable in a javascript tag or a <h1> tag.
The good news is that tonic does all this work for you.
$tonic->assign("array",array("Name" => "Ricardo", "LastName", "Gamba"));
$tonic->assign("ilegal_js","javascript: alert('Hello');");And the HTML
<a href="{$ilegal_js}">Click me</a>
<!-- Will render: <a href="javascript%3A+alert%28%27Hello%27%29%3B">Click me</a> -->
<p>The ilegal js is: {$ilegal_js}</p>
<!-- Will render: <p> The ilegal js is: javascript: alert('Hello');</p> -->
<a href="?{$array}">Valid link generated</a>
<!-- Will render: <a href="?Name=Ricardo&LastName=Gamba">Valid link generated</a> -->
<p> We can also ignore the context awareness: {$ilegal_js.ignoreContext()}</p>You can include a template inside another template
{include footer.html}We can also fetch and external page and load it into our current template
{include http://mypage.com/static.html}Templates includes support nested calls, but beware that infinite loop can happen in including a template "A" inside "A" template.
Making conditionals is very easy
{if $user.role eq "admin"}
<h1>Hello admin</h1>
{elseif $user.role.upper() eq "MEMBER" or $user.role.upper() eq "CLIENT"}
<h1>Hello member</h1>
{else}
<h1>Hello guest</h1>
{endif}You can use regular logic operators (==, !=, >, <, >=, <=, ||, &&) or you can use the following
| Operator | Equivalent |
|---|---|
| eq | == |
| neq | != |
| gt | > |
| lt | < |
| gte | >= |
| lte | <= |
<ul>
{loop $user in $users}
<li>{$user.name.capitalize()}</h1>
{endloop}
</ul>Or if the array key is needed
<ul>
{loop $i,$user in $users}
<li>{$i} - {$user.name.capitalize()}</h1>
{endloop}
</ul>Both if structures and loop constructs can be written in a more HTML-friendly way so your code can be more readable. Here's an example:
<ul tn-if="$users">
<li tn-loop="$user in $users">Hello {$user}</li>
</ul>Which is exactly the same as:
{if $users}
<ul>
{loop $user in $users}
<li>Hello {$user}</li>
{endloop}
</ul>
{endif}Tonic supports single template inheritance. The idea behind this is to keep things nice and simple. Multiple inheritance can lead to complicated views difficult to maintain.
In Tonic, template inheritance is based on blocks. Suppose we have the following base template:
base.html
<html>
<head>
<title>Tonic</title>
</head>
<body>
<section tn-block="header">
<h1>Default welcome message!</h1>
</section>
<section>
<div tn-block="content">
<p>This is the default content.</p>
</div>
</section>
<section tn-block="footer">Tonic 2016</section>
</body>Then you have several partial templates or views and you would like to reuse the main base.html as a "skeleton". To do that, we work with blocks.
Each block is defined by the tag {block name}{endblock} and/or by the html attribute tn-block="name" which effectively encloses the HTML element with the attibute as the block with the name name.
inner.html
{ extends base.html }
<section tn-block="header" class="myheader">
<h1>Welcome to my inner page!</h1>
</section>
<p>This content WON´T be rendered at all!</p>
<div tn-block="content">
<p>This is the content of my inner view.
</div>As a result we will have the following view:
<html>
<head>
<title>Tonic</title>
</head>
<body>
<section class="myheader">
<h1>Welcome to my inner page!</h1>
</section>
<section>
<div>
<p>This is the content of my inner view.
</div>
</section>
<section>Tonic 2016</section>
</body>There are several keys here:
- The
{ extend }tag. Which first and only argument should be the template file relative toTonic::$root(by default./). - The
tn-block="header"html attribute that defines the block and is enclosed by the closing matching tag of the HTML element. - All the blocks found in the child template (inner.html) will effectively replace the matching blocks on the parent template (base.html). If there is a block in the child template that is not defined in the parent template, that block won´t be rendered at all.
- Block names must only by alphanumerical with and must not contain
$or any special characters or spaces. - The parent template (base.html) inherits the context (scope, variables) of the child template.
- You can only extend 1 template.
NOTE It is also possible to define blocks using the {block header}{endblock} notation. We prefer to use HTML attributes as it is cleaner.
Example:
{block myBlock}<div><h1>Welcome</h1></div>{endblock}is exactly the same as:
<div tn-block="myBlock"><h1>Welcome</h1></div>- 11-10-2016 - 3.1.0 - Added support for template inheritance
- 25-03-2015 - 3.0.0 - Added Context Awareness and Maco Syntax for ifs and loops
- 23-03-2015 - 2.2.0 - Added namespace support and added modifier exceptions
- 20-03-2015 - 2.1.0 - Added the option to extend modifiers.
- 19-03-2015 - 2.0.0 - IMPORTANT update. The syntax of most structures has changed slightly, it's not backwards compatible with previous versions.