LSC cl/683332949 - Move initializers into constructors. (#6927)

Move the initializer into the constructor for instance members that
reference identifiers declared in the constructor.

Googlers, see cl/683332949 for more details.

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/debugger_container.ts

@@ -38,19 +38,23 @@ import {State} from './store/debugger_types';
   ],
 })
 export class DebuggerContainer implements OnInit, OnDestroy {
-  readonly runs$ = this.store.pipe(select(getDebuggerRunListing));
+  readonly runs$;
 
-  readonly runsIds$ = this.store.pipe(
-    select(
-      createSelector(getDebuggerRunListing, (runs): string[] =>
-        Object.keys(runs)
-      )
-    )
-  );
+  readonly runsIds$;
 
-  readonly activeRunId$ = this.store.pipe(select(getActiveRunId));
+  readonly activeRunId$;
 
-  constructor(private readonly store: Store<State>) {}
+  constructor(private readonly store: Store<State>) {
+    this.runs$ = this.store.pipe(select(getDebuggerRunListing));
+    this.runsIds$ = this.store.pipe(
+      select(
+        createSelector(getDebuggerRunListing, (runs): string[] =>
+          Object.keys(runs)
+        )
+      )
+    );
+    this.activeRunId$ = this.store.pipe(select(getActiveRunId));
+  }
 
   ngOnInit(): void {
     this.store.dispatch(debuggerLoaded());

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/alerts/alerts_container.ts

@@ -59,27 +59,31 @@ const ALERT_TYPE_TO_DISPLAY_NAME_AND_SYMBOL: {
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AlertsContainer {
-  readonly numAlerts$ = this.store.pipe(select(getNumAlerts));
+  readonly numAlerts$;
 
-  readonly alertsBreakdown$ = this.store.pipe(
-    select(
-      createSelector(getAlertsBreakdown, (alertsBreakdown) => {
-        const alertTypes = Object.keys(alertsBreakdown);
-        alertTypes.sort();
-        return alertTypes.map((alertType): AlertTypeDisplay => {
-          return {
-            type: alertType as AlertType,
-            ...ALERT_TYPE_TO_DISPLAY_NAME_AND_SYMBOL[alertType],
-            count: alertsBreakdown[alertType],
-          };
-        });
-      })
-    )
-  );
+  readonly alertsBreakdown$;
 
-  readonly focusType$ = this.store.pipe(select(getAlertsFocusType));
+  readonly focusType$;
 
-  constructor(private readonly store: Store<State>) {}
+  constructor(private readonly store: Store<State>) {
+    this.numAlerts$ = this.store.pipe(select(getNumAlerts));
+    this.alertsBreakdown$ = this.store.pipe(
+      select(
+        createSelector(getAlertsBreakdown, (alertsBreakdown) => {
+          const alertTypes = Object.keys(alertsBreakdown);
+          alertTypes.sort();
+          return alertTypes.map((alertType): AlertTypeDisplay => {
+            return {
+              type: alertType as AlertType,
+              ...ALERT_TYPE_TO_DISPLAY_NAME_AND_SYMBOL[alertType],
+              count: alertsBreakdown[alertType],
+            };
+          });
+        })
+      )
+    );
+    this.focusType$ = this.store.pipe(select(getAlertsFocusType));
+  }
 
   onToggleFocusType(alertType: AlertType) {
     this.store.dispatch(alertTypeFocusToggled({alertType}));