From 31b37e128e166edbce8496328db42c11954d3ef0 Mon Sep 17 00:00:00 2001
From: DimaDemchenko <demchenkodmytro73@gmail.com>
Date: Mon, 16 Sep 2024 11:07:25 +0300
Subject: [PATCH] Feat: Support custom streamUrl in Demo component

---
 demo/src/App.tsx                                         | 9 ++++++++-
 .../src/components/P2PVideoDemo.tsx                      | 8 ++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 988e2135..1ed66282 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -2,7 +2,14 @@ import "./app.css";
 import { P2PVideoDemo } from "p2p-media-loader-demo";
 
 function App() {
-  return <P2PVideoDemo debugToolsEnabled={false} />;
+  return (
+    <P2PVideoDemo
+      streamUrl={
+        "https://fcc3ddae59ed.us-west-2.playback.live-video.net/api/video/v1/us-west-2.893648527354.channel.DmumNckWFTqz.m3u8"
+      }
+      debugToolsEnabled={false}
+    />
+  );
 }
 
 export default App;
diff --git a/packages/p2p-media-loader-demo/src/components/P2PVideoDemo.tsx b/packages/p2p-media-loader-demo/src/components/P2PVideoDemo.tsx
index 273a11de..44a75057 100644
--- a/packages/p2p-media-loader-demo/src/components/P2PVideoDemo.tsx
+++ b/packages/p2p-media-loader-demo/src/components/P2PVideoDemo.tsx
@@ -22,6 +22,7 @@ import { HlsjsVidstack } from "./players/hlsjs/HlsjsVidstack";
 import { PeerDetails } from "p2p-media-loader-core";
 
 type DemoProps = {
+  streamUrl?: string;
   debugToolsEnabled?: boolean;
 };
 
@@ -53,7 +54,10 @@ const playerComponents = {
   vidstack_hls: HlsjsVidstack,
 };
 
-export const P2PVideoDemo = ({ debugToolsEnabled = false }: DemoProps) => {
+export const P2PVideoDemo = ({
+  streamUrl,
+  debugToolsEnabled = false,
+}: DemoProps) => {
   const data = useRef<DownloadStats>({
     httpDownloaded: 0,
     p2pDownloaded: 0,
@@ -115,7 +119,7 @@ export const P2PVideoDemo = ({ debugToolsEnabled = false }: DemoProps) => {
 
     return PlayerComponent ? (
       <PlayerComponent
-        streamUrl={queryParams.streamUrl}
+        streamUrl={streamUrl ?? queryParams.streamUrl}
         announceTrackers={trackers}
         onPeerConnect={onPeerConnect}
         onPeerClose={onPeerClose}