{"id":21585102,"url":"https://github.com/angular-ru/angular-ru-logger-example-app","last_synced_at":"2025-03-18T09:13:31.064Z","repository":{"id":90970949,"uuid":"273183272","full_name":"Angular-RU/angular-ru-logger-example-app","owner":"Angular-RU","description":"DEMO: https://angular-ru.github.io/angular-ru-logger-example-app/","archived":false,"fork":false,"pushed_at":"2021-07-07T14:02:55.000Z","size":3018,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-24T15:29:07.912Z","etag":null,"topics":["angular","logger"],"latest_commit_sha":null,"homepage":"https://github.com/Angular-RU/angular-ru-sdk/tree/master/packages/logger","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Angular-RU.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-18T08:28:03.000Z","updated_at":"2021-07-07T14:02:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"bdc52da7-9cd8-4f29-bf56-20bf3f4c7277","html_url":"https://github.com/Angular-RU/angular-ru-logger-example-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ru-logger-example-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ru-logger-example-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ru-logger-example-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Angular-RU%2Fangular-ru-logger-example-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Angular-RU","download_url":"https://codeload.github.com/Angular-RU/angular-ru-logger-example-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244189829,"owners_count":20412991,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","logger"],"created_at":"2024-11-24T15:09:04.226Z","updated_at":"2025-03-18T09:13:31.057Z","avatar_url":"https://github.com/Angular-RU.png","language":"HTML","readme":"# Angular Logger\n\n\u003e Lightweight and configurable Angular logger\n\n[![npm version](https://badge.fury.io/js/%40angular-ru%2Flogger.svg)](https://badge.fury.io/js/%40angular-ru%2Flogger)\n[![npm-stat](https://img.shields.io/npm/dt/@angular-ru/logger.svg)](https://npm-stat.com/charts.html?package=@angular-ru/logger\u0026from=2017-01-12)\n\n```ts\nimport { LoggerModule } from '@angular-ru/logger';\n...\n\n@NgModule({\n imports: [\n    LoggerModule.forRoot()\n ],\n ...\n})\nexport class AppModule {}\n```\n\n## Motivation\n\nThis logger is a handy tool that can be useful in the design and development of the enterprise application level. Easy\nsetting of logging levels and convenient work with groups. Among other things, you can use meta programming\n(decorators).\n\n## Table of contents\n\n-   [Logging](#)\n    -   [Basic usage API `trace`, `debug`, `info`, `warn`, `error`](#example-basic-methods)\n    -   [Groups, `groupCollapsed`, `collapsible`](#example-groups)\n    -   [Nested groups (usage pipe method)](#example-nested-groups)\n    -   [Set logging level (worked in single or groups)](#example-set-minimal-logging-level)\n    -   [Customization style line](#example-set-style-line)\n    -   [Customization global style line](#example-set-global-style-line)\n    -   [Add css classes](#example-css-classes)\n    -   [Output pretty json `stringify`](#example-pretty-json)\n    -   [Basic decorators](#example-decorators)\n    -   [Decorator groups](#example-decorator-groups)\n    -   [Decorator groups with function title](#example-decorator-group-with-function-title)\n    -   [Configuration `Angular Logger`](#example-full-configurations)\n\n*   [Todo](#todo)\n\n## Logging\n\n```\n$ npm install @angular-ru/logger --save\n```\n\n```ts\nimport { LoggerModule } from '@angular-ru/logger';\n...\n\n@NgModule({\n imports: [\n    LoggerModule.forRoot()\n ],\n ...\n})\nexport class AppModule {}\n```\n\n**Online demo**: https://angular-ru.github.io/angular-ru-logger-example-app/\n\n![](https://habrastorage.org/webt/lq/a9/_s/lqa9_sp8gxkwax_sy6x9w3qf5ry.gif)\n\n### Example: basic methods\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.trace('trace is worked', 1, { a: 1 });\n        this.logger.debug('debug is worked', 2, {});\n        this.logger.info('info is worked', 3, Object);\n        this.logger.warn('warn is worked', 4, String);\n        this.logger.error('error is worked', 5, (2.55).toFixed());\n    }\n}\n```\n\n-   **Default level: All**\n\n![](https://habrastorage.org/webt/0u/yj/1t/0uyj1tli-mzh0cor1cg4jwphsdk.png)\n\n-   **Disable trace on console (filter):**\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.group('Show trace in opened group', ({ trace }: LoggerService): void =\u003e {\n            for (let i: number = 0; i \u003c 20; i++) {\n                trace('trace is worked', i);\n            }\n        });\n    }\n}\n```\n\n### Example: groups\n\n-   **Logger groups with auto closed (usage callback):**\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.groupCollapsed('EXAMPLE 2: show stack', () =\u003e {\n            this.logger.trace('trace is worked', 1, { a: 1 });\n            this.logger.debug('debug is worked', 2, console);\n            this.logger.info('info is worked', 3, Object);\n            this.logger.warn('warn is worked', 4, String);\n            this.logger.error('error is worked', 5, (2.55).toFixed());\n        });\n\n        this.logger.group('Show trace in opened group', ({ trace }: LoggerService): void =\u003e {\n            for (let i: number = 0; i \u003c 20; i++) {\n                trace('trace is worked', i);\n            }\n        });\n\n        this.logger.groupCollapsed('Show trace in collapsed group', ({ debug }: LoggerService): void =\u003e {\n            for (let i: number = 0; i \u003c 15; i++) {\n                debug('debug is worked', i);\n            }\n        });\n    }\n}\n```\n\n![](https://habrastorage.org/webt/oo/ob/uh/ooobuhwfa3ncpctwirtirgmth6y.png)\n\n### Example: nested groups\n\n-   **Logger nested groups (with pipe):**\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger\n            .groupCollapsed('GROUP TEST')\n            .pipe(({ trace, debug, info, warn, error }: LoggerService) =\u003e {\n                trace('trace is worked');\n                debug('debug is worked');\n                info('info is worked');\n                warn('warn is worked');\n                error('error is worked');\n            })\n            .close();\n\n        this.logger\n            .group('A')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .groupCollapsed('B')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .group('C')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .closeAll();\n    }\n}\n```\n\n![](https://habrastorage.org/webt/_n/wz/8l/_nwz8l25o12tmu0d8sxyyjttmck.gif)\n\n### Example: set minimal logging level\n\nBasic parameterization\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.trace('trace is worked', 1, { a: 1 });\n        this.logger.debug('debug is worked', 2, console);\n        this.logger.info('info is worked', 3, Object);\n        this.logger.warn('warn is worked', 4, String);\n        this.logger.error('error is worked', 5, (2.55).toFixed());\n\n        this.logger.level = LoggerLevel.INFO;\n        this.logger.log('Set new logger level');\n\n        this.logger.trace('trace is worked', 1, { a: 1 });\n        this.logger.debug('debug is worked', 2, console);\n        this.logger.info('info is worked', 3, Object);\n        this.logger.warn('warn is worked', 4, String);\n        this.logger.error('error is worked', 5, (2.55).toFixed());\n    }\n}\n```\n\n![](https://habrastorage.org/webt/0r/ya/xn/0ryaxnmaedlbc14imvodsezq4lg.png)\n\n-   **Logger level groups (pretty usage API):**\n\n```ts\nimport { LoggerService, LoggerLevel } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.level = LoggerLevel.INFO;\n\n        this.logger.trace\n            .group('A')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .close()\n\n            .debug.group('B')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .close()\n\n            .info.group('C')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .close()\n\n            .warn.group('D')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .close()\n\n            .error.group('E')\n            .pipe(\n                ({ trace }: LoggerService) =\u003e trace('trace is worked'),\n                ({ debug }: LoggerService) =\u003e debug('debug is worked'),\n                ({ info }: LoggerService) =\u003e info('info is worked'),\n                ({ warn }: LoggerService) =\u003e warn('warn is worked'),\n                ({ error }: LoggerService) =\u003e error('error is worked')\n            )\n            .close();\n\n        this.logger.level = LoggerLevel.ALL;\n    }\n}\n```\n\n![](https://habrastorage.org/webt/x-/lm/pl/x-lmplcexk_nd0icuqe6ehslub4.png)\n\n### Example: set style line\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.clear();\n\n        this.logger.css('text-transform: uppercase; font-weight: bold').debug('window current ', window);\n        this.logger.css('color: red; text-decoration: underline; font-weight: bold').info('It is awesome logger');\n        this.logger.debug({ a: 1 });\n\n        this.logger.warn(setStyle);\n        this.logger.info('For global configuration, use the constructor parameters');\n    }\n}\n```\n\n![](https://habrastorage.org/webt/8b/dn/nv/8bdnnvsgj1m2rxnssviqptks874.png)\n\n### Example: set global style line\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.clear();\n\n        this.logger.css('font-weight: normal; text-decoration: none; font-style: italic').info(3.14);\n        this.logger.css('font-weight: normal;').info(3.14);\n        this.logger.warn('global format with style!');\n    }\n}\n```\n\n![](https://habrastorage.org/webt/y4/wm/vz/y4wmvzvsmtzt6zdqjcupxqmvodm.png)\n\n### Example: CSS classes\n\n```ts\nimport { LoggerModule } from '@angular-ru/logger';\n\n@NgModule({\n    // ..\n    imports: [\n        LoggerModule.forRoot({\n            cssClassMap: {\n                bold: 'font-weight: bold',\n                'line-through': 'text-decoration: line-through',\n                'code-sandbox': `\n                  color: #666;\n                  background: #f4f4f4;\n                  border-left: 3px solid #f36d33;\n                  font-family: monospace;\n                  font-size: 15px;`\n            }\n        })\n    ]\n    // ..\n})\n```\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.cssClass('bold line-through').log('JavaScript sucks', 'JavaScript is the best');\n\n        this.logger\n            .cssClass('code-sandbox')\n            .log('\\n   @Component({ .. })' + '\\n   export class AppComponent { .. }    \\n\\n');\n\n        this.logger.cssClass('bold line-through').debug('JavaScript sucks', 'JavaScript is the best');\n    }\n}\nexport class AppModule {}\n```\n\n![](https://habrastorage.org/webt/d5/tm/aa/d5tmaaomjql5px_wkzxnodhacnk.png)\n\n### Example: pretty json\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        // default browser print json\n        this.logger.debug('Classic output json', jsonExample);\n\n        // for pretty json usage logger.log method\n        this.logger.log(...this.logger.prettyJSON(jsonExample));\n    }\n}\n```\n\n![](https://habrastorage.org/webt/eo/ej/k5/eoejk5t_hqvo2xeaitkbzm43grm.png)\n\n### Example: decorators\n\n```ts\nimport { LoggerService, Logger, DebugLog, TraceLog, InfoLog, WarnLog, ErrorLog, Log, LogFn } from '@angular-ru/logger';\n\nexport class AppComponent {\n    @Logger() public logger: LoggerService;\n    @TraceLog() public trace: LogFn;\n    @DebugLog() public debug: LogFn;\n    @InfoLog() public info: LogFn;\n    @ErrorLog() public error: LogFn;\n    @WarnLog() public warn: LogFn;\n    @Log() public log: LogFn;\n\n    public showExample(): void {\n        this.logger.clear();\n        this.logger.log('log is worked');\n        this.trace('trace is worked', 1, { a: 1 });\n        this.debug('debug is worked', 2, console);\n        this.info('info is worked', 3, Object);\n        this.warn('warn is worked', 4, String);\n        this.error('error is worked', 5, (2.55).toFixed());\n    }\n}\n```\n\n![](https://habrastorage.org/webt/fk/ar/a5/fkara5xhh75iz1q9_dales4cu9s.png)\n\n### Example: decorator groups\n\n```ts\nimport { LoggerService, Logger, LoggerLevel, Group } from '@angular-ru/logger';\n\nexport class AppComponent {\n    @Logger() public logger: LoggerService;\n\n    @Group('test title', LoggerLevel.WARN)\n    private helloWorld(name: string): string {\n        this.logger.log('log only in group', name);\n        return 'hello world';\n    }\n\n    public showExample11(): void {\n        this.logger.log(this.helloWorld('Hello'));\n    }\n}\n```\n\n![](https://habrastorage.org/webt/na/bu/zw/nabuzwdhsanhy0sznh5tvwdu8es.png)\n\n### Example: decorator group with function title\n\n```ts\nimport { Log, LogFn, Group } from '@angular-ru/logger';\n\nexport class AppComponent {\n    @Log() public log: LogFn;\n\n    @Group((name: string) =\u003e `Test group with ${name}`)\n    public method(name: string): string {\n        this.log('group is worked');\n        return name;\n    }\n\n    public showExample(): void {\n        this.method('hello world');\n    }\n}\n```\n\n![](https://habrastorage.org/webt/j9/mz/4v/j9mz4vbyhi0dg_8kr5wjmfwgiye.png)\n\n### Example: timer decorator\n\n```ts\nimport { Log, LogFn, TimerLog, LoggerLevel, LoggerService, Logger } from '@angular-ru/logger';\nexport class AppComponent {\n    @Log() public log: LogFn;\n    @Logger() public logger: LoggerService;\n\n    @TimerLog('Test timer')\n    public showExample(): void {\n        this.logger.clear();\n        this.log('test log');\n    }\n\n    @TimerLog('Advanced timer', LoggerLevel.WARN, false)\n    public showExample(): void {\n        this.logger.clear();\n        this.log('Advanced test log');\n    }\n}\n```\n\n![](https://habrastorage.org/webt/ur/zl/66/urzl66me9nixsnauhsfpge2tn0a.png)\n\n### Example: format output\n\n```ts\nimport { LoggerModule, NgModule, FormatOutput } from '@angular-ru/logger';\n\n@NgModule({\n    //..\n    imports: [\n        LoggerModule.forRoot({\n            format(label: string, labelStyle: string): FormatOutput {\n                const date = new Date().toLocaleString('ru-RU').replace(',', '');\n                const customLabel: string = `${date} ${label}`;\n                return { label: customLabel, style: labelStyle };\n            }\n        })\n    ]\n})\nexport class AppModule {}\n```\n\n```ts\nimport { LoggerService, OnInit } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n    constructor(private readonly logger: LoggerService) {}\n\n    public ngOnInit(): void {\n        this.logger.trace('trace is worked', 1, { a: 1 });\n        this.logger.debug('debug is worked', 2, {});\n        this.logger.info('info is worked', 3, Object);\n        this.logger.warn('warn is worked', 4, String);\n        this.logger.error('error is worked', 5, (2.55).toFixed());\n    }\n}\n```\n\n![](https://habrastorage.org/webt/pi/gi/ax/pigiax25o6qapoen_9wjoy4jdio.png)\n\n### Example: full configurations\n\n```ts\nimport { LoggerModule, NgModule, LoggerLevel } from '@angular-ru/logger';\n\n@NgModule({\n    // ..\n    imports: [\n        LoggerModule.forRoot({\n            useLevelGroup: true,\n            globalLineStyle: 'color: red; text-decoration: underline; font-weight: bold; font-size: 15px',\n            cssClassMap: {\n                bold: 'font-weight: bold',\n                'line-through': 'text-decoration: line-through',\n                'code-sandbox': `\n                  color: #666;\n                  background: #f4f4f4;\n                  border-left: 3px solid #f36d33;\n                  font-family: monospace;\n                  font-size: 15px;`\n            },\n            labelNames: {\n                [LoggerLevel.TRACE]: '[trace]',\n                [LoggerLevel.DEBUG]: '[debug]',\n                [LoggerLevel.INFO]: '[info]',\n                [LoggerLevel.WARN]: '[warn]',\n                [LoggerLevel.ERROR]: '[error]'\n            },\n            labelColors: {\n                [LoggerLevel.TRACE]: 'violet',\n                [LoggerLevel.DEBUG]: 'black',\n                [LoggerLevel.INFO]: 'tomato',\n                [LoggerLevel.WARN]: 'green',\n                [LoggerLevel.ERROR]: 'cyan'\n            }\n        })\n    ]\n    // ..\n})\nexport class AppModule {}\n```\n\n```ts\nimport { LoggerService } from '@angular-ru/logger';\n\nexport class AppComponent implements OnInit {\n\n  public ngOnInit(): void {\n    constructor(private readonly logger: LoggerService) {}\n\n    public showExample(): void {\n        this.logger.log('Example');\n        this.logger.trace('trace is worked', 1, { a: 1 });\n        this.logger.debug('debug is worked', 2, console);\n        this.logger.info('info is worked', 3, Object);\n        this.logger.warn('warn is worked', 4, String);\n        this.logger.error('error is worked', 5, (2.55).toFixed());\n    }\n}\n```\n\n![](https://habrastorage.org/webt/we/vi/xw/wevixwtlrik5gqxfif2wadprura.png)\n\n## Todo\n\n-   [x] Override console\n-   [x] Logger method (trace, debug, info, warning, error)\n-   [x] Logger group + groupCollapsible (pipes)\n-   [x] Logger pretty write object\n-   [x] Set style by css\n-   [x] Logger level groups (trace, debug, info, warn, error)\n-   [x] Clipboard data\n-   [x] Set global style\n-   [x] Added css classes\n-   [x] Dependency Injection for Angular\n-   [x] Switch enable/disable default console output\n-   [x] Decorators\n-   [x] Timers (decorator)\n-   [x] Format output console\n\n## Authors\n\n[Eleonora Zbarskaya](https://github.com/kingofferelden), [Ivanov Maxim](https://github.com/splincode)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-ru%2Fangular-ru-logger-example-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-ru%2Fangular-ru-logger-example-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-ru%2Fangular-ru-logger-example-app/lists"}