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

pretty-box

v1.0.5

Published

A simple tool, which prints a sweet boxes with text to your console

Downloads

2,962

Readme

Pretty Box

NPM Version NPM License

A simple tool, which prints a sweet boxes with text to your console

Installation

Using NPM

npm install pretty-box

Or using Yarn

yarn add pretty-box

Usage

In the examples below, the print method will output the configured box in the console

If you're using a ES5 (CommonJS) syntax, you can use this tool, by adding a .default to the require('pretty-box')

carbon

Otherwise, if you're familiar with ES6 Import syntax (which is highly recommended nowadays), feel free to use it like so

carbon (1)

Configure Output

You can simply configure the default look of a printed box by calling the following methods:

  • setVerticalPadding(value: number): void

    By calling the following method of a PrettyBox instance, you can set the amount of empty lines, which will be printed before the first line of text and after the last line of text (default is 1).

  • setHorizontalPadding(value: number): void

    By calling the following method of a PrettyBox instance, you can set the amount of empty spaces, which will be printed BEFORE and AFTER every line of a text (default is 4).

  • print(): void

    Output configured box to the console.

Usage with TypeScript

This library initially was written with TypeScript, so it comes with the built-in typings. Feel free to use this library with that beautiful language. 😁

Colored output

Pretty Box does not have any built-in methods for setting up color and/or styles of a text, but you can use a chalk library to add color and styles to the text of a printed box.

You can use any printable characters (like an Emoji) too. The string length would be calculated correctly.

carbon (2)

Examples

The font used in this example is "Fira Code Retina".

image

Note about emojis

Please, note that printed emojis can sometimes breaks a spacing after the Emoji symbol. It's highly recommended using a two spaces after an emoji symbol rather than one.