Debug Helpers

Debug helpers provide utilities for troubleshooting and debugging in templates.

Functions

log

Logs arguments to the console.

Template Syntax

{log 'Debug message' (object data=someValue)}

Parameters

Returns

undefined

Example

<div>
  {log 'Current user state:' (object name=userName age=userAge)}
  <h2>{userName}</h2>
  <p>Age: {userAge}</p>
</div>

debugger

Triggers the JavaScript debugger, allowing you to inspect the current state of your application.

Template Syntax

{debugger}

Parameters

None

Returns

undefined

Example

<div>
  Current count: {count}
  {debugger}
  <button onclick="{increment}">Increment</button>
</div>

debugReactivity

Debugs reactivity by logging the current reaction source and triggering the debugger. This is particularly useful for understanding which reactive dependencies triggered a re-computation.

Template Syntax

{debugReactivity}

Parameters

None

Returns

undefined

Example

<div>
  <p>Total: {total}</p>
  {debugReactivity}
  <p>Items: {items.length}</p>
</div>

Note: The debugReactivity helper is specific to the reactivity system and provides detailed information about the current reactive computation. It can be helpful in tracking down unexpected re-renders or understanding the flow of reactivity in your application.

Examples