Giter Club home page Giter Club logo

console-log-it's Introduction

Build Status Coverage Status dependencies Status npm version

console-log-it

Console log colors, boxes, and more for the browser and terminal

Version: 1.1.0

Summary of Utils

Click on each function name for details and examples

function Description
logBoxLog out a message in a box
logDebugLog out args based on a condition
logErrorLog out an error message
logInfoLog out an info message
logStatusLog out a custom status message
logStyleLog out a styled message
logSuccessLog out a success message
logWarningLog out a warning message

Examples

Here are some examples of things you can do with console-log-it:

Boxes

Status Logs

Core & Custom Statuses

Status Logs

Change Your Line Style

Status Logs

Interfaces & Types

These are importable if you are using TypeScript. If you're not using TypeScript, you can simply use these as a reference to the shapes of the objects and the potential values to pass into the functions.

export type Color = 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white';
export type BackgroundColor = 'bgBlack' | 'bgRed' | 'bgGreen' | 'bgYellow' | 'bgBlue' | 'bgMagenta' | 'bgCyan' | 'bgWhite' | 'bgGray';
export type Style = 'blink' | 'bright' | 'dim' | 'hidden' | 'reverse' | 'reset' | 'underscore';

export type LogBoxConfig = {
  color: Color,
  indent?: number,
  padding?: number,
  bufferLines?: boolean,
  symbol?: string,
};

export type LogBoxLine = {
  color: Color,
  message: string,
};

export type StatusConfig = {
  indent?: number,
  tagMessage?: string,
};

export type CustomStatusConfig = {
  indent?: number,
  tagColor: Color,
  tagMessage: string,
};

Package Contents

Within the module you'll find the following directories and files:

package.json
CHANGELOG.md -- history of changes to the module
README.md -- this file
/lib
  └───/es5
      └───index.d.ts - 430 Bytes
      └───index.js - 1.48 KB
    └───/logBox
      └───index.d.ts - 1.33 KB
      └───index.js - 6.07 KB
    └───/logDebug
      └───index.d.ts - 519 Bytes
      └───index.js - 806 Bytes
    └───/logError
      └───index.d.ts - 558 Bytes
      └───index.js - 1.12 KB
    └───/logInfo
      └───index.d.ts - 560 Bytes
      └───index.js - 1.12 KB
    └───/logStatus
      └───index.d.ts - 760 Bytes
      └───index.js - 2.09 KB
    └───/logStyle
      └───index.d.ts - 926 Bytes
      └───index.js - 2.03 KB
    └───/logSuccess
      └───index.d.ts - 548 Bytes
      └───index.js - 1.12 KB
    └───/logWarning
      └───index.d.ts - 557 Bytes
      └───index.js - 1.13 KB
    └───/types
      └───index.d.ts - 800 Bytes
      └───index.js - 79 Bytes
    └───/_private
      └───index.d.ts - 561 Bytes
      └───index.js - 3.43 KB
  └───/es6
      └───index.d.ts - 430 Bytes
      └───index.js - 324 Bytes
    └───/logBox
      └───index.d.ts - 1.33 KB
      └───index.js - 5.84 KB
    └───/logDebug
      └───index.d.ts - 519 Bytes
      └───index.js - 676 Bytes
    └───/logError
      └───index.d.ts - 558 Bytes
      └───index.js - 1000 Bytes
    └───/logInfo
      └───index.d.ts - 560 Bytes
      └───index.js - 1002 Bytes
    └───/logStatus
      └───index.d.ts - 760 Bytes
      └───index.js - 1.95 KB
    └───/logStyle
      └───index.d.ts - 926 Bytes
      └───index.js - 1.91 KB
    └───/logSuccess
      └───index.d.ts - 548 Bytes
      └───index.js - 994 Bytes
    └───/logWarning
      └───index.d.ts - 557 Bytes
      └───index.js - 1004 Bytes
    └───/types
      └───index.d.ts - 800 Bytes
      └───index.js - 12 Bytes
    └───/_private
      └───index.d.ts - 561 Bytes
      └───index.js - 3.12 KB

License

MIT

Author

Michael Paravano

Dependencies

None

console-log-it's People

Contributors

thespicymeatball avatar

Stargazers

Nicolas Reibnitz avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.