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.

/luna-console/

    Package Sidebar

    Install

    npm i luna-console

    Weekly Downloads

    286

    Version

    1.3.3

    License

    MIT

    Unpacked Size

    561 kB

    Total Files

    30

    Last publish

    Collaborators

    • surunzi