https://github.com/akira-cn/consoli
Output the content of console to a DOM element.
https://github.com/akira-cn/consoli
console dom log
Last synced: 25 days ago
JSON representation
Output the content of console to a DOM element.
- Host: GitHub
- URL: https://github.com/akira-cn/consoli
- Owner: akira-cn
- License: mit
- Created: 2023-08-17T10:24:38.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-17T10:55:53.000Z (almost 2 years ago)
- Last Synced: 2024-04-16T14:22:42.993Z (about 1 year ago)
- Topics: console, dom, log
- Language: JavaScript
- Homepage:
- Size: 33.2 KB
- Stars: 14
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Consoli
Consoli can output the content of console to a DOM element.
It hosts all the console methods including:
- log
- info
- warn
- error
- assert
- clear
- group
- groupCollapsed
- groupEnd
- count
- time
- countReset
- timeEnd
- dir
- table
## Usage
[Try it in CodePen](https://codepen.io/akira-cn-the-selector/pen/JjwPVXm)
```js
import {consoli} from 'https://unpkg.com/dom-consoli/dist/consoli.mjs';
const container = document.createElement('div');
const logger = consoli(container);
document.body.appendChild(container);
logger.warn('warning: something is wrong');
```
### Work with [Consola](https://github.com/unjs/consola)
```js
import {consola} from 'https://unpkg.com/consola';
import {consoli} from 'https://unpkg.com/dom-consoli/dist/consoli.mjs';
const container = document.createElement('div');
window.console = consoli(container, {hintIcon: false, console: {warn: true, error: true}});
document.body.appendChild(container);
consola.info("Using consola 3.0.0");
consola.start("Building project...");
consola.warn("A new version of consola is available: 3.0.1");
consola.success("Project built!");
consola.error(new Error("This is an example error. Everything is fine!"));
consola.box("I am a simple box");
await consola.prompt("Deploy to the production?", {
type: "confirm",
});
```
### With node.js
```js
// esm
import {consoli} from 'dom-consoli';
// cjs
const {consoli} = require('dom-consoli');
```