bun-html

bun-html is a tiny HTML DSL and renderer.

Installation

# nodejs + npm
npm install bun-html

# bun + git
bun install [email protected]:aabccd021/bun-html.git

Usage

import { div, input, meta, p, render, unsafeHtml } from "bun-html";

{
  console.log("example");

  const showSidebar = false;
  const showHeader = true;

  const element = div({}, [
    meta({ "data-note": "No child" }),
    p({}, [p({}, ["Grand child"])]),
    meta({ "data-xss": `"&'<>\`` }),
    input({ type: "checkbox", checked: true }),
    input({ type: "checkbox", checked: false }),
    meta({ "data-undefined": undefined }),
    undefined,
    false,
    unsafeHtml("<strong>this is unsafe</strong>"),
    showHeader && div({}, ["Header"]),
    showSidebar && div({}, ["Sidebar"]),
  ]);
  const expected = [
    "<div>",
      '<meta data-note="No child">',
      "<p>",
          "<p>Grand child</p>",
      "</p>",
      '<meta data-xss="&quot;&amp;&#x27;&lt;&gt;&#x60;">',
      '<input type="checkbox" checked>',
      '<input type="checkbox">',
      "<meta>",
      "<strong>this is unsafe</strong>",
      "<div>Header</div>",
    "</div>",
  ].join("");

  if (render(element) !== expected) throw new Error();
}

LICENCE

Zero-Clause BSD
=============

Permission to use, copy, modify, and/or distribute this software for
any purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL
WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES
OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLEs
FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY
DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN
AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT
OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.