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

yamprint

v0.8.4

Published

Library for pretty-printing objects inspired by YAML.

Downloads

462

Readme

Yamprint

yamprint is yet another pretty-printing library, with output inspired by YAML syntax.

yamprint stringifies objects into a convenient syntax that allows you to easily inspect their properties. It is also highly customizable and supports printing many types of data.

Example output:

obj = 
  number = 123.45
  string = 'hello'
  boolean = false
  etc1 = null
  etc2 = undefined
  functionWithName = [function nameOfFunction]
  array = 
    ► anotherNumber = 123454
      symbol = Symbol(example)
    ► ► 'nested'
      ► 'array'
      ► ► 'even deeper'
  sparseArray = 
    (1) ► 'sparse'
    (10) ► 'array'
    (5000) ► 'with indexes and'
    'string' ► 'keys'
  thrownException = ‼ THREW EvenExceptionsAreOkay ‼

Example color output using yamprint-ansi-color (requires compatible terminal emulator) (may be outdated a little):

Features

  1. Pretty
  2. Both the object traversal and the printing are customizable in lots of ways.
  3. Handles circular references, exceptions thrown by getters, etc.
  4. Handles many kinds of scalar data types, including binary data types.
  5. Can print all the non-symbol properties of an object. You set up rules that limit what's printed, with some sensible default ones already set.

Usage

Import the yamprint function. This function is a default Yamprinter that lets you stringify objects:

import {yamprint} from 'yamprint';

You can stringify an object by calling it:

let string = yamprint({
    example : 1
});

Yamprinters can be configured. Every Yamprinter, including the default one, has a method called extend that lets you make another Yamprinter based on the previous one. This works by either:

  1. Giving it a YamprintOptions object, in which case these options override the options of the previous object.
  2. Giving it a function that takes the old options and returns a new set of options. Again, if a partial object is returned, it's unified with the old options.

Customization

The library supports several levels of customization, depending on how far you want to go. Also, the code that traverses and object and the code that prints it are totally separate.

Simple stuff

Basics

Yamprint uses a pluggable object called a Formatter which is separate from the rest of the code. This object generates certain kinds of texts, such as:

  1. The text for property keys, array prefixes bullet points, scalar values like numbers.
  2. The tag at the head of an object specifying its constructor.

The formatter doesn't change what is printed, but rather how it's printed.

You can take the existing formatter and extend it through inheritance, but you can also theme it. A theme is just an object with the same property names as the Formatter, each being a function of type string => string that gets applied on the result of the formatter.

They're mostly meant to allow coloring using ANSI styling and things like that. Here is an example of a theme. chalk is a package for ANSI styling. Every expression like chalk.magenta is a function that takes in a plain string and returns a styled string.

let ansiColorTheme = {
    symbol: chalk.magenta,
    regexp: chalk.hex('#6d872c'),
    boolean: chalk.hex("#2A00E8"),
    string: chalk.hex("#9b9b9b"),
    number: chalk.hex("786CB0"),
    date: chalk.blue,
    nul : chalk.red,
    undefined : chalk.red,
    threwAlert: chalk.hex("#000000").bgHex("#FE4949"),
    constructorTag: chalk.cyan,
    propertyKey: chalk.bold.hex("#000000"),
    sparseArrayIndex: chalk.blue,
    function : chalk.underline.hex("#5255e1"),
    circular: chalk.hex("#ffffff").bold.bgCyan
}

You apply a theme either by calling the .theme method of an existing formatter (e.g. the one in the options of a Yamprinter) or passing a theme instead of a formatter, in which case it's automatically applied to the formatter of the previous Yamprinter.

//option 1, the theme will automatically be applied
let themedYamprinter1 = yamprint.extend({formatter : ansiColorTheme});

//option 2, theme an existing formatter via the method:
let themedYamprinter2 = yamprint.extend(oldOptions => {
    return {
        formatter : oldOptions.formatter.theme(ansiColorTheme)
    }
});

Rules

When you create a custom Yamprinter, you can give it a YamprintRules object. It contains some rules about how objects should be traversed. These rules don't change how things are printed, but instead what things are printed.

The rules are meant to be pretty simple and allow for the most common kinds of customizations. Here are some things the rules can let you do (consult the API for more accurate information).

  1. Ignore certain properties entirely, based on name, descriptor, and defining prototype.
  2. Don't explore certain prototypes entirely, like Object.
  3. Set limits about how deep you should go, how big an object can be, etc.

The default Yamprinter is initialized with a set of default rules that should apply to most situations.

You pass the rules when you're extending a Yamprinter, like this:

//provide an options object that overrides some of the rules:
let yp1 = yamprint.extend({
    rules : {
        maxObjectDepth : 3
    }
});

let yp2 = yamprint.extend(oldOptions => {
    return {
        rules : {
            propertyFilter(propInfo) {
                //here we delegate to the regular filter, but also filter out
                //a specific property
                return oldOptions.propertyFilter(propInfo)
                    && propInfo.name !== "myCustomProperty"
            }
        }
    }
});

More advanced stuff

If those things aren't enough, you can dig deeper into the library!

yamprint works by having a YamprintGraphBuilder object take an object, traverse it, and build a graph/diagram (this is where the YamprintRules go). Then YamprintGraphPrinter takes that graph and turns it into a string (this is where the YamprintFormatter goes).

You can import those objects and modify them too. This requires a bit of familiarity with the source code, but the source code is short and well-organized so it's not hard to do.

You can do things like:

  1. Add custom formatting for your own scalar objects.
  2. Skip certain properties based on arcane and mysterious criteria comprehensible only to you.
  3. Tear the fabric of reality asunder.

yamprint-ansi-color

This additional package defines an ANSI color theme for yamprint. It defines a single export called Theme that has different themes. Right now the only theme is regular.

This is how you use it:

import {yamprint} from 'yamprint';
import {Themes} from 'yamprint-ansi-color';
let yp = yamprint.create(Themes.regular);