<body>
    <ul>
        {{#each items as |item|}}
        <li>
            <a href="{{{item.url}}}" title="">{{{item.text}}}</a>
        </li>
        {{/each}}
    </ul>
</body>

Create a create.js file: this is the script you will invoke when template.hbs file changes.

const Handlebars = require('handlebars')
const fs = require('fs')

function render(source, data = {}) {
    let template = Handlebars.compile(source);
    return template(data);
}

let items = "First Second".split(/\s+/).map((label, idx) => {
    return {
        text: `${label} ${idx+1}`,
        url: `#`,
    }
})
let source = fs.readFileSync(`template.hbs`, "utf-8")
let output = render(source, {items: items})
fs.writeFileSync('result.html', output, "utf-8");
console.log(source);

Install hbsmon globally, if not already installed.

npm i -g hbsmon

To check hbsmon is already installed, type hbsmon -V at the command prompt.

Run hbsmon in a terminal

hbsmon template create

In your IDE, open template.hbs and result.html

As you type changes to your template, the result.html also changes. When hbsmon detects a change in the .hbs file, it invokes the change.js script, which uses the .hbs file to create the result.html file.

Keywords

FAQs

What is hbsmon?

Is hbsmon well maintained?

Package last updated on 24 Jan 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

hbsmon

hbsmon

Installation

Usage

Get help

Get version

Monitor .hbs file, run script file with template basename

Monitor .hbs file, run specified script

Quick demo

Keywords

Related posts

Supply Chain Attack on Axios Pulls Malicious Dependency from npm

TeamPCP Compromises Telnyx Python SDK to Deliver Credential-Stealing Malware

Monitor `.hbs` file, run script file with template basename

Monitor `.hbs` file, run specified script