refactor(devtools): revamp highlighter by hawkgs · Pull Request #69517 · angular/angular · GitHub
Skip to content

refactor(devtools): revamp highlighter#69517

Draft
hawkgs wants to merge 1 commit into
angular:mainfrom
hawkgs:devtools/revamp-highlighter
Draft

refactor(devtools): revamp highlighter#69517
hawkgs wants to merge 1 commit into
angular:mainfrom
hawkgs:devtools/revamp-highlighter

Conversation

@hawkgs

@hawkgs hawkgs commented Jun 25, 2026

Copy link
Copy Markdown
Member

Revamp the highlighter by introducing a completely new mechanism.

  • Introduce a Highlight class that stores the required element references and provides control over the highlight instances.
  • Introduce highlight templates for each highlight type.
  • Decouple non-inspection-related highlights from component-inspector.
  • Create a weakly-referened storing mechanism where the target element serves as a key. The highlight is disposed when the target is removed from the DOM.
  • Add a priority mechanism where only the highest priority highlight of a target element is rendered.
  • Add sizing functionality (needed for static highlights like the hydration ones).
  • Add support for multiple labels per highlight.
  • Unhighlight all elements when the DevTools are closed (bug).

Revamp the highlighter by introducing a completely new mechanism.

- Introduce a `Highlight` class that stores the required element references and provides control over the highlight instances.
- Introduce highlight templates for each highlight type.
- Decouple non-inspection related highlights from `component-inspector`.
- Create a weakly-referened storing mechanism where the target element serves as a key. The highlight is disposed when the target is removed from the DOM.
- Add a priority mechanism where only the highest priority highlight of a target element is rendered.
- Add sizing functionality (needed for static highlights like the hydration ones).
- Add support for multiple labels per highlight.
- Unhighlight all elements when the DevTools are closed (bug).
@ngbot ngbot Bot added this to the Backlog milestone Jun 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant