# chansole

> Multichannel console

Latest version **1.0.1** (published 2018-02-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install chansole
pnpm add chansole
yarn add chansole
bun add chansole
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-02-25 |
| First published | 2018-02-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Michael Rumyantsev |
| Maintainers | rumyantsev |
| Keywords | console, channel |

## Links

- npm: https://www.npmjs.com/package/chansole
- Repository: https://github.com/RumyantsevMichael/chansole
- Homepage: https://github.com/RumyantsevMichael/chansole#readme
- Issues: https://github.com/RumyantsevMichael/chansole/issues
- npm.io page: https://npm.io/package/chansole

## Recent versions

- 1.0.1 (latest) — 2018-02-25
- 1.0.0 — 2018-02-25

## README

# Chansole

**Chansole** is a module that allow you to use multiple instances of the Console.

## Usage

> Be aware that chansole works only in a browser

First, install chansole using npm or yarn:

`npm install --save chansole`

`yarn add chansole`

then import it and create your channels:

```js
import channel from 'chansole';

const consoleA = channel('channelA');
const consoleB = channel('channelB');

consoleA.log('Hello, A');
consoleB.log('Hello, B');
```

`channel` method in the example returns the native browser's console instance, so you can use all features of its API

## Browser settings
### Google Chrome and Chromium

Open the DevTools **Console Settings** and check the **Selected context only** checkbox

![Check "Selected context only" checkbox](https://raw.githubusercontent.com/RumyantsevMichael/chansole/master/screenshots/chromeStep1.bmp?raw=true "Check \"Selected context only\" checkbox")

Select a context

![Select a context](https://raw.githubusercontent.com/RumyantsevMichael/chansole/master/screenshots/chromeStep2.bmp?raw=true "Select a context")

Now you'll see messages in the selected context only

![Profit](https://raw.githubusercontent.com/RumyantsevMichael/chansole/master/screenshots/chromeStep3.bmp?raw=true)

### Mozilla Firefox

Open the DevTools **Settings** and check the **Select an iframe as the currently targeted document** checkbox

![Check "Select an iframe as the currently targeted document" checkbox](https://raw.githubusercontent.com/RumyantsevMichael/chansole/master/screenshots/firefoxStep1.png?raw=true "Check \"Select an iframe as the currently targeted document\" checkbox")

Select a context

![Select a context](https://raw.githubusercontent.com/RumyantsevMichael/chansole/master/screenshots/firefoxStep2.png?raw=true "Select a context")

## License
MIT

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