const jstt = require('jstt');
 
const html = jstt.render(`<h1><?= message ?></h1>`, {
  message: 'Hello world!'
});
 
console.log(html);

const jstt = require('jstt');
 
const html = jstt.render(`
<? if (flag) { ?>
  <h1><?= message ?></h1>
<? } ?>
`, {
  message: 'Hello world!'
});
 
console.log(html);

const jstt = require('jstt');
 
const tableTemplate = jstt.parse(`
<table>
  <thead>
    <tr>
      <th colspan="100%"><?= title ?></th>
    </tr>
    <tr>
      <? for (const head of headers) { ?>
        <th><?= head ?></th>
      <! } ?>
    </tr>
  </thead>
  <tbody>
    <? for (const item of items) { ?>
      <tr>
        <? for (const head of headers) { ?>
          <td><?= item[head] ?></td>
        <! } ?>
      </tr>
    <! } ?>
  </thead>
</table>
`);
 
const usersTable = tableTemplate.render({
  title: 'Users',
  headers: ['id', 'name', 'email'],
  items: [
    { id: '1', name: 'John', email: 'john@email.com' },
    { id: '2', name: 'Mary', email: 'mary@email.com' },
    { id: '3', name: 'Anna', email: 'anna@email.com' },
  ]
});
 
const todoTable = tableTemplate.render({
  title: 'Todo list',
  headers: ['status', 'title'],
  items: [
    { id: 'done', title: 'Todo 1' },
    { id: 'pending', title: 'Todo 2' },
    { id: 'pending', title: 'Todo 3' },
  ]
});
 
console.log(usersTable)
console.log(todoTable)