Bump @angular/compiler from 20.0.4 to 20.3.15 in /web (#385)

* Bump @angular/compiler from 20.0.4 to 20.3.15 in /web

Bumps [@angular/compiler](https://github.com/angular/angular/tree/HEAD/packages/compiler) from 20.0.4 to 20.3.15.
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/20.3.15/packages/compiler)

---
updated-dependencies:
- dependency-name: "@angular/compiler"
  dependency-version: 20.3.15
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>

* Updated package-lock.json & fixed several compile errors due to updates (#403)

* Updated package-lock.json & fixed several compile errors due to updates

* Update web/src/app/common/misc-util.ts

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Signed-off-by: kyasbal <kyasbal1994@gmail.com>

---------

Signed-off-by: kyasbal <kyasbal1994@gmail.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: kyasbal <kyasbal1994@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: kyasbal <ikakeru@google.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

Author: 3 people

web/package-lock.json

@@ -7,7 +7,7 @@
     "@angular/animations": "^20.0.4",
     "@angular/cdk": "^20.0.3",
     "@angular/common": "^20.0.4",
-    "@angular/compiler": "^20.0.4",
+    "@angular/compiler": "^20.3.15",
     "@angular/core": "^20.0.4",
     "@angular/forms": "^20.0.4",
     "@angular/material": "^20.0.3",

web/package.json

@@ -0,0 +1,43 @@
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Asserts that the given value is never.
+ *
+ * This function is used for making sure the code is unreachable with Typescript type check.
+ * Example:
+ * let a: "A" | "B";
+ * switch (a) {
+ *   case "A":
+ *     break;
+ *   case "B":
+ *     break;
+ *   default:
+ *     unreachable(a); // this won't be an error.
+ * }
+ *
+ * switch(a) {
+ *   case "A":
+ *     break;
+ *   default:
+ *     unreachable(a); // this will be an error because the 'a' is "B" and not never.
+ * }
+ * @param v The value to assert.
+ */
+export function unreachable(v: never): never {
+  console.error('unreachable code reached', v);
+  throw new Error(`unreachable code reached with value: ${JSON.stringify(v)}`);
+}

web/src/app/common/misc-util.ts

@@ -75,9 +75,7 @@ export interface GraphNode extends LabeledGraphElement, GraphResourceData {
 }
 
 export interface PodGraphData
-  extends LabeledGraphElement,
-    NamespacedArchGraphResource,
-    GraphResourceData {
+  extends LabeledGraphElement, NamespacedArchGraphResource, GraphResourceData {
   containers: ContainerGraphData[];
   podIP: string;
   conditions: ArchGraphCondition[];
@@ -98,9 +96,7 @@ export interface ContainerGraphData {
 }
 
 export interface ServiceGraphData
-  extends NamespacedArchGraphResource,
-    LabeledGraphElement,
-    GraphResourceData {
+  extends NamespacedArchGraphResource, LabeledGraphElement, GraphResourceData {
   type: string;
   clusterIp: string;
   connectedPods: PodConnectionGraphData[];
@@ -116,9 +112,7 @@ export interface PodOwnerConnectionGraphData {
 }
 
 export interface GraphPodOwnerBase
-  extends NamespacedArchGraphResource,
-    LabeledGraphElement,
-    GraphResourceData {
+  extends NamespacedArchGraphResource, LabeledGraphElement, GraphResourceData {
   status: { [key: string]: unknown };
 }
 

web/src/app/common/schema/graph-schema.ts

@@ -22,6 +22,7 @@ import {
   BackendAPI,
 } from 'src/app/services/api/backend-api-interface';
 import { HttpEventType } from '@angular/common/http';
+import { unreachable } from 'src/app/common/misc-util';
 
 /**
  * Type for the status reported from the uploader.
@@ -110,7 +111,7 @@ export class KHIServerFileUploader implements FileUploader {
               };
             }
           default:
-            throw new Error('unknown event type' + status.type);
+            unreachable(status);
         }
       }),
     );

web/src/app/dialogs/new-inspection/components/service/file-uploader.ts

@@ -31,9 +31,10 @@ export interface FilterChainElement<T> {
  * that filters items based on whether a specified property of the item
  * is present within a given set of properties.
  */
-export class PropertyMatchSetFilterChainElement<T, P>
-  implements FilterChainElement<T>
-{
+export class PropertyMatchSetFilterChainElement<
+  T,
+  P,
+> implements FilterChainElement<T> {
   /**
    * Creates a new PropertyMatchSetFilterChainElement.
    * @param propertyReader A function that extracts the property value from an item.
@@ -62,9 +63,9 @@ export class PropertyMatchSetFilterChainElement<T, P>
 /**
  * PropertyMatchRegexFilterChainElement is a FilterChainElement implementation that filters items based on whether a specified property of the item matches any of the given regular expressions.
  */
-export class PropertyMatchRegexFilterChainElement<T>
-  implements FilterChainElement<T>
-{
+export class PropertyMatchRegexFilterChainElement<
+  T,
+> implements FilterChainElement<T> {
   /**
    * Creates a new PropertyMatchRegexFilterChainElement.
    * @param propertyReader A function that extracts the property value from an item.

web/src/app/services/filter/chain.ts

@@ -21,9 +21,7 @@ import { combineLatestWith, map, Observable } from 'rxjs';
 /**
  * FilterNamepaceOrKindWithoutResource removes TimelineEntry without any name layer timeline in its children.
  */
-export class FilterNamepaceOrKindWithoutResource
-  implements FilterChainElement<ResourceTimeline>
-{
+export class FilterNamepaceOrKindWithoutResource implements FilterChainElement<ResourceTimeline> {
   chain(items: Observable<ResourceTimeline[]>): Observable<ResourceTimeline[]> {
     return items.pipe(
       map((timelines) => {
@@ -58,9 +56,7 @@ export class FilterNamepaceOrKindWithoutResource
 /**
  * FilterSubresourceWithoutParent removes subresource timelines when its parent resource is filtered out already.
  */
-export class FilterSubresourceWithoutParent
-  implements FilterChainElement<ResourceTimeline>
-{
+export class FilterSubresourceWithoutParent implements FilterChainElement<ResourceTimeline> {
   chain(items: Observable<ResourceTimeline[]>): Observable<ResourceTimeline[]> {
     return items.pipe(
       map((timelines) => {
@@ -90,9 +86,7 @@ export class FilterSubresourceWithoutParent
 /**
  * FilterTimelinesOnlyWithFilteredLogs removes timelines that don't have any logs that are not filtered out.
  */
-export class FilterTimelinesOnlyWithFilteredLogs
-  implements FilterChainElement<ResourceTimeline>
-{
+export class FilterTimelinesOnlyWithFilteredLogs implements FilterChainElement<ResourceTimeline> {
   constructor(
     private readonly filteredOut: Observable<Set<number>>,
     private readonly hideFilteredOut: Observable<boolean>,
@@ -117,9 +111,7 @@ export class FilterTimelinesOnlyWithFilteredLogs
 /**
  * FilterTimelinesOnlyWithFilteredLogs removes subresource layer timelines that don't have any logs that are not filtered out.
  */
-export class FilterSubresourceTimelinesOnlyWithFilteredLogs
-  implements FilterChainElement<ResourceTimeline>
-{
+export class FilterSubresourceTimelinesOnlyWithFilteredLogs implements FilterChainElement<ResourceTimeline> {
   constructor(
     private readonly filteredOut: Observable<Set<number>>,
     private readonly hideFilteredOut: Observable<boolean>,

web/src/app/services/filter/timeline-filter-chain.ts

@@ -34,9 +34,7 @@ interface BroadcastChannelPacketWrap {
 /**
  * WindowConnectionProvider using BroadcastChannel
  */
-export class BroadcastChannelWindowConnectionProvider
-  implements WindowConnectionProvider
-{
+export class BroadcastChannelWindowConnectionProvider implements WindowConnectionProvider {
   private readonly channel: BroadcastChannel;
 
   private readonly messageReceiver: Subject<BroadcastChannelPacketWrap> =
@@ -71,9 +69,7 @@ export class BroadcastChannelWindowConnectionProvider
  * WindowConnectionProvider used for tests.
  * This connection provider allows connecting to the other in the same frame
  */
-export class InMemoryWindowConnectionProvider
-  implements WindowConnectionProvider
-{
+export class InMemoryWindowConnectionProvider implements WindowConnectionProvider {
   private readonly messageReceiver: Subject<KHIWindowPacket<unknown>> =
     new Subject();