NeonLog 🌟

Colorful console logger for Angular & Node.js. Works in browser DevTools and terminal with neon ANSI colors. Zero config, zero dependencies.

📦 Installation

npm install neon-log --save-dev

🚀 Quick Start

Import

import { neonLog } from 'NeonLog';

Use

neonLog.log('Hello World');
neonLog.info('User logged in', { id: 123 });
neonLog.warn('API deprecated');
neonLog.error('Error occurred', error);
neonLog.debug('Debug data', data);

Override console (optional)

// In main.ts
import { neonLog } from 'NeonLog';

if (!environment.production) {
  neonLog.overrideConsole();
}

// Now use console normally and it's colorful!
console.log('Message');  // ✅ Cyan

🎨 Colors

• LOG → Cyan 🟦
• INFO → Purple 🟪
• WARN → Yellow 🟨
• ERROR → Red 🟥
• DEBUG → Green 🟩

Works in:

• ✅ Browser DevTools
• ✅ Terminal/Node.js
• ✅ VS Code Console
• ✅ Any modern terminal

📖 Examples

Angular Component

import { Component, OnInit } from '@angular/core';
import { neonLog } from 'NeonLog';

@Component({
  selector: 'app-home',
  template: '<h1>Home</h1>'
})
export class HomeComponent implements OnInit {
  ngOnInit() {
    neonLog.log('Component loaded');
  }
}

Angular Service

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { neonLog } from 'NeonLog';

@Injectable({ providedIn: 'root' })
export class ApiService {
  constructor(private http: HttpClient) {}

  getUsers() {
    neonLog.log('Fetching users...');
    return this.http.get('/api/users').subscribe({
      next: (data) => neonLog.info('✅ Users loaded:', data),
      error: (err) => neonLog.error('❌ Error:', err)
    });
  }
}

Node.js/Express

import { neonLog } from 'NeonLog';
import express from 'express';

const app = express();

app.get('/api/users', (req, res) => {
  neonLog.info('GET /api/users');
  res.json([{ id: 1, name: 'John' }]);
});

app.listen(3000, () => {
  neonLog.log('🚀 Server running on port 3000');
});

🎯 API

import { neonLog } from 'NeonLog';

neonLog.log(...args);      // Cyan
neonLog.info(...args);     // Purple
neonLog.warn(...args);     // Yellow
neonLog.error(...args);    // Red
neonLog.debug(...args);    // Green

neonLog.overrideConsole(); // Replace all console.*()
neonLog.restore?.();       // Restore original console

⚡ Features

• ✅ DevDependency only - Not in production bundle
• ✅ Zero config - Import and use
• ✅ No dependencies - Pure TypeScript
• ✅ Cross-platform - Browser + Terminal
• ✅ ANSI colors - True neon in terminal
• ✅ CSS colors - Styled in DevTools
• ✅ 1KB gzipped - Tiny footprint

🔧 TypeScript Support

Full type safety:

type NeonLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
type NeonLogApi = typeof neonLog;

📊 Performance

• Bundle Size: 1KB gzipped
• Load Time: <1ms
• Dependencies: 0
• Production Safe: Yes (devDependency)

🌐 Browser Support

| Browser | Support | |---------|---------| | Chrome | ✅ 90+ | | Firefox | ✅ 88+ | | Safari | ✅ 14+ | | Edge | ✅ 90+ | | Terminal | ✅ All |

📝 License

MIT © Swapnil Muley

🔗 Links

• GitHub: neon-log
• Author: @gdswapnil11

Made with 💚 for colorful debugging

Happy logging! 🚀