refactor: asset navbar (#25480)

web/src/lib/utils/base-event-manager.svelte.ts

@@ -0,0 +1,50 @@
+type BaseEvents = Record<string, unknown[]>;
+
+export type EventCallback<Events extends BaseEvents, T extends keyof Events> = (
+  ...args: Events[T]
+) => Promise<void> | void;
+export type EventItem<Events extends BaseEvents, T extends keyof Events = keyof Events> = {
+  id: number;
+  event: T;
+  callback: EventCallback<Events, T>;
+};
+
+let count = 1;
+const nextId = () => count++;
+
+const noop = () => {};
+
+export class BaseEventManager<Events extends BaseEvents> {
+  #callbacks: EventItem<Events>[] = $state([]);
+
+  on<T extends keyof Events>(event: T, callback?: EventCallback<Events, T>) {
+    if (!callback) {
+      return noop;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const item = { id: nextId(), event, callback } as EventItem<Events, any>;
+    this.#callbacks.push(item);
+
+    return () => {
+      this.#callbacks = this.#callbacks.filter((current) => current.id !== item.id);
+    };
+  }
+
+  emit<T extends keyof Events>(event: T, ...params: Events[T]) {
+    const listeners = this.getListeners(event);
+    for (const listener of listeners) {
+      void listener(...params);
+    }
+  }
+
+  hasListeners<T extends keyof Events>(event: T) {
+    return this.#callbacks.some((item) => item.event === event);
+  }
+
+  private getListeners<T extends keyof Events>(event: T) {
+    return this.#callbacks
+      .filter((item) => item.event === event)
+      .map((item) => item.callback as EventCallback<Events, T>);
+  }
+}

web/src/lib/utils/people-utils.ts

@@ -76,9 +76,9 @@ export const zoomImageToBase64 = async (
   face: AssetFaceResponseDto,
   assetId: string,
   assetType: AssetTypeEnum,
-  photoViewer: HTMLImageElement | null,
+  photoViewer: HTMLImageElement | undefined,
 ): Promise<string | null> => {
-  let image: HTMLImageElement | null = null;
+  let image: HTMLImageElement | undefined;
   if (assetType === AssetTypeEnum.Image) {
     image = photoViewer;
   } else if (assetType === AssetTypeEnum.Video) {