@grahamcrackers/logger

A naive logger for client side applications.

basic usage

// src/logger.ts

import { createLogger, LogLevel } from "@grahamcrackers/logger";

export const logger = createLogger({
    // defaults to LogLevel.Log or (0)
    logLevel: LogLevel.Info,
});

log levels

| Level | Enum | Description | | ----- | ---- | ---------------------------------------------- | | Log | 0 | (Default) Logs all levels | | Info | 1 | Helpful for debugging in non prod environments | | Warn | 2 | Show console warnings | | Error | 3 | Show console errors |

settings for different .env

I wanted a logger that I could log during development and if I forget to remove a console log because of reasons it won't output critical info if building for production.

I mainly use vite for front end apps these days so this example is using that setup. If you use webpack, you can translate the environment variables to your setup.

.env

your local set up to log everything

VITE_LOG_LEVEL=0
VITE_LOGGING_ENABLED=true

.env.production

set the log level in prod to only show warnings and errors, or set logging to be disabled entirely.

VITE_LOG_LEVEL=3
# or disable everything
VITE_LOGGING_ENABLED=false

// src/logger.ts

import { createLogger, LogLevel } from "@grahamcrackers/logger";

export const logger = createLogger({
    isEnabled: import.meta.env.VITE_LOGGING_ENABLED,
    logLevel: import.meta.env.VITE_LOG_LEVEL,
});