The angular-logger's discuss from angular-ru

angular-ru / angular-logger Goto Github PK

View Code? Open in Web Editor NEW

Move: https://github.com/Angular-RU/angular-ru-sdk

JavaScript 0.51% TypeScript 91.96% CSS 2.63% HTML 4.90%

angular-logger's Issues

Refactor timer log

console.time("answer time");
alert("Click to continue");
console.timeLog("answer time");

add format output

LoggerModule.forRoot({
  format: ({ label, style }) => {
      const date = new Date().toLocaleString('ru-RU').replace(',', '');
      return [ `${date} ${label.toUpperCase()} `, style ];
  }
})

Decorator API

I. Logger decorator

Before

export class AppComponent implements OnInit {
    constructor(private logger: LoggerService) {}

    public ngOnInit(): void {
        this.logger.debug('hello world');
    }
}

After

export class AppComponent implements OnInit {
    @Logger() private logger: LoggerService;

    public ngOnInit(): void {
        this.logger.debug('hello world');
    }
}

II. Use only methods

Before

export class AppComponent implements OnInit {
    constructor(private logger: LoggerService) {}

    public ngOnInit(): void {
        this.logger.trace('hello world');
        this.logger.debug('hello world');
        this.logger.log('hello world');
        this.logger.warn('hello world');
        this.logger.error('hello world');
    }
}

After

export class AppComponent implements OnInit {
    @Trace() private trace: LogFn;
    @Debug() private debug: LogFn;
    @Log() private log: LogFn;
    @Warn() private warn: LogFn;
    @Error() private error: LogFn;

    public ngOnInit(): void {
        this.trace('hello world');
        this.debug('hello world');
        this.log('hello world');
        this.warn('hello world');
        this.error('hello world');
    }
}

III. Group, GroupCollapsed

Before

export class AppComponent implements OnInit {
    constructor(private readonly logger: LoggerService) {}

    public ngOnInit(): void {
        this.logger.group(
            'Show trace in opened group',
            ({ trace }: LoggerService): void => {
                for (let i: number = 0; i < 20; i++) {
                    trace( 'trace is worked', i);
                }
            }
        );
    }
}

After

export class AppComponent implements OnInit {
    @Trace() private trace: LogFn;
    
    @Group('Show trace in opened group') public ngOnInit(): void {
      for (let i: number = 0; i < 20; i++) {
         this.trace('trace is worked', i);
      }
    }
}

Recommend Projects