Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 20:02:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deep links mapped in stream

Browse source
This commit is contained in:
nklhrstv 2020-04-06 17:45:01 +03:00
parent 5439eabdf3
commit 65fc13ed8b
2 changed files with 45 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/routes/MetaDetails/StreamsList/Stream/Stream.js
View file

@ -6,12 +6,21 @@ const { Button, Image, PlayIconCircleCentered } = require('stremio/common');
const StreamPlaceholder = require('./StreamPlaceholder'); const StreamPlaceholder = require('./StreamPlaceholder');
const styles = require('./styles'); 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(() => () => ( const renderThumbnailFallback = React.useMemo(() => () => (
<Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} /> <Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} />
), []); ), []);
return ( 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 ? typeof thumbnail === 'string' && thumbnail.length > 0 ?
<div className={styles['thumbnail-container']} title={addonName}> <div className={styles['thumbnail-container']} title={addonName}>
@ -49,6 +58,9 @@ Stream.propTypes = {
title: PropTypes.string, title: PropTypes.string,
thumbnail: PropTypes.string, thumbnail: PropTypes.string,
progress: PropTypes.number, progress: PropTypes.number,
deepLinks: PropTypes.shape({
player: PropTypes.string
})
}; };
module.exports = Stream; module.exports = Stream;

33
src/routes/MetaDetails/useMetaDetails.js
View file

@ -44,8 +44,37 @@ const mapMetaDetailsState = (meta_details) => {
: :
meta_resource; meta_resource;
}); });
// TODO map streams with progress const streams_resources = meta_details.streams_resources.map((stream_resource) => {
const streams_resources = meta_details.streams_resources; 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 }; return { selected, meta_resources, streams_resources };
}; };