Browser

ByteHide Logger works in all modern browsers with console logging capabilities. File logging is not available in browser environments.

Installation

Via CDN

<script src="https://cdn.jsdelivr.net/npm/@bytehide/logger@latest/dist/browser.min.js"></script>

Via npm

npm install @bytehide/logger

import { Log } from '@bytehide/logger';

Basic Setup

// Configure logger
Log.configure({
    projectToken: 'your-project-token',
    logLevel: 'info',
    consoleOutput: true
});

// Start logging
Log.info('Application loaded');

Browser-Specific Features

User Session Tracking

Log.identify(userId, userEmail);

Log.info('User action performed', {
    context: { action: 'button-click', page: window.location.pathname }
});

Error Handling

window.addEventListener('error', (event) => {
    Log.error('Unhandled error occurred', {
        context: { 
            filename: event.filename,
            lineno: event.lineno,
            colno: event.colno
        }
    }, event.error);
});

React Integration

import { Log } from '@bytehide/logger';

function App() {
    useEffect(() => {
        Log.configure({
            projectToken: process.env.REACT_APP_BYTEHIDE_TOKEN
        });
    }, []);

    const handleClick = () => {
        Log.info('Button clicked', {
            context: { component: 'App', action: 'click' }
        });
    };

    return <button onClick={handleClick}>Click me</button>;
}

Limitations