npm

alt-logger

1.0.4 • Public • Published

Logger for alt

This middleware for alt.js allows you to display dispatches and state changes in the console. It should only be used during development.

Table of contents

Install

npm i -D alt-logger

Usage

import Alt from 'alt';
import createLogger from 'alt-logger';
 
export default createLogger(new Alt());

At the moment it's not possibly to add a custom dispatcher to alt, because it would override the DebugDispatcher.

Options

{
  collapsed: true, // Defines if the log group should be collapsed or not
  colors: {
    title: '#2ecc71',
    prevState: '#3498db',
    action: '#2ecc71',
    nextState: '#3498db'
  }, // Object with the log colors.
  timestamp: true, // Print the timestamp with the action name
  duration: true, // Print the duration
  transformState: state => state, // Transform state before print.
  transformAction action => ({
    'payload': action.payload,
    'type': action.type,
    'id': action.id
  }), // Transform action before print.
  predicate: undefined // If specified this function will be called before each action is processed with this middleware. If false is returned the log process is interrupted.
}

Tips

Log only in development

import Alt from 'alt';
import createLogger from 'alt-logger';
 
const alt = new Alt();
export default (process.env.NODE_ENV === 'development') ? createLogger(alt) : alt;

Collapse everything except actions with a certain type

    createLogger(alt, {
        collapsed: (action) => action.type !== USER_ACTION
    });

Only log actions with a certain type

    createLogger(alt, {
        predicate: (action) => action.type === USER_ACTION
    });

License

MIT

Package Sidebar

Install

npm i alt-logger

Weekly Downloads

1

Version

1.0.4

License

MIT

Last publish

Collaborators

  • rherwig4711
  • rhymen