0.0.7-rc1 • Published 2 years ago
interact-logger v0.0.7-rc1
Logger
Interact logger library created using ngx-logger. It uses most of features of ngx-logger and customizes some of feature based on requirement.
Build
Run ng build logger
to build the project. The build artifacts will be stored in the dist/
directory.
Publishing
After building your library with ng build logger
, go to the dist folder cd dist/logger
and run npm publish
.
How to use this library?
Install interact-logger.
npm i interact-logger
Import
InteractLoggerModule
inapp.module.ts
.import { InteractLoggerModule } from 'interact-logger'; @NgModule({ imports: [ ... InteractLoggerModule ], ... })
Following is the sample code snippet of
app.component.ts
which can be added in any domain app or MFE app to use this logger:import { Component, OnInit } from '@angular/core'; import { NGXLogger, NgxLoggerLevel } from 'interact-logger'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { title = 'shell'; logConfig: any = { domain: '<MFE_NAME>', disableFileDetails: true, level: NgxLoggerLevel.DEBUG, serverLogLevel: NgxLoggerLevel.DEBUG, serverLoggingUrl: '<SERVER_LOG_COLLECTOR_URL>', customHttpHeaders: new HttpHeaders({ Authorization: '<token> }), timestampFormat: 'full', colorScheme: ['purple', 'teal', 'gray', 'gray', 'red', 'red', 'red'], };
constructor(private logger: NGXLogger) {
this.logger.updateConfig(this.logConfig);
}
ngOnInit() {
this.logger.debug('DEBUG LOG: debug log');
this.logger.info('INFO LOG: Normal info logs');
this.logger.log('LOG: Normal info logs');
this.logger.warn('WARNING LOG: Multiple', 'Argument', 'support');
this.logger.error('ERROR LOG: Your log message goes here');
this.logger.fatal('FATAL LOG: **** FATAL LOG ******');
}
}
```
NOTE: Please refer ngx-logger to get more information on configuration and customization options for this logger.