[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

This middleware for alt.js allows you to display dispatches and state changes in the console.

License

Notifications You must be signed in to change notification settings

Rhymen/alt-logger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

This middleware for alt.js allows you to display dispatches and state changes in the console.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published