@clockworkdog/cogs-client 3.0.0-alpha.4 → 3.0.0-alpha.5

package/dist/AudioPlayer.js

@@ -5,13 +5,14 @@ const DEBUG = false;
 // Check an iOS-only property (See https://developer.mozilla.org/en-US/docs/Web/API/Navigator#non-standard_properties)
 const IS_IOS = typeof navigator !== 'undefined' && typeof navigator.standalone !== 'undefined';
 export default class AudioPlayer {
+    cogsConnection;
+    eventTarget = new EventTarget();
+    globalVolume = 1;
+    audioClipPlayers = {};
+    sinkId = '';
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(cogsConnection) {
         this.cogsConnection = cogsConnection;
-        this.eventTarget = new EventTarget();
-        this.globalVolume = 1;
-        this.audioClipPlayers = {};
-        this.sinkId = '';
         // Send the current status of each clip to COGS
         this.addEventListener('audioClipState', ({ detail }) => {
             cogsConnection.sendMediaClipState(detail);

package/dist/CogsConnection.js

@@ -4,18 +4,26 @@ import { COGS_SERVER_PORT, assetUrl } from './utils/urls';
 import DataStore from './DataStore';
 import { createTimeSyncClient } from '@clockworkdog/timesync';
 export default class CogsConnection {
+    manifest;
+    websocket;
+    eventTarget = new EventTarget();
+    currentConfig = {}; // Received on open connection
     get config() {
         return { ...this.currentConfig };
     }
+    currentState = {}; // Received on open connection - TODO: set initial state from manifest?
     get state() {
         return { ...this.currentState };
     }
+    _showPhase = ShowPhase.Setup;
     get showPhase() {
         return this._showPhase;
     }
+    _timerState = null;
     get timerState() {
         return this._timerState ? { ...this._timerState } : null;
     }
+    _mediaConfig = null;
     get mediaConfig() {
         return this._mediaConfig ? { ...this._mediaConfig } : null;
     }
@@ -25,22 +33,24 @@ export default class CogsConnection {
     getAssetUrl(path) {
         return `${assetUrl(path)}?${this.urlParams?.toString() ?? ''}`;
     }
+    /**
+     * Cached audio outputs use to look up the device/sink ID when a different device label is requested
+     */
+    audioOutputs = undefined;
+    _selectedAudioOutput = '';
     get selectedAudioOutput() {
         return this._selectedAudioOutput;
     }
+    /**
+     * Stores data in COGS
+     */
+    store;
+    /**
+     * URL parameters use for the websocket connection and asset URLs
+     */
+    urlParams;
     constructor(manifest, { hostname = document.location.hostname, port = COGS_SERVER_PORT } = {}, initialClientState, initialDataStoreData) {
         this.manifest = manifest;
-        this.eventTarget = new EventTarget();
-        this.currentConfig = {}; // Received on open connection
-        this.currentState = {}; // Received on open connection - TODO: set initial state from manifest?
-        this._showPhase = ShowPhase.Setup;
-        this._timerState = null;
-        this._mediaConfig = null;
-        /**
-         * Cached audio outputs use to look up the device/sink ID when a different device label is requested
-         */
-        this.audioOutputs = undefined;
-        this._selectedAudioOutput = '';
         this.currentState = { ...initialClientState };
         this.store = new DataStore(initialDataStoreData ?? {});
         const { useReconnectingWebsocket, path, pathParams } = websocketParametersFromUrl(document.location.href);
@@ -62,7 +72,7 @@ export default class CogsConnection {
             this.dispatchEvent(new CogsConnectionOpenEvent());
             this.setState(this.currentState); // TODO: Remove this because you should set it manually...??
             timeSyncClient = createTimeSyncClient({
-                interval: 60000,
+                interval: 60_000,
                 send: (data) => {
                     this.websocket.send(JSON.stringify(data));
                 },
@@ -276,57 +286,64 @@ function websocketParametersFromUrl(url) {
     }
 }
 export class CogsConnectionOpenEvent extends Event {
+    _cogsConnectionEventType = 'open';
     constructor() {
         super('open');
-        this._cogsConnectionEventType = 'open';
     }
 }
 export class CogsConnectionCloseEvent extends Event {
+    _cogsConnectionEventType = 'close';
     constructor() {
         super('close');
-        this._cogsConnectionEventType = 'close';
     }
 }
 export class CogsMessageEvent extends Event {
+    message;
+    _cogsConnectionEventType = 'message';
     constructor(message) {
         super('message');
         this.message = message;
-        this._cogsConnectionEventType = 'message';
     }
 }
 export class CogsConfigChangedEvent extends Event {
+    config;
+    _cogsConnectionEventType = 'config';
     constructor(config) {
         super('config');
         this.config = config;
-        this._cogsConnectionEventType = 'config';
     }
 }
 export class CogsStateChangedEvent extends Event {
+    state;
+    _cogsConnectionEventType = 'state';
     constructor(state) {
         super('state');
         this.state = state;
-        this._cogsConnectionEventType = 'state';
     }
 }
 export class CogsIncomingEvent extends Event {
+    name;
+    value;
+    _cogsConnectionEventType = 'event';
     constructor(name, value) {
         super('event');
         this.name = name;
         this.value = value;
-        this._cogsConnectionEventType = 'event';
     }
 }
 export class CogsMediaConfigChangedEvent extends Event {
+    mediaConfig;
+    _cogsConnectionEventType = 'mediaConfig';
     constructor(mediaConfig) {
         super('mediaConfig');
         this.mediaConfig = mediaConfig;
-        this._cogsConnectionEventType = 'mediaConfig';
     }
 }
 export class CogsShowPhaseChangedEvent extends Event {
+    showPhase;
+    _cogsConnectionEventType = 'showPhase';
     constructor(showPhase) {
         super('showPhase');
         this.showPhase = showPhase;
-        this._cogsConnectionEventType = 'showPhase';
     }
 }

package/dist/DataStore.js

@@ -1,17 +1,12 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _DataStore_eventTarget;
 /**
  * A simple key-value store for storing data in COGS
  *
  * When reconnected the data will be restored.
  */
-class DataStore {
+export default class DataStore {
+    _items;
+    #eventTarget = new EventTarget();
     constructor(defaultItems) {
-        _DataStore_eventTarget.set(this, new EventTarget());
         this._items = { ...defaultItems };
     }
     handleDataStoreItemsMessage(message) {
@@ -37,29 +32,30 @@ class DataStore {
     }
     // Type-safe listeners
     addEventListener(type, listener, options) {
-        __classPrivateFieldGet(this, _DataStore_eventTarget, "f").addEventListener(type, listener, options);
+        this.#eventTarget.addEventListener(type, listener, options);
     }
     removeEventListener(type, listener, options) {
-        __classPrivateFieldGet(this, _DataStore_eventTarget, "f").removeEventListener(type, listener, options);
+        this.#eventTarget.removeEventListener(type, listener, options);
     }
     dispatchEvent(event) {
-        __classPrivateFieldGet(this, _DataStore_eventTarget, "f").dispatchEvent(event);
+        this.#eventTarget.dispatchEvent(event);
     }
 }
-_DataStore_eventTarget = new WeakMap();
-export default DataStore;
 export class DataStoreItemEvent extends Event {
+    key;
+    value;
+    _cogsConnectionEventType = 'item';
     constructor(key, value) {
         super('item');
         this.key = key;
         this.value = value;
-        this._cogsConnectionEventType = 'item';
     }
 }
 export class DataStoreItemsEvent extends Event {
+    items;
+    _cogsConnectionEventType = 'item';
     constructor(items) {
         super('items');
         this.items = items;
-        this._cogsConnectionEventType = 'item';
     }
 }

package/dist/VideoPlayer.js

@@ -1,13 +1,17 @@
 import { ActiveVideoClipState } from './types/VideoState';
 export default class VideoPlayer {
+    cogsConnection;
+    eventTarget = new EventTarget();
+    globalVolume = 1;
+    videoClipPlayers = {};
+    activeClip;
+    pendingClip;
+    parentElement;
+    sinkId = '';
     constructor(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     cogsConnection, parentElement = document.body) {
         this.cogsConnection = cogsConnection;
-        this.eventTarget = new EventTarget();
-        this.globalVolume = 1;
-        this.videoClipPlayers = {};
-        this.sinkId = '';
         this.parentElement = parentElement;
         // Send the current status of each clip to COGS
         this.addEventListener('videoClipState', ({ detail }) => {