Cool colored console logs for Node and browser.
yarn add @jmellicker/jlogsImport the library:
const c = require('@jmellicker/jlogs');import c from '@jmellicker/jlogs';For browser projects using bundlers like Vite, Webpack, or Rollup:
// In your Vue component or JavaScript file
import c from '@jmellicker/jlogs';
// Now you can use it
c.b('Hello from the browser!');For direct use in HTML:
<script type="module">
import c from './node_modules/@jmellicker/jlogs/index.mjs';
c.r('This is a red message in the console');
</script>Use the various color functions:
c.p('purple')
c.b('blue')
c.c('cyan')
c.g('green')
c.y('yellow')
c.o('orange')
c.m('magenta')
c.r('red')You can also use multiple arguments, just like console.log:
c.b('Hello', 'World')
c.g('Status:', 'Success')
c.r('Error:', 'File not found')
c.y('Warning:', 'Disk space low', '(10% remaining)')
// Works with objects and mixed types too
c.c('User:', { name: 'John', age: 30 })
c.m('Mixed types:', 'string', 123, { key: 'value' }, true)You can also use the l() function with hashtag color codes:
// Basic color codes
c.l('#r This is red text')
c.l('#g This is green text')
c.l('#b This is blue text')
// Background colors
c.l('#rb This is red text with background')
c.l('#gb This is green text with background')
// Headers
c.l('#rh This is red header')
c.l('#gh This is green header')
// Background + headers
c.l('#rbh This is red background + header')
c.l('#gbh This is green background + header')
// Multiple arguments with different color codes
c.l('#r Red text', '#g Green text', '#b Blue text')
c.l('#gb This is green with a background', 'This is normal text')This package includes TypeScript declarations. No additional installation is needed.
import c from '@jmellicker/jlogs';
c.b('This is typed!');
c.l('#r Red text with TypeScript');Run the included demo to see all available colors:
node demoTo release a new version of the package:
- Make sure all your changes are committed and pushed
- Run the release script:
yarn releaseThis will:
- Increment the patch version in package.json
- Publish the package to npm
- Commit the version change
- Create a git tag
- Push changes and tags to GitHub
You'll need to be logged in to npm (npm login) before running the release script.