Pug library ported to Deno 🦕.
Note: filters from jsTransformer are not supported, only custom filters.
Full documentation is at pugjs.org
Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers. For bug reports, feature requests and questions, open an issue. For discussion join the chat room.
Pug is a clean, whitespace sensitive syntax for writing HTML. Here is a simple example:
doctype html
html(lang="en")
head
title= pageTitle
script(type='text/javascript').
if (foo) bar(1 + 5)
body
h1 Pug - node template engine
#container.col
if youAreUsingPug
p You are amazing
else
p Get on it!
p.
Pug is a terse and simple templating language with a
strong focus on performance and powerful features.Pug transforms the above to:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pug</title>
<script type="text/javascript">
if (foo) bar(1 + 5)
</script>
</head>
<body>
<h1>Pug - node template engine</h1>
<div id="container" class="col">
<p>You are amazing</p>
<p>Pug is a terse and simple templating language with a strong focus on performance and powerful features.</p>
</div>
</body>
</html>import {
compile,
Options,
render,
renderFile,
} from "https://cdn.jsdelivr.net/gh/lumeland/pug@master/mod.ts";
// compile
const fn = compile("h1#title Pug - node template engine #{state}");
const html = fn({
state: "amazing",
});
console.log("compile result:\n", html);
// -> <h1 id="title">Pug - node template engine is amazing</h1>
// render
const html = render("p.text Hello World!");
console.log(html);
// -> <p class="text">Hello World!</p>
// renderFile
const html = renderFile("template.pug") as string;
console.log(html);
// -> <!DOCTYPE html>...You can run this example with
deno run --allow-read examples/simple/main.tsMIT