@clockworkdog/cogs-client 2.10.1 → 2.11.0

package/README.md

@@ -19,7 +19,7 @@ We'll make an annoying bell that rings every second.
         "events": {
             "toCogs": [
                 {
-                    "name": "ding"
+                    "name": "ping"
                 }
             ]
         }
@@ -46,7 +46,7 @@ We'll make an annoying bell that rings every second.
                 const cogsConnection = new CogsConnection(manifest);
                 cogsConnection.addEventListener('open', () => {
                     interval = setInterval(() => {
-                        cogsConnection.sendEvent('ding')                        
+                        cogsConnection.sendEvent('ping')
                     }, 1000);
                 });
                 cogsConnection.addEventListener('close', () => {
@@ -61,10 +61,10 @@ We'll make an annoying bell that rings every second.
 1. Enable your plugin in COGS.
 
     <img src="./assets/quickstart-enable-plugin.png" alt="Enabling COGS plugin" width="600">
-1. Create a behaviour to listen to the `ding` event.
+1. Create a behaviour to listen to the `ping` event.
 
     <img src="./assets/quickstart-behavior-when.png" alt="Adding a behaviour" width="600">
-1. Make the behaviour do something.    In this case it'll play our bell sound.
+1. Make the behaviour do something.  In this case it'll play our bell sound.
 
     <img src="./assets/quickstart-behavior-do.png" alt="Adding a behaviour" width="600">
 1. Start the show!

package/dist/AudioPlayer.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const howler_1 = require("howler");
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+/// <reference path="./types/howler.d.ts" />
+const howler_core_min_js_1 = require("howler/dist/howler.core.min.js");
 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.standalone !== 'undefined';
@@ -77,7 +79,7 @@ class AudioPlayer {
     }
     setGlobalVolume(volume) {
         this.globalVolume = volume;
-        howler_1.Howler.volume(volume);
+        howler_core_min_js_1.Howler.volume(volume);
         this.notifyStateListeners();
     }
     playAudioClip(path, { playId, volume, fade, loop }) {
@@ -407,7 +409,7 @@ class AudioPlayer {
         this.eventTarget.dispatchEvent(new CustomEvent(type, { detail }));
     }
     createPlayer(path, config) {
-        const player = new howler_1.Howl({
+        const player = new howler_core_min_js_1.Howl({
             src: this.cogsConnection.getAssetUrl(path),
             autoplay: false,
             loop: false,

package/dist/CogsConnection.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CogsShowPhaseChangedEvent = exports.CogsMediaConfigChangedEvent = exports.CogsIncomingEvent = exports.CogsStateChangedEvent = exports.CogsConfigChangedEvent = exports.CogsMessageEvent = exports.CogsConnectionCloseEvent = exports.CogsConnectionOpenEvent = void 0;
 const ShowPhase_1 = __importDefault(require("./types/ShowPhase"));
 const reconnecting_websocket_1 = __importDefault(require("reconnecting-websocket"));
-const urls_1 = require("./helpers/urls");
+const urls_1 = require("./utils/urls");
 const DataStore_1 = __importDefault(require("./DataStore"));
+const timesync_1 = require("@clockworkdog/timesync");
 class CogsConnection {
     get config() {
         return { ...this.currentConfig };
@@ -68,10 +69,29 @@ class CogsConnection {
             this.dispatchEvent(new CogsConnectionOpenEvent());
             this.setState(this.currentState); // TODO: Remove this because you should set it manually...??
         };
+        const timeSyncClient = (0, timesync_1.createTimeSyncClient)({
+            interval: 60000,
+            send: (data) => {
+                this.websocket.send(JSON.stringify(data));
+            },
+        });
+        this.websocket.addEventListener('message', ({ data }) => {
+            try {
+                const response = JSON.parse(data);
+                if (typeof response === 'object' && response !== null && 'timesync' in response) {
+                    const parsed = response;
+                    timeSyncClient.receive(parsed);
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+        });
         this.websocket.onclose = () => {
+            timeSyncClient.destroy();
             this.dispatchEvent(new CogsConnectionCloseEvent());
         };
-        this.websocket.onmessage = ({ data }) => {
+        this.websocket.addEventListener('message', ({ data }) => {
             try {
                 const parsed = JSON.parse(data);
                 try {
@@ -127,7 +147,7 @@ class CogsConnection {
             catch (e) {
                 console.error('Unable to parse incoming data from server', data, e);
             }
-        };
+        });
         // Tell COGS when any data store items change
         this.store.addEventListener('items', (event) => {
             this.sendDataStoreItems(event.items);