luna-console
TypeScript icon, indicating that this package has built-in type declarations

1.3.3 • Public • Published

Luna Console

Console for logging, similar to the one in chrome DevTools. All these methods can be used in the same way as window.console object. log, error, info, warn, dir, time/timeLog/timeEnd, clear, count/countReset, assert, table, group/groupCollapsed/groupEnd

Demo

https://luna.liriliri.io/?path=/story/console

Install

Add the following script and style to your page.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-object-viewer/luna-object-viewer.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-data-grid/luna-data-grid.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-dom-viewer/luna-dom-viewer.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-console/luna-console.css" />
<script src="//cdn.jsdelivr.net/npm/luna-object-viewer/luna-object-viewer.js"></script>
<script src="//cdn.jsdelivr.net/npm/luna-data-grid/luna-data-grid.js"></script>
<script src="//cdn.jsdelivr.net/npm/luna-dom-viewer/luna-dom-viewer.js"></script>
<script src="//cdn.jsdelivr.net/npm/luna-console/luna-console.js"></script>

You can also get it on npm.

npm install luna-console luna-dom-viewer luna-data-grid luna-object-viewer --save
import 'luna-object-viewer/luna-object-viewer.css'
import 'luna-data-grid/luna-data-grid.css'
import 'luna-dom-viewer/luna-dom-viewer.css'
import 'luna-console/luna-console.css'
import LunaConsole from 'luna-console'

Usage

const container = document.getElementById('container')
const console = new LunaConsole(container)
console.log('luna')

Configuration

  • accessGetter(boolean): Access getter value.
  • asyncRender(boolean): Asynchronous rendering.
  • filter(string | RegExp | AnyFn): Log filter.
  • lazyEvaluation(boolean): Lazy evaluation for objects.
  • level(string | string[]): Log level, verbose, info, warning and error.
  • maxNum(number): Max log number, zero means infinite.
  • showHeader(boolean): Show time and from.
  • unenumerable(boolean): Show unenumerable properties.

Api

evaluate(code: string): void

Evaluate JavaScript.

html(args: any): void

Log out html content.

Readme

Keywords

Package Sidebar

Install

npm i luna-console

Weekly Downloads

175

Version

1.3.3

License

MIT

Unpacked Size

561 kB

Total Files

30

Last publish

Collaborators

  • surunzi