A modern
debugclient for TypeScript, offering powerful logging capabilities with colored output, performance tracking, log rotation, and both CLI & library support.
- π Performance High-Performance Logging
- π― Domain-Specific Domain-Specific Namespaces
- π€ Buffering Fingers-Crossed Log Buffering
- π Rotation Automatic Log Rotation & Cleanup
- π Encryption Encrypted Log Storage
- π¨ Rich Color-Coded Console Output
- π Multiple Log Levels
debug,info,success,warn,error - π Format String Support
%s,%d,%j, etc. - β‘ Built-in Performance Tracking
start,end,time
- π Universal Browser & Server support
- π οΈ CLI & Library Access APIs via CLI or programmatically
- π» Fully Typed First-Class TypeScript support
- π¦ Lightweight Zero external dependencies
Clarity detects modern terminals like Ghostty and emits OSC 8 hyperlinks and optional terminal titles for a better UX.
-
Hyperlinks (OSC 8)
- Markdown-style links in messages like
[docs](https://ghostty.org/docs)render as clickable links in Ghostty and other capable terminals. - Local file paths in links (e.g.
[open log](./logs/app.log)) become clickablefile://links when the file exists. - Disable/force with env vars:
NO_OSC8=1to disable,FORCE_OSC8=1to force-enable.
- Markdown-style links in messages like
-
Terminal title (OSC 2)
- You can set the window/tab title when running in a TTY:
import { Logger } from '@stacksjs/clarity' const logger = new Logger('build') logger.setTerminalTitle('Clarity β’ Build running')
-
Detection
- Ghostty is detected via
TERM_PROGRAM=Ghostty. - Other terminals with OSC 8 support are detected heuristically (
TERM_PROGRAM=iTerm.app|WezTerm|vscode,VTE_VERSION>=5000, Windows Terminal, kitty, etc.).
- Ghostty is detected via
If your terminal doesnβt support OSC 8 or styling is disabled, Clarity falls back to plain text without underlines or clickable links.
bun add @stacksjs/clarity npm install @stacksjs/clarity
There are two ways of using clarity: as a library or as a CLI.
Given the npm package is installed:
import { Logger } from '@stacksjs/clarity' // Configure the logger const logger = new Logger('parser', { // Optional configuration maxLogSize: 5 _ 1024 _ 1024, // 5MB rotation: { maxLogFiles: 10, compress: true, }, encrypted: true, }) // Basic logging logger.info('Starting parser...') logger.success('Document parsed successfully') logger.warning('Legacy format detected') logger.error('Failed to parse document') // Performance tracking const end = logger.info('Starting expensive operation...') // ... do work ... end('Operation completed') // automatically includes time taken // Domain-specific logging const parseLogger = logger.extend('json') parseLogger.info('Parsing JSON...') // outputs with [parser:json] prefix // Debug mode logger.debug('Additional debug information') // Format string support logger.info('Found %d errors in %s', 3, 'document.txt') // Conditional execution logger.only(() => { // Only runs when logging is enabled logger.info('Additional diagnostics...') })
To learn more about the Library usage, please refer to the Library documentation.
import { Logger } from '@stacksjs/clarity' const logger = new Logger('app') // Different log levels await logger.debug('Debug information for developers') await logger.info('General information about application state') await logger.success('Operation completed successfully') await logger.warn('Warning: approaching rate limit') await logger.error('Failed to connect to database')
import { Logger } from '@stacksjs/clarity' const logger = new Logger('performance') // Track operation duration const end = logger.time('Starting database query') await db.query('SELECT _ FROM users') await end() // Outputs: "Starting database query completed in 123ms" // Track multiple operations const end1 = logger.time('Operation 1') const end2 = logger.time('Operation 2') await Promise.all([ someAsyncOperation().then(end1), anotherAsyncOperation().then(end2) ])
import { Logger } from '@stacksjs/clarity' const logger = new Logger('api') // Create sub-loggers for specific domains const authLogger = logger.extend('auth') const dbLogger = logger.extend('database') const cacheLogger = logger.extend('cache') await authLogger.info('User authenticated') // [api:auth] User authenticated await dbLogger.error('Connection failed') // [api:database] Connection failed await cacheLogger.debug('Cache miss') // [api:cache] Cache miss
import { Logger } from '@stacksjs/clarity' const logger = new Logger('app', { // Log level and format level: 'debug', format: 'json', timestamp: new Date(), // Log rotation settings rotation: { maxSize: 5 _ 1024 _ 1024, // 5MB maxFiles: 10, frequency: 'daily', compress: true, }, // Fingers-crossed buffering fingersCrossed: { activationLevel: 'error', bufferSize: 50, flushOnDeactivation: true, } })
import { Logger } from '@stacksjs/clarity' const logger = new Logger('api', { format: 'json' }) // Log structured data await logger.info('User action', { userId: 123, action: 'login', timestamp: new Date(), metadata: { ip: '192.168.1.1', userAgent: 'Mozilla/5.0...' } }) // Log errors with stack traces try { throw new Error('Database connection failed') } catch (error) { await logger.error('Failed to execute query', { error: error.message, stack: error.stack, query: 'SELECT _ FROM users' }) }
import { Logger } from '@stacksjs/clarity' const logger = new Logger('app') // Only execute logging code if the level is enabled logger.only(() => { const expensiveOperation = calculateSomething() logger.debug('Operation result:', expensiveOperation) }) // Conditional logging with levels if (logger.shouldLog('debug')) { const metrics = gatherMetrics() // expensive operation await logger.debug('System metrics:', metrics) }
# Watch logs in real-time clarity watch --level debug --name "parser:_" clarity watch --json --timestamp # Log a one-off message clarity log "Starting deployment" --level info --name "deploy" # Export logs to a file clarity export --format json --output logs.json --level error clarity export --start 2024-01-01 --end 2024-01-31 # Show and follow last N lines clarity tail --lines 50 --level error --follow clarity tail --name "api:_" # Search through logs clarity search "error connecting to database" --level error clarity search "deployment" --start 2024-01-01 --case-sensitive # Clear log history clarity clear --level debug --before 2024-01-01 clarity clear --name "temp:_" # Configure log rotation clarity config set --key maxLogSize --value 5242880 # 5MB clarity config set --key maxLogFiles --value 10 clarity config set --key compressLogs --value true # Other configuration clarity config set --level debug clarity config list # Utility commands clarity --help # Show help information clarity --version # Show version number
All commands support the following common options:
--level: Filter by log level (debug, info, warning, error)--name: Filter by logger name (supports patterns like "parser:_")--verbose: Enable verbose output
watch: Monitor logs in real-time with filtering and formatting optionslog: Send one-off log messages with specified level and nameexport: Save logs to a file in various formats with date range filteringtail: Show and optionally follow the last N lines of logssearch: Search through logs using patterns with date range and case sensitivity optionsclear: Clear log history with level, name, and date filteringconfig: Manage clarity configuration (get, set, list)
To learn more about the CLI usage, please refer to the CLI documentation.
Clarity can be configured programmatically, using environment variables, or through the CLI:
import { Logger } from '@stacksjs/clarity' const logger = new Logger('app', { // Log Levels level: 'debug', defaultName: 'app', verbose: true, // Output Format format: 'json', timestamp: true, colors: true, // Log Rotation rotation: { frequency: 'daily', maxLogSize: 10 _ 1024 _ 1024, // 10MB maxLogFiles: 5, compress: true, }, encrypt: true, logDirectory: '~/.clarity/logs', })
# Enable logging DEBUG=true DEBUG=parser # enable specific logger DEBUG=parser:* # enable logger and all subdomains # Control log level LOG_LEVEL=debug # show all logs LOG_LEVEL=error # show only errors
# Configure logging clarity config set --key level --value debug clarity config set --key maxLogSize --value 5242880 # 5MB
bun testPlease see our releases page for more information on what has changed recently.
Please see CONTRIBUTING for details.
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
For casual chit-chat with others using this package:
Join the Stacks Discord Server
βSoftware that is free, but hopes for a postcard.β We love receiving postcards from around the world showing where clarity is being used! We showcase them on our website too.
Our address: Stacks.js, 12665 Village Ln #2306, Playa Vista, CA 90094, United States π
We would like to extend our thanks to the following sponsors for funding Stacks development. If you are interested in becoming a sponsor, please reach out to us.
The MIT License (MIT). Please see LICENSE for more information.
Made with π
