Hvist NPM | npm.io

Sample

import hvist from 'hvist'

// compile template from file
const filename = '/path/to/file.at';
const fileTempalate = await hvist.compileFile(filename);

// compile template from source
const source = '?title; html { head title $title; body "Some content" }';
const template = await hvist.compile(source);

// any render arguments
const args = {title: 'Some title'};

// render template to text
const text = await template.text(args);

console.log(text);

// render template to buffer
const buffer = await template.buffer(args);

// render template to file
await template.save('/path/to/result.html', args);

// render template to output stream
await template.print(args);

// render template to any stream
const stream = {
	write(chunk){ console.log(chunk) }
};

await template.pipe(stream, args);

Template language sample

main.at

// optional argument title
?title = 'Default Title'

@doctype(html)

html(lang='en') {

	head {
		title $title.toUpperCase();
	}

	// @ - insert include contents here
	body main @
}

page.at

// replace Article tag
@module Article {
	?image; // require argument
	section.article {
		img(src=$image); // print img tag
		@; // insert content
	}
}

// replace Title tag
@module Title { h2.article @ }

// replace Content tag
@module Content { p.content @ }

// import main file and insert @-content
@import 'main.at'(title='Page Title') {

	Article(image='./image.png') {
		Title 'Article Title';
		Content 'Article Content';
	}
}

Output HTML (without white spaces)

<!DOCTYPE html>
<html lang="en">

  <head>
    <title>PAGE TITLE</title>
  </head>

  <body>
    <main>
      <section class="article">
      	<img src="./image.png" />
        <h2 class="article">Article Title</h2>
        <p class="article">Article Content</p>
      </section>
    </main>
  </body>

</html>

template render html xml

chalk node-watch

@nagual.org/sjakkpass @everything-registry/sub-chunk-1880 @infinitebrahmanuniverse/nolb-hv @ixtlan/nagual.dev @ixtlan/sjakkpass @zalastax/nolb-hv

2 years ago

3 years ago

3 years ago

3 years ago