# @knuddels/mobx-logger

> ## Installation

Latest version **1.1.1** (published 2019-12-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install @knuddels/mobx-logger
pnpm add @knuddels/mobx-logger
yarn add @knuddels/mobx-logger
bun add @knuddels/mobx-logger
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2019-12-09 |
| First published | 2019-07-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 35.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Henning Dieterichs |
| Maintainers | hediet, mathiasretzlaff |

## Links

- npm: https://www.npmjs.com/package/@knuddels/mobx-logger
- Repository: https://github.com/Knuddels/typescript-building-blocks
- npm.io page: https://npm.io/package/@knuddels/mobx-logger

## Recent versions

- 1.1.1 (latest) — 2019-12-09
- 1.1.0 — 2019-07-23
- 1.0.1 — 2019-07-23
- 1.0.0 — 2019-07-23

## README

# Knuddels Mobx Console Logger

## Installation

```
yarn add @knuddels/mobx-logger
```

or

```
npm install @knuddels/mobx-logger --save
```

## Usage

```ts
import { MobxConsoleLogger } from "@knuddels/mobx-logger";
import * as mobx from "mobx";

const logger = new MobxConsoleLogger(mobx);

// ...

logger.dispose(); // Stops logging mobx events
```

This is how it looks in the chrome dev tools console:

![Demo](./docs/demo.png)

This is how it looks with grouping enabled:

![Demo](./docs/demo-groups.png)

Groups are delayed by default so that empty groups appear as plain text.

## Why

-   Not Mobx Dev Tools?
    The mobx chrome dev tools are a little bit buggy and most importantly
    don't track events that happen during page initialization.
    Moreover, they don't integrate ordinary console logs.

-   Not `mobx-logger`?
    It does not look as great and does not process all events from mobx.
    Besides, it creates a console group for each nesting which makes filting in chrome almost useless as chrome does not filter groups.

## Similar libs

-   [mobx-logger](https://github.com/winterbe/mobx-logger): Inspired this library.

## Changelog

-   1.1.0 - Implements Groups.
-   1.0.0 - Initial release.

---
_Source: https://npm.io/package/@knuddels/mobx-logger · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._