From 65fc13ed8b5b42a20f5b81675d785527a4c45676 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Mon, 6 Apr 2020 17:45:01 +0300
Subject: [PATCH] deep links mapped in stream

---
 .../MetaDetails/StreamsList/Stream/Stream.js  | 16 +++++++--
 src/routes/MetaDetails/useMetaDetails.js      | 33 +++++++++++++++++--
 2 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index fbe2a8bcc..bccd9f875 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -6,12 +6,21 @@ const { Button, Image, PlayIconCircleCentered } = require('stremio/common');
 const StreamPlaceholder = require('./StreamPlaceholder');
 const styles = require('./styles');
 
-const Stream = ({ className, addonName, title, thumbnail, progress, ...props }) => {
+const Stream = ({ className, addonName, title, thumbnail, progress, deepLinks, ...props }) => {
+    const href = React.useMemo(() => {
+        return deepLinks ?
+            typeof deepLinks.player === 'string' ?
+                deepLinks.player
+                :
+                null
+            :
+            null;
+    }, [deepLinks]);
     const renderThumbnailFallback = React.useMemo(() => () => (
         <Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} />
     ), []);
     return (
-        <Button {...props} className={classnames(className, styles['stream-container'])} title={title}>
+        <Button href={href} {...props} className={classnames(className, styles['stream-container'])} title={title}>
             {
                 typeof thumbnail === 'string' && thumbnail.length > 0 ?
                     <div className={styles['thumbnail-container']} title={addonName}>
@@ -49,6 +58,9 @@ Stream.propTypes = {
     title: PropTypes.string,
     thumbnail: PropTypes.string,
     progress: PropTypes.number,
+    deepLinks: PropTypes.shape({
+        player: PropTypes.string
+    })
 };
 
 module.exports = Stream;
diff --git a/src/routes/MetaDetails/useMetaDetails.js b/src/routes/MetaDetails/useMetaDetails.js
index db4fc6b0b..ae90c826e 100644
--- a/src/routes/MetaDetails/useMetaDetails.js
+++ b/src/routes/MetaDetails/useMetaDetails.js
@@ -44,8 +44,37 @@ const mapMetaDetailsState = (meta_details) => {
             :
             meta_resource;
     });
-    // TODO map streams with progress
-    const streams_resources = meta_details.streams_resources;
+    const streams_resources = meta_details.streams_resources.map((stream_resource) => {
+        return stream_resource.content.type === 'Ready' ?
+            {
+
+                request: stream_resource.request,
+                content: {
+                    type: 'Ready',
+                    content: stream_resource.content.content.map((stream) => ({
+                        ...stream,
+                        // TODO map progress
+                        deepLinks: deepLinking.withStream({
+                            stream,
+                            streamTransportUrl: stream_resource.request.base,
+                            // TODO metaTransportUrl should be based on state
+                            metaTransportUrl: meta_details.meta_resources.reduceRight((result, meta_resource) => {
+                                if (meta_resource.content.type === 'Ready') {
+                                    return meta_resource.request.base;
+                                }
+
+                                return result;
+                            }, ''),
+                            type: selected.meta_resource_ref.type_name,
+                            id: selected.meta_resource_ref.id,
+                            videoId: selected.streams_resource_ref.id,
+                        })
+                    }))
+                }
+            }
+            :
+            stream_resource;
+    });
     return { selected, meta_resources, streams_resources };
 };