boxwood 0.76.0 → 0.77.0

package/README.md

@@ -56,7 +56,7 @@ const layout = require("./layout")
 const banner = require("./banner")
 
 module.exports = () => {
-  return layout([
+  return layout({ language: "en" }, [
     banner({
       title: "Hello, world!",
       description: "Lorem ipsum dolor sit amet",
@@ -67,22 +67,24 @@ module.exports = () => {
 
 ```js
 // example/layout/index.js
-
-const { component, css, html, head, body } = require("boxwood")
+const { component, css, html, body } = require("boxwood")
 const head = require("./head")
 
 const styles = css.load(__dirname)
 
 module.exports = component(
-  (children) => {
-    return html([head(), body({ className: styles.layout }, children)])
+  ({ language }, children) => {
+    return html({ lang: language }, [
+      head(),
+      body({ className: styles.layout }, children),
+    ])
   },
   { styles }
 )
 ```
 
 ```js
-// example/head/index.js
+// example/layout/head/index.js
 const { head, title } = require("boxwood")
 
 module.exports = () => {
@@ -127,6 +129,8 @@ test("banner renders an optional description", async () => {
 })
 ```
 
+You can check the `test` dir for more examples.
+
 ## Maintainers
 
 [@emilos](https://github.com/emilos)

package/index.js

@@ -46,7 +46,7 @@ async function compile(path) {
         if (Array.isArray(node)) {
           node.forEach(walk)
         } else if (Array.isArray(node.children)) {
-          node.children.filter(Boolean).forEach(walk)
+          node.children.forEach(walk)
         }
       }
       walk(tree)
@@ -174,15 +174,14 @@ const isUnescapedTag = (name) => {
 }
 
 const render = (input, escape = true) => {
-  if (!input || input.ignore) {
+  if (
+    typeof input === "undefined" ||
+    typeof input === "boolean" ||
+    input === null ||
+    input.ignore
+  ) {
     return ""
   }
-  if (Array.isArray(input)) {
-    return input
-      .filter(Boolean)
-      .map((input) => render(input))
-      .join("")
-  }
   if (typeof input === "number") {
     return input.toString()
   }
@@ -192,6 +191,10 @@ const render = (input, escape = true) => {
     }
     return input
   }
+  if (Array.isArray(input)) {
+    return input.map((input) => render(input)).join("")
+  }
+
   if (input.name === "raw") {
     return render(input.children, false)
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxwood",
-  "version": "0.76.0",
+  "version": "0.77.0",
   "description": "Compile HTML templates into JS",
   "main": "index.js",
   "scripts": {

package/benchmark/fixtures/basic/boxwood.js

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

package/benchmark/fixtures/basic/data.json

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

package/benchmark/fixtures/basic/handlebars.hbs

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

package/benchmark/fixtures/basic/lodash.ejs

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

package/benchmark/fixtures/basic/mustache.mst

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

package/benchmark/fixtures/basic/underscore.ejs

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

package/benchmark/fixtures/basic/vanilla.js

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

package/benchmark/fixtures/div/boxwood.js

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

package/benchmark/fixtures/div/data.json

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

package/benchmark/fixtures/div/handlebars.hbs

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

package/benchmark/fixtures/div/lodash.ejs

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

package/benchmark/fixtures/div/mustache.mst

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

package/benchmark/fixtures/div/underscore.ejs

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

package/benchmark/fixtures/div/vanilla.js

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

package/benchmark/fixtures/escape/boxwood.js

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

package/benchmark/fixtures/escape/data.json

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

package/benchmark/fixtures/escape/handlebars.hbs

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

package/benchmark/fixtures/escape/lodash.ejs

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

package/benchmark/fixtures/escape/mustache.mst

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

package/benchmark/fixtures/escape/underscore.ejs

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

package/benchmark/fixtures/escape/vanilla.js

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

package/benchmark/fixtures/friends/boxwood.js

@@ -1,55 +0,0 @@
-const {
-  doctype,
-  html,
-  head,
-  body,
-  meta,
-  img,
-  title,
-  div,
-  ul,
-  li,
-  a,
-} = require("../../..")
-
-module.exports = function ({ friends }) {
-  return [
-    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

@@ -1,30 +0,0 @@
-{
-  "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

@@ -1,45 +0,0 @@
-<!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

@@ -1,48 +0,0 @@
-<!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

@@ -1,45 +0,0 @@
-<!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

@@ -1,48 +0,0 @@
-<!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

@@ -1,36 +0,0 @@
-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

@@ -1,21 +0,0 @@
-const { 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 accounts.map((account) => div(description(account)))
-}

package/benchmark/fixtures/if/data.json

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

package/benchmark/fixtures/if/handlebars.hbs

@@ -1,13 +0,0 @@
-{{#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

@@ -1,12 +0,0 @@
-<% 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

@@ -1,13 +0,0 @@
-{{#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

@@ -1,12 +0,0 @@
-<% 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

@@ -1,14 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,26 +0,0 @@
-{
-  "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

@@ -1,15 +0,0 @@
-<!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

@@ -1,17 +0,0 @@
-<!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

@@ -1,16 +0,0 @@
-<!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

@@ -1,17 +0,0 @@
-<!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

@@ -1,21 +0,0 @@
-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

@@ -1,16 +0,0 @@
-const { 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) => [
-        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

@@ -1,35 +0,0 @@
-{
-  "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

@@ -1,18 +0,0 @@
-<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

@@ -1,22 +0,0 @@
-<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

@@ -1,18 +0,0 @@
-<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

@@ -1,22 +0,0 @@
-<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

@@ -1,26 +0,0 @@
-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

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

package/benchmark/fixtures/todos/data.json

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

package/benchmark/fixtures/todos/handlebars.hbs

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

package/benchmark/fixtures/todos/lodash.ejs

@@ -1,7 +0,0 @@
-<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

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

package/benchmark/fixtures/todos/underscore.ejs

@@ -1,7 +0,0 @@
-<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

@@ -1,12 +0,0 @@
-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

@@ -1,112 +0,0 @@
-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 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 = handlebars.compile(source4)
-  const fn4 = (data) => mustache.render(source5, data)
-  const fn5 = 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)))
-
-  await new Promise((resolve) => {
-    suite
-      .add("vanilla[js]", function () {
-        fn5(data)
-      })
-      .add("boxwood[js]", function () {
-        fn1(data)
-      })
-      .add("underscore[ejs]", function () {
-        fn2(data)
-      })
-      .add("handlebars[hbs]", function () {
-        fn3(data)
-      })
-      .add("mustache[mst]", function () {
-        fn4(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")
-})