@player-ui/react 0.4.0-next.11 → 0.4.0-next.13

package/dist/index.cjs.js

@@ -39,14 +39,23 @@ const ReactAsset = (props) => {
   } else if ("asset" in props) {
     unwrapped = props.asset;
   }
-  if (!unwrapped || typeof unwrapped !== "object" || (unwrapped == null ? void 0 : unwrapped.type) === void 0) {
-    throw Error(`Cannot determine asset type.`);
+  if (!unwrapped) {
+    throw Error(`Cannot determine asset type for props: ${JSON.stringify(props)}`);
+  }
+  if (typeof unwrapped !== "object") {
+    throw Error(`Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`);
+  }
+  if (unwrapped.type === void 0) {
+    const info = unwrapped.id === void 0 ? JSON.stringify(props) : `id: ${unwrapped.id}`;
+    throw Error(`Asset is missing type for ${info}`);
   }
   const Impl = registry == null ? void 0 : registry.get(unwrapped);
   if (!Impl) {
     throw Error(`No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}`);
   }
-  return /* @__PURE__ */ React__default["default"].createElement(Impl, __spreadValues$4({}, unwrapped));
+  return /* @__PURE__ */ React__default["default"].createElement(Impl, __spreadValues$4({
+    key: unwrapped.id
+  }, unwrapped));
 };
 
 const PlayerContext = React__default["default"].createContext({});
@@ -198,8 +207,8 @@ var __async$1 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const WEB_PLAYER_VERSION = "0.4.0-next.11";
-const COMMIT = "843876eed97f2f08d6ade9a2d86984fc9e4bd916";
+const WEB_PLAYER_VERSION = "0.4.0-next.13";
+const COMMIT = "80a0ff72b097eff2e227c7effef17923655c7499";
 const _window = typeof window === "undefined" ? void 0 : window;
 class ReactPlayer {
   constructor(options) {

package/dist/index.esm.js

@@ -32,14 +32,23 @@ const ReactAsset = (props) => {
   } else if ("asset" in props) {
     unwrapped = props.asset;
   }
-  if (!unwrapped || typeof unwrapped !== "object" || (unwrapped == null ? void 0 : unwrapped.type) === void 0) {
-    throw Error(`Cannot determine asset type.`);
+  if (!unwrapped) {
+    throw Error(`Cannot determine asset type for props: ${JSON.stringify(props)}`);
+  }
+  if (typeof unwrapped !== "object") {
+    throw Error(`Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`);
+  }
+  if (unwrapped.type === void 0) {
+    const info = unwrapped.id === void 0 ? JSON.stringify(props) : `id: ${unwrapped.id}`;
+    throw Error(`Asset is missing type for ${info}`);
   }
   const Impl = registry == null ? void 0 : registry.get(unwrapped);
   if (!Impl) {
     throw Error(`No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}`);
   }
-  return /* @__PURE__ */ React.createElement(Impl, __spreadValues$4({}, unwrapped));
+  return /* @__PURE__ */ React.createElement(Impl, __spreadValues$4({
+    key: unwrapped.id
+  }, unwrapped));
 };
 
 const PlayerContext = React.createContext({});
@@ -191,8 +200,8 @@ var __async$1 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const WEB_PLAYER_VERSION = "0.4.0-next.11";
-const COMMIT = "843876eed97f2f08d6ade9a2d86984fc9e4bd916";
+const WEB_PLAYER_VERSION = "0.4.0-next.13";
+const COMMIT = "80a0ff72b097eff2e227c7effef17923655c7499";
 const _window = typeof window === "undefined" ? void 0 : window;
 class ReactPlayer {
   constructor(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@player-ui/react",
-  "version": "0.4.0-next.11",
+  "version": "0.4.0-next.13",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -11,10 +11,10 @@
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@player-ui/player": "0.4.0-next.11",
-    "@player-ui/partial-match-registry": "0.4.0-next.11",
-    "@player-ui/metrics-plugin": "0.4.0-next.11",
-    "@player-ui/react-subscribe": "0.4.0-next.11",
+    "@player-ui/player": "0.4.0-next.13",
+    "@player-ui/partial-match-registry": "0.4.0-next.13",
+    "@player-ui/metrics-plugin": "0.4.0-next.13",
+    "@player-ui/react-subscribe": "0.4.0-next.13",
     "react-error-boundary": "^3.1.3",
     "tapable-ts": "^0.2.3",
     "@babel/runtime": "7.15.4"

package/src/asset/index.tsx

@@ -29,12 +29,24 @@ export const ReactAsset = (
     unwrapped = (props as unknown as AssetWrapper).asset;
   }
 
-  if (
-    !unwrapped ||
-    typeof unwrapped !== 'object' ||
-    unwrapped?.type === undefined
-  ) {
-    throw Error(`Cannot determine asset type.`);
+  if (!unwrapped) {
+    throw Error(
+      `Cannot determine asset type for props: ${JSON.stringify(props)}`
+    );
+  }
+
+  if (typeof unwrapped !== 'object') {
+    throw Error(
+      `Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`
+    );
+  }
+
+  if (unwrapped.type === undefined) {
+    const info =
+      unwrapped.id === undefined
+        ? JSON.stringify(props)
+        : `id: ${unwrapped.id}`;
+    throw Error(`Asset is missing type for ${info}`);
   }
 
   const Impl = registry?.get(unwrapped);
@@ -45,5 +57,5 @@ export const ReactAsset = (
     );
   }
 
-  return <Impl {...unwrapped} />;
+  return <Impl key={unwrapped.id} {...unwrapped} />;
 };

package/src/player.tsx

@@ -19,8 +19,8 @@ import type { ReactPlayerProps } from './app';
 import PlayerComp from './app';
 import OnUpdatePlugin from './plugins/onupdate-plugin';
 
-const WEB_PLAYER_VERSION = '0.4.0-next.11';
-const COMMIT = '843876eed97f2f08d6ade9a2d86984fc9e4bd916';
+const WEB_PLAYER_VERSION = '0.4.0-next.13';
+const COMMIT = '80a0ff72b097eff2e227c7effef17923655c7499';
 
 export interface DevtoolsGlobals {
   /** A global for a plugin to load to Player for devtools */