mpyw / cloudwatch-front-logger Goto Github PK

First, thanks to share your work.

Could you have a function for each log level Error, Warn, Info, Debug, Trace mapped on console functions?

I have setup application correctly error log is being printed in cloudwatch logs but I am getting this exception when I load page.

I have added some screenshot for my settings and code.

Can you put args to logs? When I use console.log('test', var) I get only message "test"

Current Implementation

1. Create an instance with mandatory log configuration: accessKeyId, secretAccessKey, region and logGroupName.
2. Configure some options: setLevels() and setInterval().
3. install() with more options: logStreamNameResolver and messageFormatter.
4. Switch some options on demand after installation: enable(), disable(), mute() and unmute().

It's too stateful and has so complex interface.

Future Plan

import { CloudWatchLogsClient } from '@aws-sdk/client-cloudwatch-logs';
import { LoggerFactory, Channel } from 'cloudwatch-front-logger';

const client = new CloudwatchLogsClient({
  credentials: {
    accessKeyId: ...,
    secretAccessKey: ...,
  }
  region: ...,
});
const factory = new LoggerFactory({
  client,
  logGroupName: ...,
  logStreamNameResolver: ...,
  messageFormatter: ...,
  interval: ...,
  muted: ...,
});
factory.addChannel(new Channel('error'));
factory.addChannel(new Channel('warn', {
  // All parameters can be overridden here
  client,
  logGroupName: ...,
  logStreamNameResolver: ...,
  messageFormatter: ...,
  interval: ...,
  muted: ...,
)); 

const logger = factory.createLogger();

const channels = logger.channels();  // Return channel collection
channels.mute(); // Mute all channels
channels.get('error').mute(); // Mute all error channels
channels.get('error')[0].mute(); // Mute only single error channel

Or you can create using default channels.

const logger = new LoggerFactory({
  client,
  logGroupName: ...,
  logStreamNameResolver: ...,
  messageFormatter: ...,
  interval: ...,
  muted: ...,
}).setDefaultChannels();

I follow your instructions but I could not change at all the log stream name.

try several approaches but I don't know what I'm doing wrong.

I'm using vuejs and trying to use in app file.

First Approach, using the same code as you suggest

const logger = new Logger(process.env.VUE_APP_CLOUDWATCH_ACCESS_KEY, process.env.VUE_APP_CLOUDWATCH_SECRET_ACCESS_KEY, 'eu-west-2', process.env.VUE_APP_CLOUDWATCH_LOG_GROUP);
logger.install({
                       async logStreamNameResolver() {
                       const fp = await FingerprintJS.load()
                       const { visitorId } = await fp.get()
                       return visitorId
  },
               });

Result

The second Approach was to return a string

const logger = new Logger(process.env.VUE_APP_CLOUDWATCH_ACCESS_KEY, process.env.VUE_APP_CLOUDWATCH_SECRET_ACCESS_KEY, 'eu-west-2', process.env.VUE_APP_CLOUDWATCH_LOG_GROUP);
logger.install({
                   logStreamNameResolver() {
                       return 'test';
                   },
               });

Result

It seems the function is not replaced somehow. Am I missing something?

i had used cloudwatch-front-logger package for Ionic/angular

It works perfectly and send logs to cloudwatch but sometimes it return custom errors like

message: "Log events in a single PutLogEvents request must be in chronological order."

message: "The given sequenceToken is invalid. The next expected sequenceToken is: 49624933166923263368354481303481754674738400532447100946"

Is there any way to avoid that?

It hits below api

https://logs.eu-west-1.amazonaws.com/

Payload -> 
logEvents: [{,…}]
logGroupName: "Demo"
logStreamName: "front"
sequenceToken: "49628590183593312425478787996364355797"