npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

metalsmith-handlebars-contents

v1.7.0

Published

Metalsmith plugin that processes file contets with handlebars.

Downloads

44

Readme

metalsmith-handlebars-layouts

Processes file contents with Handlebars. Typically used for mustache syntax embedded within markdown files, but can easily process any type of text file. Safe to use with live reloading. Very similar to metalsmith-hbt-md, but this is safe to use with live reloading using metalsmith-serve and metalsmith-watch.

What It Does

Imagine you have some data in a page that you want to render as a table. This lets you repeat content using mustache and it can draw from the metadata of the file.

---
tableData:
    -
        name: Bob
        type: Elephant
    -
        name: Sally
        type: Rhino
---

Welcome to my zoo! Right now we are taking care of the following animals

| Name | Type of Animal |
|------|----------------|
{{tableData}}| {{name}} | {{type }} |
{{/tableData}}

Partials can also be used, as can helpers and other features that handlebars provides.

Installation

npm can do this for you.

npm install --save metalsmith-handlebars-contents

Usage

Include this like you would include any other plugin. Here's a CLI example that also shows the default options. You don't need to specify any of these unless you want to change its value.

{
    "plugins": {
        "metalsmith-handlebars-contents": {
            "data": [],
            "decorators": [], // DEPRECATED
            "helpers": [],
            "match": "**/*.md",
            "matchOptions": {},
            "partials": ["./partials/**/*"]
        }
    }
}

And this is how you use it in JavaScript, with a small description of each option.

// Load this, just like other plugins.
var handlebarsContents = require("metalsmith-handlebars-contents");

// Then in your list of plugins you use it.
.use(handlebarsContents())

// Alternately, you can specify options.  The values shown here are
// the defaults.
.use(handlebarsContents({
    // Data files to load or data objects to add to global data.
    data: [],

    // Decorators to add - DEPRECATED, do not use going forward.
    decorators: [],

    // Helper functions to include
    helpers: [],

    // Pattern of files to match in case you want to limit processing
    // to specific files.
    match: "**/*.md",

    // Options for matching files.  See metalsmith-plugin-kit for
    // more information.
    matchOptions: {},

    // Directories that hold partials for processing the content
    partials: ['./partials/**/*']
})

The items in the data, decorators, helpers, and partials arrays can be strings or objects. You may also still use decorators in the same way, but they are deprecated. All of these are passed to handlebars-wax using the appropriate method.

This uses metalsmith-plugin-kit to match files. The .matchOptions object can be filled with options to control how files are matched.

Development

This plugin is licensed under the [MIT License][License] with an additional non-advertising clause. See the [full license text][License] for information.