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

quaint-nav

v0.1.0

Published

Navigation bar and macros for Quaint

Downloads

4

Readme

quaint-nav

Macros to populate and dump navigation bars. This does not come with any styling, so it is mostly useful for use by other plugins like quaint-look-nice or quaint-bootstrap3.

Install

quaint --setup nav

Macros

nav

Use the nav name :: elements macro to register text and links to the navigation bar with the given name. If one of the entries contains a sub-list, it will appear as a dropdown.

nav main ::
  * Nav element
  * Link @@ somewhere.html
  * Dropdown
    * ABC
    * XYZ @@ xyz

By default, if no name is given, the elements will be added to the main nav.

If the body is equal to the directive dump!, the navbar will be inserted in the document:

nav main :: dump!

Options

nav-class-prefix

Default: "nav-"

This prefix is used on the class names of the generated nav tags. For instance, if the prefix is nav-, then dumping the main nav would produce a nav with class nav-main.

dropdown-class

Default: "dropdown"

Class given to the li elements that are dropdowns

dropdown-menu-class

Default: "dropdown-menu"

Class given to the ul dropdowns.

suppress-empty-nav

Default: false

If true, dumping a nav with no elements will not insert anything.

wrap-dropdown

This is a function that takes the label of a dropdown and returns a new label, but might e.g. add a caret after it.

Default: wraps the element with a div

wrap-element

Function that takes a navbar entry and returns a replacement if appropriate. This is used for instance by quaint-bootstrap3 to wrap text nodes with the navbar-text class.

Default: wraps plain text with div.