refactor(core): use performance API for control flow and standalone (a…

…ngular#52370)

This commit adds a standard performance marker that can be viewed in Chrome dev tools and other tooling.
See more info at https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark

PR Close angular#52370

packages/core/src/render3/features/standalone_feature.ts

@@ -60,6 +60,10 @@ class StandaloneService implements OnDestroy {
   });
 }
 
+const PERF_MARK_STANDALONE = {
+  detail: {feature: 'NgStandalone'}
+};
+
 /**
  * A feature that acts as a setup code for the {@link StandaloneService}.
  *
@@ -71,6 +75,7 @@ class StandaloneService implements OnDestroy {
  * @codeGenApi
  */
 export function ɵɵStandaloneFeature(definition: ComponentDef<unknown>) {
+  performance.mark('mark_use_counter', PERF_MARK_STANDALONE);
   definition.getStandaloneInjector = (parentInjector: EnvironmentInjector) => {
     return parentInjector.get(StandaloneService).getOrCreateStandaloneInjector(definition);
   };

packages/core/src/render3/instructions/control_flow.ts

@@ -24,6 +24,10 @@ import {addLViewToLContainer, createAndRenderEmbeddedLView, getLViewFromLContain
 
 import {ɵɵtemplate} from './template';
 
+const PERF_MARK_CONTROL_FLOW = {
+  detail: {feature: 'NgControlFlow'}
+};
+
 /**
  * The conditional instruction represents the basic building block on the runtime side to support
  * built-in "if" and "switch". On the high level this instruction is responsible for adding and
@@ -36,6 +40,8 @@ import {ɵɵtemplate} from './template';
  * @codeGenApi
  */
 export function ɵɵconditional<T>(containerIndex: number, matchingTemplateIndex: number, value?: T) {
+  performance.mark('mark_use_counter', PERF_MARK_CONTROL_FLOW);
+
   const hostLView = getLView();
   const bindingIndex = nextBindingIndex();
   const lContainer = getLContainer(hostLView, HEADER_OFFSET + containerIndex);
@@ -132,6 +138,8 @@ export function ɵɵrepeaterCreate(
     index: number, templateFn: ComponentTemplate<unknown>, decls: number, vars: number,
     trackByFn: TrackByFunction<unknown>, trackByUsesComponentInstance?: boolean,
     emptyTemplateFn?: ComponentTemplate<unknown>, emptyDecls?: number, emptyVars?: number): void {
+  performance.mark('mark_use_counter', PERF_MARK_CONTROL_FLOW);
+
   const hasEmptyBlock = emptyTemplateFn !== undefined;
   const hostLView = getLView();
   const boundTrackBy = trackByUsesComponentInstance ?

packages/core/test/bundling/animations-standalone/bundle.golden_symbols.json

@@ -407,6 +407,9 @@
   {
     "name": "PARAM_REGEX"
   },
+  {
+    "name": "PERF_MARK_STANDALONE"
+  },
   {
     "name": "PLATFORM_DESTROY_LISTENERS"
   },

packages/core/test/bundling/defer/bundle.golden_symbols.json

@@ -374,6 +374,9 @@
   {
     "name": "Observable"
   },
+  {
+    "name": "PERF_MARK_STANDALONE"
+  },
   {
     "name": "PLATFORM_DESTROY_LISTENERS"
   },

packages/core/test/bundling/hydration/bundle.golden_symbols.json

@@ -380,6 +380,9 @@
   {
     "name": "Observable"
   },
+  {
+    "name": "PERF_MARK_STANDALONE"
+  },
   {
     "name": "PLATFORM_DESTROY_LISTENERS"
   },

packages/core/test/bundling/router/bundle.golden_symbols.json

@@ -536,6 +536,9 @@
   {
     "name": "OutletInjector"
   },
+  {
+    "name": "PERF_MARK_STANDALONE"
+  },
   {
     "name": "PLATFORM_DESTROY_LISTENERS"
   },

packages/core/test/bundling/standalone_bootstrap/bundle.golden_symbols.json

@@ -296,6 +296,9 @@
   {
     "name": "Observable"
   },
+  {
+    "name": "PERF_MARK_STANDALONE"
+  },
   {
     "name": "PLATFORM_DESTROY_LISTENERS"
   },