@hyperstream/videoplayer 0.1.3 → 0.1.5

package/dist/index.d.mts

@@ -38,10 +38,29 @@ interface SimpleVideoPlayerProps {
     isMobile?: boolean;
     brandColor?: string;
     playlist?: PlaylistConfig;
+    url?: string;
+    primaryColor?: string;
+    thumbnail?: string;
+    title?: string;
+    artist?: string;
 }
-declare function SimpleVideoPlayer({ poster, watermark, hyperstreamUrl, autoplay, muted, controls, objectFit, containerWidth, isMobile, brandColor, playlist, }: SimpleVideoPlayerProps): react_jsx_runtime.JSX.Element;
-declare namespace SimpleVideoPlayer {
+/**
+ * SimpleVideoPlayerWithContext - Phase 2 State Consolidation Wrapper
+ *
+ * This wrapper provides the VideoPlayerStateContext for future migration.
+ * Currently the context is provided but NOT consumed - existing reducers
+ * continue to manage all state.
+ *
+ * Migration Plan:
+ * 1. ✅ Add wrapper with context provider (this step)
+ * 2. 🔄 Gradually migrate reducers to context one at a time
+ * 3. 🔜 Remove old reducer code after full migration
+ *
+ * @production-critical - P1 state consolidation
+ */
+declare function SimpleVideoPlayerWithContext(props: SimpleVideoPlayerProps): react_jsx_runtime.JSX.Element;
+declare namespace SimpleVideoPlayerWithContext {
     var displayName: string;
 }
 
-export { SimpleVideoPlayer as HyperstreamVideoPlayer };
+export { SimpleVideoPlayerWithContext as HyperstreamVideoPlayer };

package/dist/index.d.ts

@@ -38,10 +38,29 @@ interface SimpleVideoPlayerProps {
     isMobile?: boolean;
     brandColor?: string;
     playlist?: PlaylistConfig;
+    url?: string;
+    primaryColor?: string;
+    thumbnail?: string;
+    title?: string;
+    artist?: string;
 }
-declare function SimpleVideoPlayer({ poster, watermark, hyperstreamUrl, autoplay, muted, controls, objectFit, containerWidth, isMobile, brandColor, playlist, }: SimpleVideoPlayerProps): react_jsx_runtime.JSX.Element;
-declare namespace SimpleVideoPlayer {
+/**
+ * SimpleVideoPlayerWithContext - Phase 2 State Consolidation Wrapper
+ *
+ * This wrapper provides the VideoPlayerStateContext for future migration.
+ * Currently the context is provided but NOT consumed - existing reducers
+ * continue to manage all state.
+ *
+ * Migration Plan:
+ * 1. ✅ Add wrapper with context provider (this step)
+ * 2. 🔄 Gradually migrate reducers to context one at a time
+ * 3. 🔜 Remove old reducer code after full migration
+ *
+ * @production-critical - P1 state consolidation
+ */
+declare function SimpleVideoPlayerWithContext(props: SimpleVideoPlayerProps): react_jsx_runtime.JSX.Element;
+declare namespace SimpleVideoPlayerWithContext {
     var displayName: string;
 }
 
-export { SimpleVideoPlayer as HyperstreamVideoPlayer };
+export { SimpleVideoPlayerWithContext as HyperstreamVideoPlayer };

package/dist/index.js

@@ -17158,7 +17158,7 @@ var init_video_transcript = __esm({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  HyperstreamVideoPlayer: () => SimpleVideoPlayer
+  HyperstreamVideoPlayer: () => SimpleVideoPlayerWithContext
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -23172,18 +23172,27 @@ var PopupOverlay3 = import_react53.default.lazy(() => Promise.resolve().then(()
 var VideoOverlays2 = import_react53.default.lazy(() => Promise.resolve().then(() => (init_VideoOverlays(), VideoOverlays_exports)).then((mod) => ({ default: mod.VideoOverlays })));
 var VideoTranscript2 = import_react53.default.lazy(() => Promise.resolve().then(() => (init_video_transcript(), video_transcript_exports)).then((mod) => ({ default: mod.VideoTranscript })));
 function SimpleVideoPlayer({
-  poster,
+  poster: initialPoster,
   watermark,
-  hyperstreamUrl,
+  hyperstreamUrl: initialHyperstreamUrl,
   autoplay = false,
   muted = false,
   controls = true,
   objectFit = "contain",
   containerWidth,
   isMobile,
-  brandColor = "#d0d684",
-  playlist
+  brandColor: initialBrandColor,
+  playlist,
+  // Aliases
+  url: urlProp,
+  primaryColor,
+  thumbnail,
+  title,
+  artist
 }) {
+  const hyperstreamUrl = urlProp || initialHyperstreamUrl;
+  const brandColor = primaryColor || initialBrandColor || "#d0d684";
+  const poster = thumbnail || initialPoster;
   const [apiPlaylist, setApiPlaylist] = (0, import_react53.useState)(null);
   const effectivePlaylist = (0, import_react53.useMemo)(() => {
     return apiPlaylist || playlist || { items: [] };
@@ -26704,20 +26713,23 @@ SimpleVideoPlayer.displayName = "SimpleVideoPlayer";
 function SimpleVideoPlayerWithContext(props) {
   const config = (0, import_react53.useMemo)(
     () => ({
-      defaultUrl: props.hyperstreamUrl || "",
+      defaultUrl: props.url || props.hyperstreamUrl || "",
       autoplay: props.autoplay,
       muted: props.muted,
-      poster: props.poster,
+      poster: props.thumbnail || props.poster,
       watermark: props.watermark,
-      brandColor: props.brandColor,
+      brandColor: props.primaryColor || props.brandColor,
       objectFit: props.objectFit
     }),
     [
+      props.url,
       props.hyperstreamUrl,
       props.autoplay,
       props.muted,
+      props.thumbnail,
       props.poster,
       props.watermark,
+      props.primaryColor,
       props.brandColor,
       props.objectFit
     ]