Angular Material Logger

AmLogger is a simple log framework that originated as a Proof of Concept. At the moment, the log statements is simply written to the console with the current timestamp. The ides is to expand this contexual information to include where in the code the log entry was generated.

Please note that this is a Proof of Concept library and not meant for production use and that the API can change at any time.

Version 5.0 is a update to the way the library gets build as well as depending on Angular5.

This project was generated with Angular CLI version 1.5.0.

Installation

To install AmLogger in your project, simply do

npm i @bi8/am-logger

Configuration

Import the AmLoggerModule and add it to your app module and create a log configuration logConfig that is added to your list of providers.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { AmLoggerModule } from "./modules/am-logger/am-logger.module";
import { LogLevel } from "./modules/am-logger/log-level.enum";
import { LogConfig } from "./modules/am-logger/log-config";

const logConfig : LogConfig = {
  level: LogLevel.debug
};

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AmLoggerModule
  ],
  providers: [{
    provide: 'LogConfig',
    useValue: logConfig
  }],
  bootstrap: [AppComponent]
})
export class AppModule { }

Build

Run npm i to install all the dependencies. To create the bundle/distribution, run npm run packagr which will do a new release under the dist folder.

Project Layout

This is basically a CLI generated application with the addition of ng-packagr to create the distribution bundle. The app component imports the AmLoggerModule that is located under the modules directory. Only the module is packaged an not the whole example project.

Please see Nikolas LeBlanc's article: Building an Angular 4 Component Library with the Angular CLI and ng-packagr