Debug Mode

Debug mode can be enabled to observe the internal state of the engine.

import { Debug } from 'leafer-ui'

Debug.enable = true

Custom Log Output

Print specific types of information

Debug.filter = 'RunTime' // or ['RunTime', 'Life']

Exclude specific types of information

Debug.exclude = 'Life' // or ['RunTime', 'Life']

Show Repaint Area

Debug.showRepaint = true

Show Element Bounds

Show element bounding box wireframes

Debug.showBounds = true

Show hit area (interactive area)

Debug.showBounds = 'hit'

Custom Types

Custom type logs can be controlled via Debug.filter and Debug.exclude to determine whether they are printed to the console.

import { Debug } from 'leafer-ui'

Debug.enable = true

const debug = Debug.get('CustomType') 

debug.log('content1', 'content2') // CustomType content1 content2

debug.warn('content')

debug.error('content')

Key Properties

enable: boolean

Enable debug mode.

showWarn: boolean

Whether to print warning messages. Default is true.

filter: string | string[]

Print only specified types of information.

exclude: string | string[]

Exclude specified types of information.

showRepaint: boolean

Show repaint regions.

showBounds: boolean | 'hit'

Show element bounding boxes. Set to hit to display collision areas.

API

Debug