Break apart view.ts into multiple files.

src/view/media-queries.ts

@@ -0,0 +1,61 @@
+import isEqual from 'lodash-es/isEqual';
+import cloneDeep from 'lodash-es/cloneDeep.js';
+import { EventQuery, MediaQuery, RecordingQuery } from '../camera/types.js';
+
+export type MediaQueries = EventMediaQueries | RecordingMediaQueries;
+
+export class MediaQueriesBase<T extends MediaQuery> {
+  protected _queries: T[] | null = null;
+
+  protected constructor(queries?: T[]) {
+    if (queries) {
+      this._queries = queries;
+    }
+  }
+
+  public clone(): MediaQueriesBase<T> {
+    return cloneDeep(this);
+  }
+
+  public isEqual(that: MediaQueries): boolean {
+    return isEqual(this.getQueries(), that.getQueries());
+  }
+
+  public getQueries(): T[] | null {
+    return this._queries;
+  }
+
+  public setQueries(queries: T[]): void {
+    this._queries = queries;
+  }
+
+  public setQueriesTime(start: Date, end: Date) {
+    for (const query of this._queries ?? []) {
+      query.start = start;
+      query.end = end;
+    }
+  }
+}
+
+export class EventMediaQueries extends MediaQueriesBase<EventQuery> {
+  constructor(queries?: EventQuery[]) {
+    super(queries);
+  }
+
+  public convertToClipsQueries(): void {
+    for (const query of this._queries ?? []) {
+      delete query.hasSnapshot;
+      query.hasClip = true;
+    }
+  }
+
+  public clone(): EventMediaQueries {
+    return cloneDeep(this);
+  }
+}
+
+export class RecordingMediaQueries extends MediaQueriesBase<RecordingQuery> {
+  constructor(queries?: RecordingQuery[]) {
+    super(queries);
+  }
+}