boxwood 0.74.0 → 0.74.1

package/benchmark/fixtures/basic/boxwood.js

@@ -0,0 +1,3 @@
+module.exports = function () {
+  return 'foo'
+}

package/benchmark/fixtures/basic/data.json

@@ -0,0 +1 @@
+{}

package/benchmark/fixtures/basic/handlebars.hbs

@@ -0,0 +1 @@
+foo

package/benchmark/fixtures/basic/lodash.ejs

@@ -0,0 +1 @@
+foo

package/benchmark/fixtures/basic/mustache.mst

@@ -0,0 +1 @@
+foo

package/benchmark/fixtures/basic/underscore.ejs

@@ -0,0 +1 @@
+foo

package/benchmark/fixtures/basic/vanilla.js

@@ -0,0 +1,3 @@
+module.exports = function () {
+  return 'foo'
+}

package/benchmark/fixtures/div/boxwood.js

@@ -0,0 +1,5 @@
+const { div } = require("../../..")
+
+module.exports = function () {
+  return div("foo")
+}

package/benchmark/fixtures/div/data.json

@@ -0,0 +1 @@
+{}

package/benchmark/fixtures/div/handlebars.hbs

@@ -0,0 +1 @@
+<div>foo</div>

package/benchmark/fixtures/div/lodash.ejs

@@ -0,0 +1 @@
+<div>foo</div>

package/benchmark/fixtures/div/mustache.mst

@@ -0,0 +1 @@
+<div>foo</div>

package/benchmark/fixtures/div/underscore.ejs

@@ -0,0 +1 @@
+<div>foo</div>

package/benchmark/fixtures/div/vanilla.js

@@ -0,0 +1,4 @@
+
+module.exports = function () {
+  return '<div>foo</div>'
+}

package/benchmark/fixtures/escape/boxwood.js

@@ -0,0 +1,3 @@
+module.exports = function ({ foo }) {
+  return foo
+}

package/benchmark/fixtures/escape/data.json

@@ -0,0 +1,3 @@
+{
+  "foo": "<img>"
+}

package/benchmark/fixtures/escape/handlebars.hbs

@@ -0,0 +1 @@
+{{foo}}

package/benchmark/fixtures/escape/lodash.ejs

@@ -0,0 +1 @@
+<%- foo %>

package/benchmark/fixtures/escape/mustache.mst

@@ -0,0 +1 @@
+{{foo}}

package/benchmark/fixtures/escape/underscore.ejs

@@ -0,0 +1 @@
+<%- foo %>

package/benchmark/fixtures/escape/vanilla.js

@@ -0,0 +1,5 @@
+const { escape } = require("../../..")
+
+module.exports = function ({ foo }) {
+  return escape(foo)
+}

package/benchmark/fixtures/friends/boxwood.js

@@ -0,0 +1,56 @@
+const {
+  fragment,
+  doctype,
+  html,
+  head,
+  body,
+  meta,
+  img,
+  title,
+  div,
+  ul,
+  li,
+  a,
+} = require("../../..")
+
+module.exports = function ({ friends }) {
+  return fragment([
+    doctype(),
+    html({ lang: "en" }, [
+      head([meta({ charset: "UTF-8" }), title("Friends")]),
+      body([
+        div(
+          { class: "friends" },
+          friends.map((friend) => {
+            return div({ class: "friend" }, [
+              ul([
+                li(`Name: ${friend.name}`),
+                li(`Balance: ${friend.balance}`),
+                li(`Age: ${friend.age}`),
+                li(`Address: ${friend.address}`),
+                li(["Image: ", img({ src: friend.picture })]),
+                li(`Company: ${friend.company}`),
+                li([
+                  "Email: ",
+                  a({ href: `mailto:${friend.email}` }, friend.email),
+                ]),
+                li(`About: ${friend.about}`),
+                friend.tags.length &&
+                  li(["Tags: ", ul(friend.tags.map((tag) => li(tag)))]),
+                friend.friends.length &&
+                  li([
+                    "Friends: ",
+                    ul(
+                      friend.friends.map((friend) =>
+                        li(`${friend.name} (${friend.id})`)
+                      )
+                    ),
+                  ]),
+              ]),
+            ])
+          })
+        ),
+      ]),
+    ]),
+  ])
+}

package/benchmark/fixtures/friends/data.json

@@ -0,0 +1,30 @@
+{
+  "friends": [
+    {
+      "name": "Jan Kowalski",
+      "id": 1,
+      "balance": "100 PLN",
+      "age": 50,
+      "address": "Warszawa",
+      "picture": "jankowalski.png",
+      "email": "jan@kowalski.pl",
+      "about": "I like fishing",
+      "company": "PKO",
+      "tags": ["fisherman"],
+      "friends": [
+        {
+          "name": "Piotr Nowak",
+          "id": 2,
+          "balance": "80 PLN",
+          "age": 40,
+          "address": "Kraków",
+          "picture": "piotrnowak.png",
+          "email": "piotr@nowak.pl",
+          "about": "I like cooking",
+          "company": "ING",
+          "tags": ["chef"]
+        }
+      ]
+    }
+  ]
+}

package/benchmark/fixtures/friends/handlebars.hbs

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Friends</title>
+</head>
+<body>
+  <div class="friends">
+    {{#each friends}}
+      <div class="friend">
+        <ul>
+          <li>Name: {{this.name}}</li>
+          <li>Balance: {{this.balance}}</li>
+          <li>Age: {{this.age}}</li>
+          <li>Address: {{this.address}}</li>
+          <li>Image: <img src="{{this.picture}}"></li>
+          <li>Company: {{this.company}}</li>
+          <li>Email: <a href="mailto:{{this.email}}">{{this.email}}</a></li>
+          <li>About: {{this.about}}</li>
+          {{#if tags.length}}
+            <li>
+              Tags:
+              <ul>
+                {{#each tags}}
+                  <li>{{this}}</li>
+                {{/each}}
+              </ul>
+            </li>
+          {{/if}}
+          {{#if friends.length}}
+            <li>
+              Friends:
+              <ul>
+                {{#each friends}}
+                  <li>{{this.name}} ({{this.id}})</li>
+                {{/each}}
+              </ul>
+            </li>
+          {{/if}}
+        </ul>
+      </div>
+    {{/each}}
+  </div>
+</body>
+</html>

package/benchmark/fixtures/friends/lodash.ejs

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Friends</title>
+</head>
+<body>
+  <div class="friends">
+    <% for (var i = 0, ilen = friends.length; i < ilen; i += 1) { %>
+      <% var friend = friends[i]; %>
+      <div class="friend">
+        <ul>
+          <li>Name: <%- friend.name %></li>
+          <li>Balance: <%- friend.balance %></li>
+          <li>Age: <%- friend.age %></li>
+          <li>Address: <%- friend.address %></li>
+          <li>Image: <img src="<%- friend.picture %>"></li>
+          <li>Company: <%- friend.company %></li>
+          <li>Email: <a href="mailto:<%- friend.email %>"><%- friend.email %></a></li>
+          <li>About: <%- friend.about %></li>
+          <% if (friend.tags.length) { %>
+            <li>
+              Tags:
+              <ul>
+                <% for (var j = 0, jlen = friend.tags.length; j < jlen; j += 1) { %>
+                  <% var tag = friend.tags[i]; %>
+                  <li><%- tag %></li>
+                <% } %>
+              </ul>
+            </li>
+          <% } %>
+          <% if (friend.friends.length) { %>
+            <li>
+              Friends:
+              <ul>
+                <% for (var k = 0, klen = friend.friends.length; k < klen; k += 1) { %>
+                  <% var fr = friend.friends[i] %>
+                  <li><%- fr.name %> (<%- fr.id %>)</li>
+                <% } %>
+              </ul>
+            </li>
+          <% } %>
+        </ul>
+      </div>
+    <% } %>
+  </div>
+</body>
+</html>

package/benchmark/fixtures/friends/mustache.mst

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Friends</title>
+</head>
+<body>
+  <div class="friends">
+    {{#friends}}
+      <div class="friend">
+        <ul>
+          <li>Name: {{name}}</li>
+          <li>Balance: {{balance}}</li>
+          <li>Age: {{age}}</li>
+          <li>Address: {{address}}</li>
+          <li>Image: <img src="{{picture}}"></li>
+          <li>Company: {{company}}</li>
+          <li>Email: <a href="mailto:{{email}}">{{email}}</a></li>
+          <li>About: {{about}}</li>
+          {{#tags.length}}
+            <li>
+              Tags:
+              <ul>
+                {{#tags}}
+                  <li>{{.}}</li>
+                {{/tags}}
+              </ul>
+            </li>
+          {{/tags.length}}
+          {{#friends.length}}
+            <li>
+              Friends:
+              <ul>
+                {{#friends}}
+                  <li>{{name}} ({{id}})</li>
+                {{/friends}}
+              </ul>
+            </li>
+          {{/friends.length}}
+        </ul>
+      </div>
+    {{/friends}}
+  </div>
+</body>
+</html>

package/benchmark/fixtures/friends/underscore.ejs

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Friends</title>
+</head>
+<body>
+  <div class="friends">
+    <% for (var i = 0, ilen = friends.length; i < ilen; i += 1) { %>
+      <% var friend = friends[i]; %>
+      <div class="friend">
+        <ul>
+          <li>Name: <%- friend.name %></li>
+          <li>Balance: <%- friend.balance %></li>
+          <li>Age: <%- friend.age %></li>
+          <li>Address: <%- friend.address %></li>
+          <li>Image: <img src="<%- friend.picture %>"></li>
+          <li>Company: <%- friend.company %></li>
+          <li>Email: <a href="mailto:<%- friend.email %>"><%- friend.email %></a></li>
+          <li>About: <%- friend.about %></li>
+          <% if (friend.tags.length) { %>
+            <li>
+              Tags:
+              <ul>
+                <% for (var j = 0, jlen = friend.tags.length; j < jlen; j += 1) { %>
+                  <% var tag = friend.tags[i]; %>
+                  <li><%- tag %></li>
+                <% } %>
+              </ul>
+            </li>
+          <% } %>
+          <% if (friend.friends.length) { %>
+            <li>
+              Friends:
+              <ul>
+                <% for (var k = 0, klen = friend.friends.length; k < klen; k += 1) { %>
+                  <% var fr = friend.friends[i] %>
+                  <li><%- fr.name %> (<%- fr.id %>)</li>
+                <% } %>
+              </ul>
+            </li>
+          <% } %>
+        </ul>
+      </div>
+    <% } %>
+  </div>
+</body>
+</html>

package/benchmark/fixtures/friends/vanilla.js

@@ -0,0 +1,36 @@
+module.exports = function ({ friends }) {
+  let template = '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Friends</title></head><body><div class="friends">'
+  for (let i = 0, ilen = friends.length; i < ilen; i++) {
+    const friend = friends[i]
+    template += '<div class="friend">'
+    template += '<ul>'
+    template += '<li>Name: ' + friend.name + '</li>'
+    template += '<li>Balance: ' + friend.balance + '</li>'
+    template += '<li>Age: ' + friend.age + '</li>'
+    template += '<li>Address: ' + friend.address + '</li>'
+    template += '<li>Image: <img src="' + friend.picture + '"></li>'
+    template += '<li>Company: ' + friend.company + '</li>'
+    template += '<li>Email: <a href="mailto:' + friend.email + '">' + friend.email + '</a></li>'
+    template += '<li>About: ' + friend.about + '</li>'
+    if (friend.tags.length) {
+      template += '<li>Tags: <ul>'
+      for (let j = 0, jlen = friend.tags.length; j < jlen; j++) {
+        const tag = friend.tags[j]
+        template += '<li>' + tag + '</li>'
+      }
+      template += '</ul></li>'
+    }
+    if (friend.friends.length) {
+      template += '<li>Friends: <ul>'
+      for (let j = 0, jlen = friend.friends.length; j < jlen; j++) {
+        const person = friend.friends[j]
+        template += '<li>' + person.name + ' (' + person.id + ')</li>'
+      }
+      template += '</ul></li>'
+    }
+    template += '</ul>'
+    template += '</div>'
+  }
+  template += '</div></body></html>'
+  return template
+}

package/benchmark/fixtures/if/boxwood.js

@@ -0,0 +1,21 @@
+const { fragment, div, span } = require("../../..")
+
+function description(account) {
+  if (account.status === "closed") {
+    return "Your account has been closed!"
+  }
+  if (account.status === "suspended") {
+    return "Your account has been temporarily suspended"
+  }
+  return (
+    "Bank balance: " +
+    span(
+      { class: account.balance >= 0 ? "positive" : "negative" },
+      account.balance
+    )
+  )
+}
+
+module.exports = function ({ accounts }) {
+  return fragment(accounts.map((account) => div(description(account))))
+}

package/benchmark/fixtures/if/data.json

@@ -0,0 +1,12 @@
+{
+  "accounts": [
+    {
+      "closed": true,
+      "suspended": false,
+      "active": false,
+      "status": "closed",
+      "balance": 100,
+      "balanceClass": "positive"
+    }
+  ]
+}

package/benchmark/fixtures/if/handlebars.hbs

@@ -0,0 +1,13 @@
+{{#each accounts}}
+  <div>
+    {{#if this.closed}}
+      Your account has been closed!
+    {{/if}}
+    {{#if this.suspended}}
+      Your account has been temporarily suspended
+    {{/if}}
+    {{#if this.active}}
+      Bank balance: <span class="{{ account.balanceClass }}">{{this.balance}}</span>
+    {{/if}}
+  </div>
+{{/each}}

package/benchmark/fixtures/if/lodash.ejs

@@ -0,0 +1,12 @@
+<% for (var i = 0, ilen = accounts.length; i < ilen; i += 1) { %>
+  <% var account = accounts[i]; %>
+  <div>
+    <% if (account.status === "closed") { %>
+      Your account has been closed!
+    <% } else if (account.status === "suspended") { %>
+      Your account has been temporarily suspended
+    <% } else { %>
+      Bank balance: <span class="<%- account.balance >= 0 ? 'positive' : 'negative' %>"><%- account.balance %></span>
+    <% } %>
+  </div>
+<% } %>

package/benchmark/fixtures/if/mustache.mst

@@ -0,0 +1,13 @@
+{{#accounts}}
+  <div>
+    {{#closed}}
+      Your account has been closed!
+    {{/closed}}
+    {{#suspended}}
+      Your account has been temporarily suspended
+    {{/suspended}}
+    {{#active}}
+      Bank balance: <span class="{{balanceClass}}">{{balance}}</span>
+    {{/active}}
+  </div>
+{{/accounts}}

package/benchmark/fixtures/if/underscore.ejs

@@ -0,0 +1,12 @@
+<% for (var i = 0, ilen = accounts.length; i < ilen; i += 1) { %>
+  <% var account = accounts[i]; %>
+  <div>
+    <% if (account.status === "closed") { %>
+      Your account has been closed!
+    <% } else if (account.status === "suspended") { %>
+      Your account has been temporarily suspended
+    <% } else { %>
+      Bank balance: <span class="<%- account.balance >= 0 ? 'positive' : 'negative' %>"><%- account.balance %></span>
+    <% } %>
+  </div>
+<% } %>

package/benchmark/fixtures/if/vanilla.js

@@ -0,0 +1,14 @@
+function description (account) {
+  if (account.status === 'closed') { return 'Your account has been closed!' }
+  if (account.status === 'suspended') { return 'Your account has been temporarily suspended' }
+  return 'Bank balance: ' + '<span class="' + account.balance >= 0 ? 'positive' : 'negative' + '">' + account.balance + '</span>'
+}
+
+module.exports = function ({ accounts }) {
+  let template = ''
+  for (let i = 0, ilen = accounts.length; i < ilen; i++) {
+    const account = accounts[i]
+    template += '<div>' + description(account) + '</div>'
+  }
+  return template
+}

package/benchmark/fixtures/projects/boxwood.js

@@ -0,0 +1,20 @@
+const { doctype, tag, html, head, body, p, a } = require("../../..")
+
+module.exports = ({ title, projects, text }) => {
+  return [
+    doctype(),
+    html([
+      head([tag("title", title)]),
+      body([
+        p(text),
+        ...projects.map((project) => {
+          return [
+            a({ href: project.url }, project.name),
+            p(project.description),
+          ]
+        }),
+        projects.length === 0 && "No projects",
+      ]),
+    ]),
+  ]
+}

package/benchmark/fixtures/projects/data.json

@@ -0,0 +1,26 @@
+{
+  "title": "Projects",
+  "text": "Your projects",
+  "projects": [
+    {
+      "name": "foo",
+      "url": "foo.bar",
+      "description": "bar"
+    },
+    {
+      "name": "bar",
+      "url": "foo.bar",
+      "description": "bar"
+    },
+    {
+      "name": "baz",
+      "url": "foo.bar",
+      "description": "bar"
+    },
+    {
+      "name": "qux",
+      "url": "foo.bar",
+      "description": "bar"
+    }
+  ]
+}

package/benchmark/fixtures/projects/handlebars.hbs

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{title}}</title>
+</head>
+<body>
+  <p>{{text}}</p>
+  {{#each projects}}
+    <a href="{{this.url}}">{{this.name}}</a>
+    <p>{{this.description}}</p>
+  {{else}}
+    No projects
+  {{/each}}
+</body>
+</html>

package/benchmark/fixtures/projects/lodash.ejs

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%- title %></title>
+</head>
+<body>
+  <p><%- text %></p>
+  <% for (var i = 0, ilen = projects.length; i < ilen; i++) { %>
+    <% var project = projects[i]; %>
+    <a href="<%- project.url %>"><%- project.name %></a>
+    <p><%- project.description %></p>
+  <% } %>
+  <% if (projects.length === 0) { %>
+    No projects
+  <% } %>
+</body>
+</html>

package/benchmark/fixtures/projects/mustache.mst

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{title}}</title>
+</head>
+<body>
+  <p>{{text}}</p>
+  {{#projects}}
+    <a href="{{url}}">{{name}}</a>
+    <p>{{description}}</p>
+  {{/projects}}
+  {{^projects}}
+    No projects
+  {{/projects}}
+</body>
+</html>

package/benchmark/fixtures/projects/underscore.ejs

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%- title %></title>
+</head>
+<body>
+  <p><%- text %></p>
+  <% for (var i = 0, ilen = projects.length; i < ilen; i++) { %>
+    <% var project = projects[i]; %>
+    <a href="<%- project.url %>"><%- project.name %></a>
+    <p><%- project.description %></p>
+  <% } %>
+  <% if (projects.length === 0) { %>
+    No projects
+  <% } %>
+</body>
+</html>

package/benchmark/fixtures/projects/vanilla.js

@@ -0,0 +1,21 @@
+module.exports = ({ title, projects, text }) => {
+  let output =
+    "<!DOCTYPE html><html><head><title>" +
+    title +
+    "</title></head><body><p>" +
+    text +
+    "</p>"
+  projects.forEach((project) => {
+    output +=
+      '<a href="' +
+      project.url +
+      '">' +
+      project.name +
+      "</a><p>" +
+      project.description +
+      "</p>"
+  })
+  output += projects.length === 0 ? "No projects" : ""
+  output += "</body></html>"
+  return output
+}

package/benchmark/fixtures/search/boxwood.js

@@ -0,0 +1,18 @@
+const { fragment, div, ul, li, p } = require("../../..")
+
+module.exports = function ({ count, results }) {
+  return div({ class: "search" }, [
+    div({ class: "loader" }, "Loading..."),
+    div({ class: "results" }, [
+      p(`${count} results`),
+      ...results.map((result) =>
+        fragment([
+          div({ class: "title" }, result.title),
+          div({ class: "description" }, result.description),
+          result.featured && div({ class: "highlight" }, "Featured!"),
+          result.sizes.length && ul(result.sizes.map((size) => li(size))),
+        ])
+      ),
+    ]),
+  ])
+}

package/benchmark/fixtures/search/data.json

@@ -0,0 +1,35 @@
+{
+  "count": 5,
+  "results": [
+    {
+      "title": "foo",
+      "description": "foo",
+      "featured": true,
+      "sizes": [5, 10, 15]
+    },
+    {
+      "title": "bar",
+      "description": "bar",
+      "featured": false,
+      "sizes": [5, 10, 15, 20]
+    },
+    {
+      "title": "baz",
+      "description": "baz",
+      "featured": true,
+      "sizes": [5, 10, 15, 20, 25]
+    },
+    {
+      "title": "qux",
+      "description": "qux",
+      "featured": false,
+      "sizes": [5, 10, 15, 20, 25, 30]
+    },
+    {
+      "title": "quux",
+      "description": "quux",
+      "featured": true,
+      "sizes": [5, 10, 15, 20, 25, 30, 35]
+    }
+  ]
+}

package/benchmark/fixtures/search/handlebars.hbs

@@ -0,0 +1,18 @@
+<div class="search">
+  <div class="loader">Loading...</div>
+  <div class="results">
+    <p>{{count}} results</p>
+    {{#each results}}
+      <div class="title">{{this.title}}</div>
+      <div class="description">{{this.description}}</div>
+      {{#if this.featured}}
+        <div class="highlight">Featured!</div>
+      {{/if}}
+      <ul>
+      {{#each sizes}}
+        <li>{{this}}</li>
+      {{/each}}
+      </ul>
+    {{/each}}
+  </div>
+</div>

package/benchmark/fixtures/search/lodash.ejs

@@ -0,0 +1,22 @@
+<div class="search">
+  <div class="loader">Loading...</div>
+  <div class="results">
+    <p><%- count %> results</p>
+    <% for (var i = 0, ilen = results.length; i < ilen; i++) { %>
+      <% var result = results[i]; %>
+      <div class="title"><%- result.title %></div>
+      <div class="description"><%- result.description %></div>
+      <% if (result.featured) { %>
+        <div class="highlight">Featured!</div>
+      <% } %>
+      <% if (result.sizes.length > 0) { %>
+        <ul>
+          <% for (var j = 0, jlen = result.sizes.length; j < jlen; j++) { %>
+            <% var size = result.sizes[j]; %>
+            <li><%- size %></li>
+          <% } %>
+        </ul>
+      <% } %>
+    <% } %>
+  </div>
+</div>

package/benchmark/fixtures/search/mustache.mst

@@ -0,0 +1,18 @@
+<div class="search">
+  <div class="loader">Loading...</div>
+  <div class="results">
+    <p>{{count}} results</p>
+    {{#results}}
+      <div class="title">{{title}}</div>
+      <div class="description">{{description}}</div>
+      {{#featured}}
+        <div class="highlight">Featured!</div>
+      {{/featured}}
+      <ul>
+      {{#sizes}}
+        <li>{{.}}</li>
+      {{/sizes}}
+      </ul>
+    {{/results}}
+  </div>
+</div>

package/benchmark/fixtures/search/underscore.ejs

@@ -0,0 +1,22 @@
+<div class="search">
+  <div class="loader">Loading...</div>
+  <div class="results">
+    <p><%- count %> results</p>
+    <% for (var i = 0, ilen = results.length; i < ilen; i++) { %>
+      <% var result = results[i]; %>
+      <div class="title"><%- result.title %></div>
+      <div class="description"><%- result.description %></div>
+      <% if (result.featured) { %>
+        <div class="highlight">Featured!</div>
+      <% } %>
+      <% if (result.sizes.length > 0) { %>
+        <ul>
+          <% for (var j = 0, jlen = result.sizes.length; j < jlen; j++) { %>
+            <% var size = result.sizes[j]; %>
+            <li><%- size %></li>
+          <% } %>
+        </ul>
+      <% } %>
+    <% } %>
+  </div>
+</div>

package/benchmark/fixtures/search/vanilla.js

@@ -0,0 +1,26 @@
+module.exports = function ({ count, results }) {
+  let template = '<div class="search">' +
+    '<div class="loader">Loading...</div>' +
+    '<div class="results">' +
+      '<p>' + count + ' results</p>'
+
+  for (let i = 0, ilen = results.length; i < ilen; i++) {
+    const result = results[i]
+    template += '<div class="title">' + result.title + '</div>'
+    template += '<div class="description">' + result.description + '</div>'
+    if (result.featured) {
+      template += '<div class="highlight">Featured!</div>'
+    }
+    if (result.sizes.length) {
+      template += '<ul>'
+      for (let j = 0, jlen = result.sizes.length; j < jlen; j += 1) {
+        const size = result.sizes[j]
+        template += '<li>' + size + '</li>'
+      }
+      template += '</ul>'
+    }
+  }
+
+  template += '</div></div>'
+  return template
+}

package/benchmark/fixtures/todos/boxwood.js

@@ -0,0 +1,9 @@
+const { h1, h2, ul, li, fragment } = require("../../..")
+
+module.exports = function ({ title, subtitle, todos }) {
+  return fragment([
+    h1(title),
+    h2(subtitle),
+    ul(todos.map((todo) => li(todo.description))),
+  ])
+}

package/benchmark/fixtures/todos/data.json

@@ -0,0 +1,9 @@
+{
+  "title": "foo",
+  "subtitle": "baz",
+  "todos": [
+    { "description": "lorem ipsum" },
+    { "description": "dolor sit" },
+    { "description": "amet" }
+  ]
+}

package/benchmark/fixtures/todos/handlebars.hbs

@@ -0,0 +1,7 @@
+<h1>{{title}}</h1>
+<h2>{{subtitle}}</h2>
+<ul>
+{{#each todos}}
+  <li>{{this.description}}</li>
+{{/each}}
+</ul>

package/benchmark/fixtures/todos/lodash.ejs

@@ -0,0 +1,7 @@
+<h1><%- title %></h1>
+<h2><%- subtitle %></h2>
+<ul>
+  <% for(var i = 0, ilen = todos.length; i < ilen; i++) { %>
+    <li><%- todos[i].description %></li>
+  <% } %>
+</ul>

package/benchmark/fixtures/todos/mustache.mst

@@ -0,0 +1,7 @@
+<h1>{{title}}</h1>
+<h2>{{subtitle}}</h2>
+<ul>
+  {{#todos}}
+    <li>{{description}}</li>
+  {{/todos}}
+</ul>

package/benchmark/fixtures/todos/underscore.ejs

@@ -0,0 +1,7 @@
+<h1><%- title %></h1>
+<h2><%- subtitle %></h2>
+<ul>
+  <% for(var i = 0, ilen = todos.length; i < ilen; i++) { %>
+    <li><%- todos[i].description %></li>
+  <% } %>
+</ul>

package/benchmark/fixtures/todos/vanilla.js

@@ -0,0 +1,12 @@
+module.exports = ({ title, subtitle, todos }) => {
+  let template = ''
+  template += '<h1>' + title + '</h1>'
+  template += '<h2>' + subtitle + '</h2>'
+  template += '<ul>'
+  for (let i = 0, ilen = todos.length; i < ilen; i++) {
+    const todo = todos[i]
+    template += '<li>' + todo.description + '</li>'
+  }
+  template += '</ul>'
+  return template
+}

package/benchmark/index.js

@@ -0,0 +1,118 @@
+const test = require("node:test")
+const assert = require("node:assert")
+const path = require("path")
+const {
+  promises: { readFile },
+} = require("fs")
+const { Suite } = require("benchmark")
+const underscore = require("underscore")
+const template = require("lodash.template")
+const handlebars = require("handlebars")
+const mustache = require("mustache")
+const { compile } = require("..")
+
+async function benchmark(dir) {
+  const source2 = await readFile(
+    path.join(__dirname, `./fixtures/${dir}/underscore.ejs`),
+    "utf8"
+  )
+  const source3 = await readFile(
+    path.join(__dirname, `./fixtures/${dir}/lodash.ejs`),
+    "utf8"
+  )
+  const source4 = await readFile(
+    path.join(__dirname, `./fixtures/${dir}/handlebars.hbs`),
+    "utf8"
+  )
+  const source5 = await readFile(
+    path.join(__dirname, `./fixtures/${dir}/mustache.mst`),
+    "utf8"
+  )
+
+  const suite = new Suite()
+  const { template: fn1 } = await compile(
+    path.join(__dirname, `./fixtures/${dir}/boxwood.js`)
+  )
+  const fn2 = underscore.template(source2)
+  const fn3 = template(source3)
+  const fn4 = handlebars.compile(source4)
+  const fn5 = (data) => mustache.render(source5, data)
+  const fn6 = require(path.join(__dirname, `./fixtures/${dir}/vanilla.js`))
+  mustache.parse(source5)
+
+  const data = require(path.join(__dirname, `./fixtures/${dir}/data.json`))
+
+  function normalize(string) {
+    return string.replace(/\s/g, "")
+  }
+  const result = normalize(fn1(data))
+
+  assert.deepEqual(result, normalize(fn1(data)))
+  assert.deepEqual(result, normalize(fn2(data)))
+  assert.deepEqual(result, normalize(fn3(data)))
+  assert.deepEqual(result, normalize(fn4(data)))
+  assert.deepEqual(result, normalize(fn5(data)))
+  assert.deepEqual(result, normalize(fn6(data)))
+
+  await new Promise((resolve) => {
+    suite
+      .add("vanilla[js]", function () {
+        fn6(data)
+      })
+      .add("boxwood[js]", function () {
+        fn1(data)
+      })
+      .add("underscore[ejs]", function () {
+        fn2(data)
+      })
+      .add("lodash[ejs]", function () {
+        fn3(data)
+      })
+      .add("handlebars[hbs]", function () {
+        fn4(data)
+      })
+      .add("mustache[mst]", function () {
+        fn5(data)
+      })
+      .on("cycle", function (event) {
+        console.log(`${dir}: ${String(event.target)}`)
+      })
+      .on("complete", function () {
+        console.log("Fastest is " + this.filter("fastest").map("name"))
+        resolve()
+      })
+      .run({ async: true })
+  })
+}
+
+test("benchmark: basic", async () => {
+  await benchmark("basic")
+})
+
+test("benchmark: escape", async () => {
+  await benchmark("escape")
+})
+
+test("benchmark: div", async () => {
+  await benchmark("div")
+})
+
+test("benchmark: if", async () => {
+  await benchmark("if")
+})
+
+test("benchmark: todos", async () => {
+  await benchmark("todos")
+})
+
+test("benchmark: friends", async () => {
+  await benchmark("friends")
+})
+
+test("benchmark: search", async () => {
+  await benchmark("search")
+})
+
+test("benchmark: projects", async () => {
+  await benchmark("projects")
+})

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "boxwood",
-  "version": "0.74.0",
+  "version": "0.74.1",
   "description": "Compile HTML templates into JS",
   "main": "index.js",
   "scripts": {
-    "test": "ava '**/*.spec.js'",
-    "coverage": "nyc npm test",
-    "benchmark": "ava test/benchmark/index.js --verbose",
+    "test": "node --test",
+    "coverage": "c8 npm test",
+    "benchmark": "node --test benchmark/index.js",
     "watch": "npm test -- --watch",
     "prepush": "npm test"
   },
@@ -17,7 +17,7 @@
     ]
   },
   "engines": {
-    "node": ">= 16.13.1"
+    "node": ">= 20.11.1"
   },
   "repository": {
     "type": "git",
@@ -45,14 +45,14 @@
   },
   "homepage": "https://github.com/buxlabs/boxwood#readme",
   "devDependencies": {
-    "ava": "^5.3.1",
+    "ava": "^6.1.2",
     "benchmark": "2.1.4",
-    "express": "^4.18.2",
+    "c8": "^9.1.0",
+    "express": "^4.19.2",
     "handlebars": "^4.7.8",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.0.0",
     "lodash.template": "4.5.0",
     "mustache": "^4.2.0",
-    "nyc": "15.1.0",
     "underscore": "^1.13.6"
   },
   "standard": {
@@ -65,6 +65,6 @@
   "dependencies": {
     "css-tree": "^2.3.1",
     "string-hash": "^1.1.3",
-    "yaml": "^2.3.2"
+    "yaml": "^2.4.1"
   }
 }