@clockworkdog/cogs-client-react 2.0.2 → 2.1.1

package/dist/components/Images.js

@@ -3,7 +3,6 @@ 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 = __importDefault(require("react"));
 const useImages_1 = __importDefault(require("../hooks/useImages"));
 const CogsConnectionProvider_1 = require("../providers/CogsConnectionProvider");
@@ -12,11 +11,14 @@ function Images({ className, style, connection: customConnection, fullscreen, })
     const connection = customConnection !== null && customConnection !== void 0 ? customConnection : providerConnection;
     const images = (0, 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: (0, cogs_client_1.assetUrl)(image.file), alt: image.file, style: {
-            objectFit: image.fit,
-            ...(fullscreen ? { width: '100%', height: '100%', position: 'absolute', top: 0, left: 0 } : {}),
-            ...style,
-        } })));
+    const imageElements = images.map((image, index) => {
+        var _a;
+        return (react_1.default.createElement("img", { className: className, key: index, src: (_a = connection.getAssetUrl) === null || _a === void 0 ? void 0 : _a.call(connection, image.file), alt: image.file, style: {
+                objectFit: image.fit,
+                ...(fullscreen ? { width: '100%', height: '100%', position: 'absolute', top: 0, left: 0 } : {}),
+                ...style,
+            } }));
+    });
     return (react_1.default.createElement(react_1.default.Fragment, null, fullscreen ? (react_1.default.createElement("div", { style: { position: 'absolute', zIndex: 2, top: 0, left: 0, width: '100vw', height: '100vh', ...fullscreenCustomStyle } }, imageElements)) : (imageElements)));
 }
 exports.default = Images;

package/dist/components/VideoContainer.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export default function VideoContainer({ className, style, videoPlayer: customVideoPlayer, fullscreen, }: {
     className?: string;
     style?: React.CSSProperties;
-    videoPlayer?: CogsVideoPlayer;
+    videoPlayer: CogsVideoPlayer | null;
     fullscreen?: boolean | {
         style: React.CSSProperties;
     };

package/dist/hooks/useAudioClips.d.ts

@@ -1,4 +1,4 @@
 import { AudioClip, CogsAudioPlayer } from '@clockworkdog/cogs-client';
-export default function useAudioClips(audioPlayer: CogsAudioPlayer): {
+export default function useAudioClips(audioPlayer: CogsAudioPlayer | null): {
     [path: string]: AudioClip;
 };

package/dist/hooks/useAudioClips.js

@@ -5,8 +5,8 @@ function useAudioClips(audioPlayer) {
     const [audioClips, setAudioClips] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
         const listener = (event) => setAudioClips(event.detail.clips);
-        audioPlayer.addEventListener('state', listener);
-        return () => audioPlayer.removeEventListener('state', listener);
+        audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.addEventListener('state', listener);
+        return () => audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.removeEventListener('state', listener);
     }, [audioPlayer]);
     return audioClips;
 }

package/dist/hooks/useIsAudioPlaying.d.ts

@@ -1,2 +1,2 @@
 import { CogsAudioPlayer } from '@clockworkdog/cogs-client';
-export default function useIsAudioPlaying(audioPlayer: CogsAudioPlayer): boolean;
+export default function useIsAudioPlaying(audioPlayer: CogsAudioPlayer | null): boolean;

package/dist/hooks/useIsAudioPlaying.js

@@ -5,8 +5,8 @@ function useIsAudioPlaying(audioPlayer) {
     const [isAudioPlaying, setAudioPlaying] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         const listener = (event) => setAudioPlaying(event.detail.isPlaying);
-        audioPlayer.addEventListener('state', listener);
-        return () => audioPlayer.removeEventListener('state', listener);
+        audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.addEventListener('state', listener);
+        return () => audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.removeEventListener('state', listener);
     }, [audioPlayer]);
     return isAudioPlaying;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clockworkdog/cogs-client-react",
-  "version": "v2.0.2",
+  "version": "v2.1.1",
   "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -31,7 +31,7 @@
     "typescript": "^5.1.6"
   },
   "dependencies": {
-    "@clockworkdog/cogs-client": "^2.0.0"
+    "@clockworkdog/cogs-client": "~2.1"
   },
   "description": "React components and hooks to connect to COGS to build a custom Media Master",
   "repository": {