Skip to content

DevTools: Provide support for signals #50944

@ptandler

Description

@ptandler

Is this a bug report or a feature request?

  • Bug Report
  • Feature Request

Please provide the steps to reproduce the issue [Bug Report only]

No response

Please provide the expected behavior vs the actual behavior you encountered [Bug Report only]

No response

Please provide a screenshot if possible [Bug Report only]

No response

Please provide the exception or error you saw [Bug Report only]

No response

Is this a browser-specific issue? If so, please specify the device, browser, and version. [Bug Report only]

No response

Description [Feature Request only]

When you use a signal as prop of a component, in the dev tools, it shows bound signal(...). When you click on the value, you jump to the signal() source. This is not really helpful when you want to know the value of the signal.

When I want to see a signal's value, I currently need to use the console to print it.

Proposed solution [Feature Request only]

Some ideas (sorted by prio):

  • Show the signal's current value instead of bound signal (most important)
  • For computed signal, provide a way to jump to the computation function
  • For writable signals, allow to change the value
  • Provide the possibility to set a breakpoint upon signal value changes
  • Show the history of previous values

A while ago, I did use the Vue DevTools in another project and they provide a really good DX, so it might be a good source for inspiration.

Alternatives considered [Feature Request only]

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions