@rizkyhaksono/npm-beautify-log

Beautified logger untuk Next.js dengan TypeScript.

Fitur utama:

• level log: info, debug, warn, error
• output rapi dengan timestamp lokal
• warna otomatis untuk terminal yang mendukung ANSI
• aman untuk SSR dan CI (auto fallback tanpa warna)
• tanpa runtime dependency

Install

npm install @rizkyhaksono/npm-beautify-log

Quick Start

import { logger } from "@rizkyhaksono/npm-beautify-log";

logger.info("Server ready", { port: 3000 });
logger.debug("Payload", { id: 42 });
logger.warn("Cache miss");
logger.error("Query failed", new Error("DB timeout"));

Custom Logger

import { createLogger } from "@rizkyhaksono/npm-beautify-log";

const appLogger = createLogger({
  env: process.env.NODE_ENV,
  timestamp: true,
  timestampLocale: "id-ID",
  timestampTimeZone: "Asia/Jakarta",
  useColors: "auto",
  prettyMeta: true,
  prefix: "[my-next-app]",
});

appLogger.info("Booting app");

Opsi Konfigurasi

• level: level minimum log (debug | info | warn | error)
• useColors: true, false, atau "auto"
• timestamp: aktif/nonaktif timestamp
• timestampLocale: default id-ID
• timestampTimeZone: default Asia/Jakarta
• env: untuk default level (development => debug, selain itu info)
• prettyMeta: pretty print metadata JSON
• prefix: prefix text tambahan di awal log

Contoh di Next.js

App Router - Server

// app/api/health/route.ts
import { logger } from "@rizkyhaksono/npm-beautify-log";

export async function GET() {
  logger.info("Health endpoint called");
  return Response.json({ ok: true });
}

Client Component

"use client";

import { logger } from "@rizkyhaksono/npm-beautify-log";
import { useEffect } from "react";

export function ExampleClient() {
  useEffect(() => {
    logger.debug("Client mounted");
  }, []);

  return <div>Check console</div>;
}

Development

npm run lint
npm run build
npm test

Cara Upload ke npm Web (npmjs.com)

1. Buat akun di https://www.npmjs.com/signup dan verifikasi email.

2. Login dari terminal:

   npm login
   npm whoami

3. Pastikan nama package siap dipublish:

   npm view @rizkyhaksono/npm-beautify-log

   Jika belum ada hasil, nama masih tersedia.

4. Naikkan versi sebelum publish berikutnya:

   npm version patch

5. Cek isi paket yang akan diupload:

   npm pack --dry-run

6. Publish public package:

   npm publish --access public

7. Buka halaman package di npm web:

   https://www.npmjs.com/package/@rizkyhaksono/npm-beautify-log

Rilis Update Selanjutnya

• Perbaikan bug: npm version patch
• Fitur baru kompatibel: npm version minor
• Breaking change: npm version major

Lalu jalankan:

git push --follow-tags
npm publish --access public