refactor: cuesheet v2 (#435)

* refactor: typescript migration

* chore: remove prop-types package

* refactor: file structure

* refactor: migrate ontime table to tanstack table 8

* refactor: rundown controller uses service as data source

* refactor: convert to typescript

* feat: caching store

* refactor: add delay values to rundown

* feat: toggle past visibility

* chore: update tests

* refactor: add extra fields to CSV

* style: show skipped events

* chore: add route to navigation menu

* style: allow jumping to bottom

* chore: add tests

apps/server/src/classes/data-provider/DataProvider.ts

@@ -2,7 +2,7 @@
  * Class Event Provider is a mediator for handling the local db
  * and adds logic specific to ontime data
  */
-import { EventData, SupportedEvent, ViewSettings } from 'ontime-types';
+import { EventData, ViewSettings } from 'ontime-types';
 
 import { data, db } from '../../modules/loadDb.js';
 import { safeMerge } from './DataProvider.utils.js';
@@ -27,31 +27,14 @@ export class DataProvider {
     await this.persist();
   }
 
+  static getIndexOf(eventId) {
+    return data.rundown.findIndex((e) => e.id === eventId);
+  }
+
   static getEventById(eventId) {
     return data.rundown.find((e) => e.id === eventId);
   }
 
-  static async updateEventById(eventId, newData) {
-    const eventIndex = data.rundown.findIndex((e) => e.id === eventId);
-    const persistedEvent = data.rundown[eventIndex];
-    const newEvent = { ...persistedEvent, ...newData };
-    if (newEvent.type === SupportedEvent.Event) {
-      newEvent.revision++;
-    }
-    data.rundown[eventIndex] = newEvent;
-    await this.persist();
-    return data.rundown[eventIndex];
-  }
-
-  static async deleteEvent(eventId) {
-    const eventIndex = data.rundown.findIndex((e) => e.id === eventId);
-
-    if (eventIndex !== -1) {
-      data.rundown.splice(eventIndex, 1);
-      await this.persist();
-    }
-  }
-
   static getRundownLength() {
     return data.rundown.length;
   }
@@ -62,53 +45,6 @@ export class DataProvider {
     await db.write();
   }
 
-  /**
-   * Insets an event after a given index
-   * @param entry
-   * @param index
-   * @return {Promise<void>}
-   */
-  static async insertEventAt(entry, index) {
-    // get events
-    const events = DataProvider.getRundown();
-    const count = events.length;
-    const order = entry.order;
-
-    // Remove order field from object
-    delete entry.order;
-
-    // Insert at beginning
-    if (order === 0) {
-      events.unshift(entry);
-    }
-
-    // insert at end
-    else if (order >= count) {
-      events.push(entry);
-    }
-
-    // insert in the middle
-    else {
-      events.splice(index, 0, entry);
-    }
-
-    // save events
-    await DataProvider.setRundown(events);
-  }
-
-  /**
-   * @description Inserts an entry after an element with given ID
-   * @param entry
-   * @param id
-   * @return {Promise<void>}
-   */
-  static async insertEventAfterId(entry, id) {
-    const index = [...data.rundown].findIndex((event) => event.id === id);
-    // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars -- we are just getting rid of after parameter
-    const { after, ...sanitisedEvent } = entry;
-    await DataProvider.insertEventAt(sanitisedEvent, index + 1);
-  }
-
   static getSettings() {
     return data.settings;
   }

apps/server/src/classes/event-loader/EventLoader.ts

@@ -1,4 +1,4 @@
-import { Loaded, OntimeEvent, TitleBlock } from 'ontime-types';
+import { Loaded, OntimeEvent, SupportedEvent, TitleBlock } from 'ontime-types';
 
 import { DataProvider } from '../data-provider/DataProvider.js';
 import { getRollTimers } from '../../services/rollUtils.js';
@@ -34,8 +34,7 @@ export class EventLoader {
    * @return {array}
    */
   static getTimedEvents(): OntimeEvent[] {
-    // return mockLoaderData.filter((event) => event.type === 'event');
-    return DataProvider.getRundown().filter((event) => event.type === 'event');
+    return DataProvider.getRundown().filter((event) => event.type === SupportedEvent.Event) as OntimeEvent[];
   }
 
   /**
@@ -43,8 +42,9 @@ export class EventLoader {
    * @return {array}
    */
   static getPlayableEvents(): OntimeEvent[] {
-    // return mockLoaderData.filter((event) => event.type === 'event' && !event.skip);
-    return DataProvider.getRundown().filter((event) => event.type === 'event' && !event.skip);
+    return DataProvider.getRundown().filter(
+      (event) => event.type === SupportedEvent.Event && !event.skip,
+    ) as OntimeEvent[];
   }
 
   /**