From eb466acb358fff5c063295d7c6a66326228ffb08 Mon Sep 17 00:00:00 2001 From: abiramcodes Date: Tue, 29 Sep 2026 00:33:07 +0530 Subject: [PATCH] feat/Change-Detection - add CD strategy tag in the components tree --- app/src/pages/component-tree.ts | 51 ++++++++ ...=> browser-agent-rpc-BXhoSh1z-Dd6Eedf_.js} | 2 +- .../{index-TNlU-6c2.js => index-ByEDlaDR.js} | 69 +++++++---- extension/ui/index.html | 2 +- .../src/rpc/__tests__/angular-version.test.ts | 64 ++++++++++ .../src/rpc/__tests__/get-components.test.ts | 97 ++++++++++++++- .../ng-devtools/src/rpc/angular-version.ts | 47 ++++++++ .../ng-devtools/src/rpc/get-components.ts | 110 ++++++++++++++++-- src/app/examples/components-example.ts | 8 +- src/app/examples/eager-clock.ts | 30 +++++ 10 files changed, 444 insertions(+), 36 deletions(-) rename extension/ui/assets/{browser-agent-rpc-BXhoSh1z-D1NJaqR8.js => browser-agent-rpc-BXhoSh1z-Dd6Eedf_.js} (93%) rename extension/ui/assets/{index-TNlU-6c2.js => index-ByEDlaDR.js} (90%) create mode 100644 packages/ng-devtools/src/rpc/__tests__/angular-version.test.ts create mode 100644 packages/ng-devtools/src/rpc/angular-version.ts create mode 100644 src/app/examples/eager-clock.ts diff --git a/app/src/pages/component-tree.ts b/app/src/pages/component-tree.ts index f1e478e..5e62505 100644 --- a/app/src/pages/component-tree.ts +++ b/app/src/pages/component-tree.ts @@ -16,6 +16,8 @@ interface ComponentInfo { inputs: string[]; outputs: string[]; isStandalone: boolean; + changeDetection?: 'OnPush' | 'Eager' | 'unknown'; + changeDetectionDeclared?: 'OnPush' | 'Eager' | 'Default'; } interface OutletInfo { @@ -96,6 +98,19 @@ interface ProviderEntry { } } + @if (comp.changeDetection) { +

Change detection

+

+ {{ comp.changeDetection }} + {{ changeDetectionNote(comp) }} +

+ } @if (selectedProviders().length) {

Injected Providers