@clockworkdog/cogs-client-react 0.16.3 → 1.0.0-rc.1

package/README.md

@@ -21,26 +21,47 @@ yarn add @clockworkdog/cogs-client-react
 Import the library
 
 ```ts
-import { CogsConnection, AudioPlayer } from '@clockworkdog/cogs-client';
-import { Video, Timer, Hint, useIsConnected, useIsAudioPlaying } from '@clockworkdog/cogs-client-react';
+import {
+  CogsConnectionProvider,
+  VideoContainer,
+  Timer,
+  Hint,
+  useIsConnected,
+  useAudioPlayer,
+  useIsAudioPlaying,
+} from '@clockworkdog/cogs-client-react';
 ```
 
 or
 
 ```js
-const { CogsConnection, AudioPlayer } = require('@clockworkdog/cogs-client');
-const { Video, Hint, Timer, useIsConnected, useIsAudioPlaying } = require('@clockworkdog/cogs-client-react');
+const {
+  CogsConnectionProvider,
+  VideoContainer,
+  Hint,
+  Timer,
+  useIsConnected,
+  useAudioPlayer,
+  useIsAudioPlaying,
+} = require('@clockworkdog/cogs-client-react');
 ```
 
 then
 
 ```tsx
-const cogsConnection = new CogsConnection();
-// Add audio playing capability
-const audioPlayer = new AudioPlayer(cogsConnection);
+function App() {
+  return (
+    <CogsConnectionProvider audioPlayer videoPlayer>
+      <MyComponent />
+    </CogsConnectionProvider>
+  );
+}
 
 function MyComponent() {
+  const cogsConnection = useCogsConnection();
   const isConnected = useIsConnected(cogsConnection);
+
+  const audioPlayer = useAudioPlayer();
   const isAudioPlaying = useIsAudioPlaying(audioPlayer);
 
   return (
@@ -49,14 +70,14 @@ function MyComponent() {
       <div>Audio playing: {isAudioPlaying}</div>
       <div style={{ fontSize: 100 }}>
         {/* The time from the adjustable timer plugin in the format 'MM:SS' */}
-        <Timer connection={cogsConnection} center />
+        <Timer center />
       </div>
       <div style={{ fontSize: 20 }}>
         {/* The latest text hint as a string */}
-        <Hint connection={cogsConnection} />
+        <Hint />
       </div>
-      {/* Video overlay with the "fit" specified */}
-      <Video connection={cogsConnection} fullscreen />
+      {/* Specify where you want the video to be displayed. Leave this out for default fullscreen behavior */}
+      <VideoContainer style={{ position: 'absolute', top: 100, left: 100, width: 400, height: 300 }} />
     </div>
   );
 }
@@ -81,10 +102,3 @@ Or, if you're using `create-react-app` for your project, you'll need to configur
 ```
 "homepage": ".",
 ```
-
-## Release process
-
-1. Create a new commit with a bumped version number in `package.json`.
-2. [Click here to create a new release on GitHub](https://github.com/clockwork-dog/cogs-client-react-lib/releases/new) where the Tag Version is the version from `package.json` prefixed with a `v`.
-
-The release will be automatically built and released on npm.

package/dist/components/Hint.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CogsConnection } from '@clockworkdog/cogs-client';
-export default function Hint({ connection }: {
+export default function Hint({ connection: customConnection }: {
     connection: CogsConnection;
 }): JSX.Element | null;

package/dist/components/Hint.js

@@ -5,7 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const useHint_1 = __importDefault(require("../hooks/useHint"));
-function Hint({ connection }) {
+const CogsConnectionProvider_1 = require("../providers/CogsConnectionProvider");
+function Hint({ connection: customConnection }) {
+    const providerConnection = CogsConnectionProvider_1.useCogsConnection();
+    const connection = customConnection !== null && customConnection !== void 0 ? customConnection : providerConnection;
     const hint = useHint_1.default(connection);
     return hint ? react_1.default.createElement(react_1.default.Fragment, null, hint) : null;
 }

package/dist/components/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sourceRoot":"","sources":["../../src/components/Hint.tsx"],"names":[],"mappings":";;;;;AACA,kDAA0B;AAC1B,+DAAuC;AAEvC,SAAwB,IAAI,CAAC,EAAE,UAAU,EAAkC;IACzE,MAAM,IAAI,GAAG,iBAAO,CAAC,UAAU,CAAC,CAAC;IACjC,OAAO,IAAI,CAAC,CAAC,CAAC,8DAAG,IAAI,CAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACnC,CAAC;AAHD,uBAGC"}
+{"version":3,"file":"Hint.js","sourceRoot":"","sources":["../../src/components/Hint.tsx"],"names":[],"mappings":";;;;;AACA,kDAA0B;AAC1B,+DAAuC;AACvC,gFAAwE;AAExE,SAAwB,IAAI,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAkC;IAC3F,MAAM,kBAAkB,GAAG,0CAAiB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,kBAAkB,CAAC;IAC1D,MAAM,IAAI,GAAG,iBAAO,CAAC,UAAU,CAAC,CAAC;IACjC,OAAO,IAAI,CAAC,CAAC,CAAC,8DAAG,IAAI,CAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACnC,CAAC;AALD,uBAKC"}

package/dist/components/Images.d.ts

@@ -1,6 +1,6 @@
 import { CogsConnection } from '@clockworkdog/cogs-client';
 import React from 'react';
-export default function Images({ className, style, connection, fullscreen, }: {
+export default function Images({ className, style, connection: customConnection, fullscreen, }: {
     className?: string;
     style?: React.CSSProperties;
     connection: CogsConnection;

package/dist/components/Images.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cogs_client_1 = require("@clockworkdog/cogs-client");
 const react_1 = __importDefault(require("react"));
 const useImages_1 = __importDefault(require("../hooks/useImages"));
-function Images({ className, style, connection, fullscreen, }) {
+const CogsConnectionProvider_1 = require("../providers/CogsConnectionProvider");
+function Images({ className, style, connection: customConnection, fullscreen, }) {
+    const providerConnection = CogsConnectionProvider_1.useCogsConnection();
+    const connection = customConnection !== null && customConnection !== void 0 ? customConnection : providerConnection;
     const images = useImages_1.default(connection);
     const fullscreenCustomStyle = typeof fullscreen === 'object' ? fullscreen.style : undefined;
     const imageElements = images.map((image, index) => (react_1.default.createElement("img", { className: className, key: index, src: cogs_client_1.assetUrl(image.file), alt: image.file, style: {

package/dist/components/Images.js.map

@@ -1 +1 @@
-{"version":3,"file":"Images.js","sourceRoot":"","sources":["../../src/components/Images.tsx"],"names":[],"mappings":";;;;;AAAA,2DAAqE;AACrE,kDAA0B;AAC1B,mEAA2C;AAE3C,SAAwB,MAAM,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,UAAU,EACV,UAAU,GAMX;IACC,MAAM,MAAM,GAAG,mBAAS,CAAC,UAAU,CAAC,CAAC;IAErC,MAAM,qBAAqB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,uCACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,sBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EACzB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAE;YACL,SAAS,EAAE,KAAK,CAAC,GAAG;YACpB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/F,GAAG,KAAK;SACT,GACD,CACH,CAAC,CAAC;IAEH,OAAO,CACL,8DACG,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,EAAE,IACxH,aAAa,CACV,CACP,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CACA,CACJ,CAAC;AACJ,CAAC;AAxCD,yBAwCC"}
+{"version":3,"file":"Images.js","sourceRoot":"","sources":["../../src/components/Images.tsx"],"names":[],"mappings":";;;;;AAAA,2DAAqE;AACrE,kDAA0B;AAC1B,mEAA2C;AAC3C,gFAAwE;AAExE,SAAwB,MAAM,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,UAAU,EAAE,gBAAgB,EAC5B,UAAU,GAMX;IACC,MAAM,kBAAkB,GAAG,0CAAiB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,kBAAkB,CAAC;IAE1D,MAAM,MAAM,GAAG,mBAAS,CAAC,UAAU,CAAC,CAAC;IAErC,MAAM,qBAAqB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,uCACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,sBAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EACzB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAE;YACL,SAAS,EAAE,KAAK,CAAC,GAAG;YACpB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/F,GAAG,KAAK;SACT,GACD,CACH,CAAC,CAAC;IAEH,OAAO,CACL,8DACG,UAAU,CAAC,CAAC,CAAC,CACZ,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,EAAE,IACxH,aAAa,CACV,CACP,CAAC,CAAC,CAAC,CACF,aAAa,CACd,CACA,CACJ,CAAC;AACJ,CAAC;AA3CD,yBA2CC"}

package/dist/components/Timer.d.ts

@@ -1,6 +1,6 @@
 import { CogsConnection } from '@clockworkdog/cogs-client';
 import React from 'react';
-export default function Timer({ className, style, connection, separator, center, }: {
+export default function Timer({ className, style, connection: customConnection, separator, center, }: {
     className?: string;
     style?: React.CSSProperties;
     connection: CogsConnection;

package/dist/components/Timer.js

@@ -24,6 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const useCogsMessage_1 = __importDefault(require("../hooks/useCogsMessage"));
+const CogsConnectionProvider_1 = require("../providers/CogsConnectionProvider");
 function formatTime(time, countingUp) {
     const negative = time < 0;
     // Flip things for negative times
@@ -37,8 +38,10 @@ function formatTime(time, countingUp) {
     const seconds = String((roundedTime / 1000) % 60).padStart(2, '0');
     return { minutes, seconds };
 }
-function Timer({ className, style, connection, separator = ':', center, }) {
+function Timer({ className, style, connection: customConnection, separator = ':', center, }) {
     var _a, _b, _c, _d, _e, _f;
+    const providerConnection = CogsConnectionProvider_1.useCogsConnection();
+    const connection = customConnection !== null && customConnection !== void 0 ? customConnection : providerConnection;
     const [timerElapsed, setTimerElapsed] = react_1.useState(0);
     const [timerStartedAt, setTimerStartedAt] = react_1.useState((_b = (_a = connection.timerState) === null || _a === void 0 ? void 0 : _a.startedAt) !== null && _b !== void 0 ? _b : 0);
     const [timerTotalMillis, setTimerTotalMillis] = react_1.useState((_d = (_c = connection.timerState) === null || _c === void 0 ? void 0 : _c.durationMillis) !== null && _d !== void 0 ? _d : 0);

package/dist/components/Timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../src/components/Timer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../src/components/Timer.tsx"],"names":[],"mappings":"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"}

package/dist/components/VideoContainer.d.ts

@@ -0,0 +1,10 @@
+import { CogsVideoPlayer } from '@clockworkdog/cogs-client';
+import React from 'react';
+export default function VideoContainer({ className, style, videoPlayer: customVideoPlayer, fullscreen, }: {
+    className?: string;
+    style?: React.CSSProperties;
+    videoPlayer?: CogsVideoPlayer;
+    fullscreen?: boolean | {
+        style: React.CSSProperties;
+    };
+}): JSX.Element | null;

package/dist/components/VideoContainer.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const CogsConnectionProvider_1 = require("../providers/CogsConnectionProvider");
+function VideoContainer({ className, style, videoPlayer: customVideoPlayer, fullscreen, }) {
+    const containerRef = react_1.useRef(null);
+    const providerVideoPlayer = CogsConnectionProvider_1.useVideoPlayer();
+    const videoPlayer = customVideoPlayer !== null && customVideoPlayer !== void 0 ? customVideoPlayer : providerVideoPlayer;
+    react_1.useEffect(() => {
+        if (videoPlayer && containerRef.current) {
+            videoPlayer.setParentElement(containerRef.current);
+            return () => videoPlayer.resetParentElement();
+        }
+    }, [videoPlayer]);
+    const fullscreenCustomStyle = typeof fullscreen === 'object' ? fullscreen.style : style;
+    return (react_1.default.createElement("div", { ref: containerRef, className: className, style: fullscreen ? { position: 'absolute', zIndex: 1, top: 0, left: 0, width: '100vw', height: '100vh', ...fullscreenCustomStyle } : style }));
+}
+exports.default = VideoContainer;
+//# sourceMappingURL=VideoContainer.js.map

package/dist/components/VideoContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContainer.js","sourceRoot":"","sources":["../../src/components/VideoContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,+CAAiD;AACjD,gFAAqE;AAErE,SAAwB,cAAc,CAAC,EACrC,SAAS,EACT,KAAK,EACL,WAAW,EAAE,iBAAiB,EAC9B,UAAU,GAMX;IACC,MAAM,YAAY,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,mBAAmB,GAAG,uCAAc,EAAE,CAAC;IAC7C,MAAM,WAAW,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,mBAAmB,CAAC;IAE7D,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,YAAY,CAAC,OAAO,EAAE;YACvC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACnD,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,qBAAqB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxF,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAqB,EAAE,CAAC,CAAC,CAAC,KAAK,GAC3I,CACH,CAAC;AACJ,CAAC;AA9BD,iCA8BC"}

package/dist/hooks/useImages.js

@@ -23,6 +23,9 @@ function useImages(connection) {
                     setImages([]);
                 }
                 break;
+            case 'image_set_fit':
+                setImages((images) => images.map((image) => (!message.file || message.file === image.file ? { ...image, fit: message.fit } : image)));
+                break;
         }
     }, []));
     return images;

package/dist/hooks/useImages.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImages.js","sourceRoot":"","sources":["../../src/hooks/useImages.ts"],"names":[],"mappings":";;;;;AACA,iCAA8C;AAC9C,sEAA8C;AAI9C,SAAwB,SAAS,CAAC,UAA0B;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAU,EAAE,CAAC,CAAC;IAElD,wBAAc,CACZ,UAAU,EACV,mBAAW,CAAC,CAAC,OAA0B,EAAE,EAAE;QACzC,QAAQ,OAAO,CAAC,IAAI,EAAE;YACpB,KAAK,YAAY;gBACf;oBACE,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC1D,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;iBAClF;gBACD,MAAM;YACR,KAAK,YAAY;gBACf,IAAI,OAAO,CAAC,IAAI,EAAE;oBAChB,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;iBAC3E;qBAAM;oBACL,SAAS,CAAC,EAAE,CAAC,CAAC;iBACf;gBACD,MAAM;SACT;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC;AAzBD,4BAyBC"}
+{"version":3,"file":"useImages.js","sourceRoot":"","sources":["../../src/hooks/useImages.ts"],"names":[],"mappings":";;;;;AACA,iCAA8C;AAC9C,sEAA8C;AAI9C,SAAwB,SAAS,CAAC,UAA0B;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAU,EAAE,CAAC,CAAC;IAElD,wBAAc,CACZ,UAAU,EACV,mBAAW,CAAC,CAAC,OAA0B,EAAE,EAAE;QACzC,QAAQ,OAAO,CAAC,IAAI,EAAE;YACpB,KAAK,YAAY;gBACf;oBACE,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC1D,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;iBAClF;gBACD,MAAM;YACR,KAAK,YAAY;gBACf,IAAI,OAAO,CAAC,IAAI,EAAE;oBAChB,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;iBAC3E;qBAAM;oBACL,SAAS,CAAC,EAAE,CAAC,CAAC;iBACf;gBACD,MAAM;YACR,KAAK,eAAe;gBAClB,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACtI,MAAM;SACT;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC;AA5BD,4BA4BC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as CogsConnectionProvider, useCogsConnection } from './providers/CogsConnectionProvider';
+export { default as CogsConnectionProvider, useCogsConnection, useAudioPlayer, useVideoPlayer } from './providers/CogsConnectionProvider';
 export { default as useIsConnected } from './hooks/useIsConnected';
 export { default as useCogsConfig } from './hooks/useCogsConfig';
 export { default as useCogsEvent } from './hooks/useCogsEvent';
@@ -10,9 +10,9 @@ export { default as useShowPhase } from './hooks/useShowPhase';
 export { default as useWhenShowReset } from './hooks/useWhenShowReset';
 export { default as useAudioClips } from './hooks/useAudioClips';
 export { default as useIsAudioPlaying } from './hooks/useIsAudioPlaying';
+export { default as VideoContainer } from './components/VideoContainer';
 export { default as useHint } from './hooks/useHint';
 export { default as Hint } from './components/Hint';
 export { default as Timer } from './components/Timer';
-export { default as Video } from './components/Video';
 export { default as useImages } from './hooks/useImages';
 export { default as Images } from './components/Images';

package/dist/index.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Images = exports.useImages = exports.Video = exports.Timer = exports.Hint = exports.useHint = exports.useIsAudioPlaying = exports.useAudioClips = exports.useWhenShowReset = exports.useShowPhase = exports.usePreloadedUrl = exports.useCogsMessage = exports.useCogsInputPortValues = exports.useCogsInputPortValue = exports.useCogsEvent = exports.useCogsConfig = exports.useIsConnected = exports.useCogsConnection = exports.CogsConnectionProvider = void 0;
+exports.Images = exports.useImages = exports.Timer = exports.Hint = exports.useHint = exports.VideoContainer = exports.useIsAudioPlaying = exports.useAudioClips = exports.useWhenShowReset = exports.useShowPhase = exports.usePreloadedUrl = exports.useCogsMessage = exports.useCogsInputPortValues = exports.useCogsInputPortValue = exports.useCogsEvent = exports.useCogsConfig = exports.useIsConnected = exports.useVideoPlayer = exports.useAudioPlayer = exports.useCogsConnection = exports.CogsConnectionProvider = void 0;
 // Utilities
 var CogsConnectionProvider_1 = require("./providers/CogsConnectionProvider");
 Object.defineProperty(exports, "CogsConnectionProvider", { enumerable: true, get: function () { return __importDefault(CogsConnectionProvider_1).default; } });
 Object.defineProperty(exports, "useCogsConnection", { enumerable: true, get: function () { return CogsConnectionProvider_1.useCogsConnection; } });
+Object.defineProperty(exports, "useAudioPlayer", { enumerable: true, get: function () { return CogsConnectionProvider_1.useAudioPlayer; } });
+Object.defineProperty(exports, "useVideoPlayer", { enumerable: true, get: function () { return CogsConnectionProvider_1.useVideoPlayer; } });
 var useIsConnected_1 = require("./hooks/useIsConnected");
 Object.defineProperty(exports, "useIsConnected", { enumerable: true, get: function () { return __importDefault(useIsConnected_1).default; } });
 var useCogsConfig_1 = require("./hooks/useCogsConfig");
@@ -31,6 +33,9 @@ var useAudioClips_1 = require("./hooks/useAudioClips");
 Object.defineProperty(exports, "useAudioClips", { enumerable: true, get: function () { return __importDefault(useAudioClips_1).default; } });
 var useIsAudioPlaying_1 = require("./hooks/useIsAudioPlaying");
 Object.defineProperty(exports, "useIsAudioPlaying", { enumerable: true, get: function () { return __importDefault(useIsAudioPlaying_1).default; } });
+// Video
+var VideoContainer_1 = require("./components/VideoContainer");
+Object.defineProperty(exports, "VideoContainer", { enumerable: true, get: function () { return __importDefault(VideoContainer_1).default; } });
 // Hints
 var useHint_1 = require("./hooks/useHint");
 Object.defineProperty(exports, "useHint", { enumerable: true, get: function () { return __importDefault(useHint_1).default; } });
@@ -39,9 +44,6 @@ Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { re
 // Timer
 var Timer_1 = require("./components/Timer");
 Object.defineProperty(exports, "Timer", { enumerable: true, get: function () { return __importDefault(Timer_1).default; } });
-// Video
-var Video_1 = require("./components/Video");
-Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return __importDefault(Video_1).default; } });
 // Images
 var useImages_1 = require("./hooks/useImages");
 Object.defineProperty(exports, "useImages", { enumerable: true, get: function () { return __importDefault(useImages_1).default; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,YAAY;AACZ,6EAA0G;AAAjG,iJAAA,OAAO,OAA0B;AAAE,2HAAA,iBAAiB,OAAA;AAC7D,yDAAmE;AAA1D,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AACjC,qDAA+D;AAAtD,6HAAA,OAAO,OAAgB;AAChC,uEAAiF;AAAxE,+IAAA,OAAO,OAAyB;AACzC,yEAAmF;AAA1E,iJAAA,OAAO,OAA0B;AAC1C,yDAAmE;AAA1D,iIAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,mIAAA,OAAO,OAAmB;AACnC,qDAA+D;AAAtD,6HAAA,OAAO,OAAgB;AAChC,6DAAuE;AAA9D,qIAAA,OAAO,OAAoB;AAEpC,QAAQ;AACR,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AACjC,+DAAyE;AAAhE,uIAAA,OAAO,OAAqB;AAErC,QAAQ;AACR,2CAAqD;AAA5C,mHAAA,OAAO,OAAW;AAC3B,0CAAoD;AAA3C,6GAAA,OAAO,OAAQ;AAExB,QAAQ;AACR,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AAEzB,QAAQ;AACR,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AAEzB,SAAS;AACT,+CAAyD;AAAhD,uHAAA,OAAO,OAAa;AAC7B,8CAAwD;AAA/C,iHAAA,OAAO,OAAU"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,YAAY;AACZ,6EAA0I;AAAjI,iJAAA,OAAO,OAA0B;AAAE,2HAAA,iBAAiB,OAAA;AAAE,wHAAA,cAAc,OAAA;AAAE,wHAAA,cAAc,OAAA;AAC7F,yDAAmE;AAA1D,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AACjC,qDAA+D;AAAtD,6HAAA,OAAO,OAAgB;AAChC,uEAAiF;AAAxE,+IAAA,OAAO,OAAyB;AACzC,yEAAmF;AAA1E,iJAAA,OAAO,OAA0B;AAC1C,yDAAmE;AAA1D,iIAAA,OAAO,OAAkB;AAClC,2DAAqE;AAA5D,mIAAA,OAAO,OAAmB;AACnC,qDAA+D;AAAtD,6HAAA,OAAO,OAAgB;AAChC,6DAAuE;AAA9D,qIAAA,OAAO,OAAoB;AAEpC,QAAQ;AACR,uDAAiE;AAAxD,+HAAA,OAAO,OAAiB;AACjC,+DAAyE;AAAhE,uIAAA,OAAO,OAAqB;AAErC,QAAQ;AACR,8DAAwE;AAA/D,iIAAA,OAAO,OAAkB;AAElC,QAAQ;AACR,2CAAqD;AAA5C,mHAAA,OAAO,OAAW;AAC3B,0CAAoD;AAA3C,6GAAA,OAAO,OAAQ;AAExB,QAAQ;AACR,4CAAsD;AAA7C,+GAAA,OAAO,OAAS;AAEzB,SAAS;AACT,+CAAyD;AAAhD,uHAAA,OAAO,OAAa;AAC7B,8CAAwD;AAA/C,iHAAA,OAAO,OAAU"}

package/dist/providers/CogsConnectionProvider.d.ts

@@ -1,8 +1,17 @@
-import { CogsConnection } from '@clockworkdog/cogs-client';
+import { CogsAudioPlayer, CogsConnection, CogsVideoPlayer } from '@clockworkdog/cogs-client';
 import React from 'react';
 declare type CogsConnectionCustomTypes<Connection> = Connection extends CogsConnection<infer T> ? T : never;
 /**
  * Create a persistent connection to COGS which can be accessed with `useCogsConnection()`
+ * @param audioPlayer Creates a `CogsAudioPlayer` than can be accessed with `useAudioPlayer()`
+ *
+ * Note: If unset, the audio player will remain active.
+ *
+ * @param videoPlayer Creates a `CogsVideoPlayer` than can be accessed with `useVideoPlayer()`
+ *
+ * Note: If unset, the video player will remain active.
+ *
+ * *Example:*
  *
  * ```jsx
  * function MyComponent() {
@@ -13,7 +22,7 @@ declare type CogsConnectionCustomTypes<Connection> = Connection extends CogsConn
  * }
  *
  * function App() {
- *   return <CogsConnectionProvider>
+ *   return <CogsConnectionProvider audioPlayer videoPlayer>
  *     <MyComponent />
  *   <CogsConnectionProvider/>;
  * }
@@ -34,19 +43,29 @@ declare type CogsConnectionCustomTypes<Connection> = Connection extends CogsConn
  * }
  *
  * function App() {
- *   return <CogsConnectionProvider>
+ *   return <CogsConnectionProvider audioPlayer videoPlayer>
  *     <MyComponent />
  *   <CogsConnectionProvider/>;
  * }
  * ```
  */
-export default function CogsConnectionProvider({ hostname, port, children, }: {
+export default function CogsConnectionProvider({ hostname, port, children, audioPlayer, videoPlayer, }: {
     hostname?: string;
     port?: number;
     children: React.ReactNode;
+    audioPlayer?: boolean;
+    videoPlayer?: boolean;
 }): JSX.Element | null;
 /**
  * Get the connection from `<CogsConnectionProvider>`
  */
 export declare function useCogsConnection<CustomTypes extends CogsConnectionCustomTypes<CogsConnection>>(): CogsConnection<CustomTypes>;
+/**
+ * Get the audio player from `<CogsConnectionProvider audioPlayer>`
+ */
+export declare function useAudioPlayer(): CogsAudioPlayer | null;
+/**
+ * Get the video player from `<CogsConnectionProvider audioPlayer>`
+ */
+export declare function useVideoPlayer(): CogsVideoPlayer | null;
 export {};

package/dist/providers/CogsConnectionProvider.js

@@ -19,16 +19,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCogsConnection = void 0;
+exports.useVideoPlayer = exports.useAudioPlayer = exports.useCogsConnection = void 0;
 const cogs_client_1 = require("@clockworkdog/cogs-client");
 const react_1 = __importStar(require("react"));
 const CogsConnectionContext = react_1.default.createContext({
-    useCogsConnection: () => {
-        throw new Error('Please use with <CogsConnectionProvider>');
-    },
+    useCogsConnection: () => undefined,
+    useAudioPlayer: () => undefined,
+    useVideoPlayer: () => undefined,
 });
 /**
  * Create a persistent connection to COGS which can be accessed with `useCogsConnection()`
+ * @param audioPlayer Creates a `CogsAudioPlayer` than can be accessed with `useAudioPlayer()`
+ *
+ * Note: If unset, the audio player will remain active.
+ *
+ * @param videoPlayer Creates a `CogsVideoPlayer` than can be accessed with `useVideoPlayer()`
+ *
+ * Note: If unset, the video player will remain active.
+ *
+ * *Example:*
  *
  * ```jsx
  * function MyComponent() {
@@ -39,7 +48,7 @@ const CogsConnectionContext = react_1.default.createContext({
  * }
  *
  * function App() {
- *   return <CogsConnectionProvider>
+ *   return <CogsConnectionProvider audioPlayer videoPlayer>
  *     <MyComponent />
  *   <CogsConnectionProvider/>;
  * }
@@ -60,13 +69,13 @@ const CogsConnectionContext = react_1.default.createContext({
  * }
  *
  * function App() {
- *   return <CogsConnectionProvider>
+ *   return <CogsConnectionProvider audioPlayer videoPlayer>
  *     <MyComponent />
  *   <CogsConnectionProvider/>;
  * }
  * ```
  */
-function CogsConnectionProvider({ hostname, port, children, }) {
+function CogsConnectionProvider({ hostname, port, children, audioPlayer, videoPlayer, }) {
     const connectionRef = react_1.useRef();
     const [, forceRender] = react_1.useState({});
     react_1.useEffect(() => {
@@ -78,13 +87,27 @@ function CogsConnectionProvider({ hostname, port, children, }) {
             connection.close();
         };
     }, [hostname, port]);
+    const audioPlayerRef = react_1.useRef();
+    react_1.useEffect(() => {
+        if (audioPlayer && !audioPlayerRef.current && connectionRef.current) {
+            audioPlayerRef.current = new cogs_client_1.CogsAudioPlayer(connectionRef.current);
+        }
+    }, [audioPlayer]);
+    const videoPlayerRef = react_1.useRef();
+    react_1.useEffect(() => {
+        if (videoPlayer && !videoPlayerRef.current && connectionRef.current) {
+            videoPlayerRef.current = new cogs_client_1.CogsVideoPlayer(connectionRef.current);
+        }
+    }, [videoPlayer]);
     if (!connectionRef.current) {
-        // Do not render if the `useEffect` above has not run
+        // Do not render if the `useEffect`s above have not run
         return null;
     }
     const value = {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         useCogsConnection: () => connectionRef.current,
+        useAudioPlayer: () => { var _a; return (_a = audioPlayerRef.current) !== null && _a !== void 0 ? _a : null; },
+        useVideoPlayer: () => { var _a; return (_a = videoPlayerRef.current) !== null && _a !== void 0 ? _a : null; },
     };
     return react_1.default.createElement(CogsConnectionContext.Provider, { value: value }, children);
 }
@@ -96,4 +119,18 @@ function useCogsConnection() {
     return react_1.useContext(CogsConnectionContext).useCogsConnection();
 }
 exports.useCogsConnection = useCogsConnection;
+/**
+ * Get the audio player from `<CogsConnectionProvider audioPlayer>`
+ */
+function useAudioPlayer() {
+    return react_1.useContext(CogsConnectionContext).useAudioPlayer();
+}
+exports.useAudioPlayer = useAudioPlayer;
+/**
+ * Get the video player from `<CogsConnectionProvider audioPlayer>`
+ */
+function useVideoPlayer() {
+    return react_1.useContext(CogsConnectionContext).useVideoPlayer();
+}
+exports.useVideoPlayer = useVideoPlayer;
 //# sourceMappingURL=CogsConnectionProvider.js.map

package/dist/providers/CogsConnectionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CogsConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/CogsConnectionProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA2D;AAC3D,+CAAuE;AAQvE,MAAM,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAA6B;IAC5E,iBAAiB,EAAE,GAAG,EAAE;QACtB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;CACF,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,SAAwB,sBAAsB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,QAAQ,GAKT;IACC,MAAM,aAAa,GAAG,cAAM,EAAkB,CAAC;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,gBAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,4BAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;QACnC,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC;YAClC,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;QAC1B,qDAAqD;QACrD,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAA+B;QACxC,oEAAoE;QACpE,iBAAiB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAQ;KAChD,CAAC;IAEF,OAAO,8BAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAkC,CAAC;AACnG,CAAC;AAjCD,yCAiCC;AAED;;GAEG;AACH,SAAgB,iBAAiB;IAC/B,OAAO,kBAAU,CAAC,qBAA+E,CAAC,CAAC,iBAAiB,EAAE,CAAC;AACzH,CAAC;AAFD,8CAEC"}
+{"version":3,"file":"CogsConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/CogsConnectionProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6F;AAC7F,+CAAuE;AAUvE,MAAM,qBAAqB,GAAG,eAAK,CAAC,aAAa,CAA6B;IAC5E,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAgB;IACzC,cAAc,EAAE,GAAG,EAAE,CAAC,SAAgB;IACtC,cAAc,EAAE,GAAG,EAAE,CAAC,SAAgB;CACvC,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,SAAwB,sBAAsB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GAOZ;IACC,MAAM,aAAa,GAAG,cAAM,EAAkB,CAAC;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,gBAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,4BAAc,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;QACnC,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,GAAG,SAAS,CAAC;YAClC,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,MAAM,cAAc,GAAG,cAAM,EAAmB,CAAC;IACjD,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE;YACnE,cAAc,CAAC,OAAO,GAAG,IAAI,6BAAe,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,cAAM,EAAmB,CAAC;IACjD,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE;YACnE,cAAc,CAAC,OAAO,GAAG,IAAI,6BAAe,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;QAC1B,uDAAuD;QACvD,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAA+B;QACxC,oEAAoE;QACpE,iBAAiB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAQ;QAC/C,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,OAAO,mCAAI,IAAI,CAAA,EAAA;QACpD,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,OAAO,mCAAI,IAAI,CAAA,EAAA;KACrD,CAAC;IAEF,OAAO,8BAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAkC,CAAC;AACnG,CAAC;AArDD,yCAqDC;AAED;;GAEG;AACH,SAAgB,iBAAiB;IAC/B,OAAO,kBAAU,CAAC,qBAA+E,CAAC,CAAC,iBAAiB,EAAE,CAAC;AACzH,CAAC;AAFD,8CAEC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,OAAO,kBAAU,CAAC,qBAAkE,CAAC,CAAC,cAAc,EAAE,CAAC;AACzG,CAAC;AAFD,wCAEC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,OAAO,kBAAU,CAAC,qBAAkE,CAAC,CAAC,cAAc,EAAE,CAAC;AACzG,CAAC;AAFD,wCAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clockworkdog/cogs-client-react",
-  "version": "0.16.3",
+  "version": "v1.0.0-rc.1",
   "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -8,6 +8,7 @@
     "lint:json": "prettier --list-different .eslintrc *.json",
     "lint:ts": "eslint --ext .js,.ts --ignore-path .gitignore .",
     "build": "tsc",
+    "watch-build": "tsc -w",
     "build-docs": "typedoc --out docs --name @clockworkdog/cogs-client-react src/index.ts",
     "release": "yarn publish --access public"
   },
@@ -30,7 +31,7 @@
     "typescript": "^4.1.3"
   },
   "dependencies": {
-    "@clockworkdog/cogs-client": "^0.16.1"
+    "@clockworkdog/cogs-client": "latest"
   },
   "description": "React components and hooks to connect to COGS to build a custom Media Master",
   "repository": {

package/dist/components/Video.d.ts

@@ -1,20 +0,0 @@
-import { CogsConnection, MediaObjectFit } from '@clockworkdog/cogs-client';
-import React from 'react';
-import VideoClipState from '../types/VideoClipState';
-export interface VideoClip {
-    src: string;
-    state: VideoClipState;
-    volume: number;
-    loop: boolean;
-    fit: MediaObjectFit;
-}
-export default function Video({ className, style, connection, fullscreen, onStopped, getCachedAsset }: {
-    className?: string;
-    style?: React.CSSProperties;
-    connection: CogsConnection;
-    fullscreen?: boolean | {
-        style: React.CSSProperties;
-    };
-    onStopped?: () => void;
-    getCachedAsset?: (assetUrl: string) => string | undefined;
-}): JSX.Element | null;

package/dist/components/Video.js

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const cogs_client_1 = require("@clockworkdog/cogs-client");
-const react_1 = __importStar(require("react"));
-const useCogsMessage_1 = __importDefault(require("../hooks/useCogsMessage"));
-const VideoClipState_1 = __importDefault(require("../types/VideoClipState"));
-function Video({ className, style, connection, fullscreen, onStopped, getCachedAsset }) {
-    var _a;
-    const [globalVolume, setGlobalVolume] = react_1.useState(1);
-    const [videoClip, setVideoClip] = react_1.useState(null);
-    useCogsMessage_1.default(connection, react_1.useCallback((message) => {
-        var _a;
-        switch (message.type) {
-            case 'media_config_update':
-                setGlobalVolume(message.globalVolume);
-                break;
-            case 'video_play':
-                setVideoClip({
-                    src: cogs_client_1.assetUrl(message.file),
-                    volume: message.volume,
-                    fit: message.fit,
-                    loop: (_a = message.loop) !== null && _a !== void 0 ? _a : false,
-                    state: VideoClipState_1.default.Playing,
-                });
-                break;
-            case 'video_pause':
-                setVideoClip((video) => (video ? { ...video, state: VideoClipState_1.default.Paused } : null));
-                break;
-            case 'video_stop':
-                setVideoClip(null);
-                break;
-            case 'video_set_volume':
-                setVideoClip((video) => (video ? { ...video, volume: message.volume } : null));
-                break;
-        }
-    }, []));
-    const ref = react_1.useRef(null);
-    react_1.useEffect(() => {
-        if (ref.current) {
-            switch (videoClip === null || videoClip === void 0 ? void 0 : videoClip.state) {
-                case VideoClipState_1.default.Playing:
-                    ref.current.play();
-                    break;
-                case VideoClipState_1.default.Paused:
-                    ref.current.pause();
-                    break;
-                case VideoClipState_1.default.Stopped:
-                    ref.current.currentTime = 0;
-                    break;
-            }
-        }
-    }, [videoClip]);
-    react_1.useEffect(() => {
-        var _a;
-        if (ref.current) {
-            ref.current.volume = (_a = videoClip === null || videoClip === void 0 ? void 0 : videoClip.volume) !== null && _a !== void 0 ? _a : 1 * globalVolume;
-        }
-    }, [videoClip, globalVolume]);
-    react_1.useEffect(() => {
-        var _a;
-        if (ref.current) {
-            ref.current.loop = (_a = videoClip === null || videoClip === void 0 ? void 0 : videoClip.loop) !== null && _a !== void 0 ? _a : false;
-        }
-    }, [videoClip]);
-    const notifyVideoStopped = react_1.useCallback(() => {
-        if (!(videoClip === null || videoClip === void 0 ? void 0 : videoClip.loop)) {
-            setVideoClip(null);
-            onStopped === null || onStopped === void 0 ? void 0 : onStopped();
-        }
-    }, [videoClip, onStopped]);
-    if (!videoClip) {
-        return null;
-    }
-    const video = (react_1.default.createElement("video", { className: className, ref: ref, style: {
-            objectFit: videoClip.fit,
-            ...(fullscreen ? { width: '100%', height: '100%' } : {}),
-            ...style,
-        }, src: (_a = (getCachedAsset && getCachedAsset(videoClip.src))) !== null && _a !== void 0 ? _a : videoClip.src, onEnded: notifyVideoStopped }));
-    const fullscreenCustomStyle = typeof fullscreen === 'object' ? fullscreen.style : undefined;
-    return fullscreen ? (react_1.default.createElement("div", { style: { position: 'absolute', zIndex: 1, top: 0, left: 0, width: '100vw', height: '100vh', ...fullscreenCustomStyle } }, video)) : (video);
-}
-exports.default = Video;
-//# sourceMappingURL=Video.js.map

package/dist/components/Video.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../src/components/Video.tsx"],"names":[],"mappings":"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"}

package/dist/types/ActiveAudioClipState.d.ts

@@ -1,7 +0,0 @@
-declare enum ActiveAudioClipState {
-    Paused = "paused",
-    Pausing = "pausing",
-    Playing = "playing",
-    Stopping = "stopping"
-}
-export default ActiveAudioClipState;

package/dist/types/ActiveAudioClipState.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ActiveAudioClipState;
-(function (ActiveAudioClipState) {
-    ActiveAudioClipState["Paused"] = "paused";
-    ActiveAudioClipState["Pausing"] = "pausing";
-    ActiveAudioClipState["Playing"] = "playing";
-    ActiveAudioClipState["Stopping"] = "stopping";
-})(ActiveAudioClipState || (ActiveAudioClipState = {}));
-exports.default = ActiveAudioClipState;
-//# sourceMappingURL=ActiveAudioClipState.js.map

package/dist/types/ActiveAudioClipState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActiveAudioClipState.js","sourceRoot":"","sources":["../../src/types/ActiveAudioClipState.ts"],"names":[],"mappings":";;AAAA,IAAK,oBAKJ;AALD,WAAK,oBAAoB;IACvB,yCAAiB,CAAA;IACjB,2CAAmB,CAAA;IACnB,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;AACvB,CAAC,EALI,oBAAoB,KAApB,oBAAoB,QAKxB;AAED,kBAAe,oBAAoB,CAAC"}

package/dist/types/VideoClipState.d.ts

@@ -1,6 +0,0 @@
-declare enum VideoClipState {
-    Playing = "playing",
-    Paused = "paused",
-    Stopped = "stopped"
-}
-export default VideoClipState;

package/dist/types/VideoClipState.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var VideoClipState;
-(function (VideoClipState) {
-    VideoClipState["Playing"] = "playing";
-    VideoClipState["Paused"] = "paused";
-    VideoClipState["Stopped"] = "stopped";
-})(VideoClipState || (VideoClipState = {}));
-exports.default = VideoClipState;
-//# sourceMappingURL=VideoClipState.js.map

package/dist/types/VideoClipState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoClipState.js","sourceRoot":"","sources":["../../src/types/VideoClipState.ts"],"names":[],"mappings":";;AAAA,IAAK,cAIJ;AAJD,WAAK,cAAc;IACjB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;AACrB,CAAC,EAJI,cAAc,KAAd,cAAc,QAIlB;AAED,kBAAe,cAAc,CAAC"}