movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 12:33:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: prettier

Browse Source
This commit is contained in:
Adrian Castro
2024-02-12 21:38:34 +01:00
parent 8dde4a8cd0
commit 8516060bc7
4 changed files with 146 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
apps/expo/src/app/loading.tsx
View File

@@ -1,108 +1,113 @@
import { getVideoStream, transformSearchResultToScrapeMedia } from "@movie-web/provider-utils";
import { fetchMediaDetails } from "@movie-web/tmdb";
import { useLocalSearchParams, useRouter } from "expo-router";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Text } from 'react-native'; import { Text } from "react-native";
import { useLocalSearchParams, useRouter } from "expo-router";
import {
getVideoStream,
transformSearchResultToScrapeMedia,
} from "@movie-web/provider-utils";
import { fetchMediaDetails } from "@movie-web/tmdb";
import type { VideoPlayerData } from "./videoPlayer";
import type { ItemData } from "~/components/item/item"; import type { ItemData } from "~/components/item/item";
import ScreenLayout from "~/components/layout/ScreenLayout"; import ScreenLayout from "~/components/layout/ScreenLayout";
import type { VideoPlayerData } from "./videoPlayer";
export default function LoadingScreenWrapper() { export default function LoadingScreenWrapper() {
const params = useLocalSearchParams(); const params = useLocalSearchParams();
const data = params.data const data = params.data
? (JSON.parse(params.data as string) as ItemData) ? (JSON.parse(params.data as string) as ItemData)
: null; : null;
return <LoadingScreen data={data} />; return <LoadingScreen data={data} />;
} }
function LoadingScreen({ data }: { data: ItemData | null }) { function LoadingScreen({ data }: { data: ItemData | null }) {
const router = useRouter(); const router = useRouter();
const [eventLog, setEventLog] = useState<string[]>([]); const [eventLog, setEventLog] = useState<string[]>([]);
const handleEvent = (event: unknown) => { const handleEvent = (event: unknown) => {
const formattedEvent = formatEvent(event); const formattedEvent = formatEvent(event);
setEventLog((prevLog) => [...prevLog, formattedEvent]); setEventLog((prevLog) => [...prevLog, formattedEvent]);
}; };
useEffect(() => { useEffect(() => {
const fetchVideo = async () => { const fetchVideo = async () => {
if (!data) return null; if (!data) return null;
const { id, type } = data; const { id, type } = data;
const media = await fetchMediaDetails(id, type).catch(() => null); const media = await fetchMediaDetails(id, type).catch(() => null);
if (!media) return null; if (!media) return null;
const { result } = media; const { result } = media;
let season: number | undefined; // defaults to 1 when undefined let season: number | undefined; // defaults to 1 when undefined
let episode: number | undefined; let episode: number | undefined;
if (type === "tv") { if (type === "tv") {
// season = <chosen by user / continue watching> ?? undefined; // season = <chosen by user / continue watching> ?? undefined;
// episode = <chosen by user / continue watching> ?? undefined; // episode = <chosen by user / continue watching> ?? undefined;
} }
const scrapeMedia = transformSearchResultToScrapeMedia( const scrapeMedia = transformSearchResultToScrapeMedia(
type, type,
result, result,
season, season,
episode, episode,
); );
const stream = await getVideoStream({ const stream = await getVideoStream({
media: scrapeMedia, media: scrapeMedia,
onEvent: handleEvent, onEvent: handleEvent,
}).catch(() => null); }).catch(() => null);
if (!stream) return null; if (!stream) return null;
return { stream, scrapeMedia } return { stream, scrapeMedia };
}; };
const initialize = async () => { const initialize = async () => {
const video = await fetchVideo(); const video = await fetchVideo();
if (!video || !data) { if (!video || !data) {
return router.push({ pathname: "/(tabs)" }); return router.push({ pathname: "/(tabs)" });
} }
const videoPlayerData: VideoPlayerData = { const videoPlayerData: VideoPlayerData = {
item: data, item: data,
stream: video.stream, stream: video.stream,
media: video.scrapeMedia media: video.scrapeMedia,
}; };
router.replace({ router.replace({
pathname: "/videoPlayer", pathname: "/videoPlayer",
params: { data: JSON.stringify(videoPlayerData) }, params: { data: JSON.stringify(videoPlayerData) },
}); });
}; };
void initialize(); void initialize();
}, [data, router]); }, [data, router]);
return ( return (
<ScreenLayout <ScreenLayout
title="Checking sources" title="Checking sources"
subtitle="Fetching sources for the requested content." subtitle="Fetching sources for the requested content."
> >
{eventLog.map((event, index) => ( {eventLog.map((event, index) => (
<Text key={index} style={{ color: 'white', marginVertical: 5 }}> <Text key={index} style={{ color: "white", marginVertical: 5 }}>
{event} {event}
</Text> </Text>
))} ))}
</ScreenLayout> </ScreenLayout>
); );
} }
function formatEvent(event: unknown): string { function formatEvent(event: unknown): string {
if (typeof event === 'string') { if (typeof event === "string") {
return `Start: ID - ${event}`; return `Start: ID - ${event}`;
} else if (typeof event === 'object' && event !== null) { } else if (typeof event === "object" && event !== null) {
const evt = event as Record<string, unknown>; const evt = event as Record<string, unknown>;
if ('percentage' in evt) { if ("percentage" in evt) {
return `Update: ${String(evt.percentage)}% - Status: ${String(evt.status)}`; return `Update: ${String(evt.percentage)}% - Status: ${String(evt.status)}`;
} else if ('sourceIds' in evt) { } else if ("sourceIds" in evt) {
return `Initialization: Source IDs - ${String(evt.sourceIds)}`; return `Initialization: Source IDs - ${String(evt.sourceIds)}`;
} else if ('sourceId' in evt) { } else if ("sourceId" in evt) {
return `Discovered Embeds: Source ID - ${String(evt.sourceId)}`; return `Discovered Embeds: Source ID - ${String(evt.sourceId)}`;
} }
}
return JSON.stringify(event);
} }
return JSON.stringify(event);
}

90
apps/expo/src/app/videoPlayer.tsx
View File

@@ -6,12 +6,8 @@ import * as NavigationBar from "expo-navigation-bar";
import { useLocalSearchParams, useRouter } from "expo-router"; import { useLocalSearchParams, useRouter } from "expo-router";
import * as StatusBar from "expo-status-bar"; import * as StatusBar from "expo-status-bar";
import type { import type { ScrapeMedia, Stream } from "@movie-web/provider-utils";
ScrapeMedia, import { findHighestQuality } from "@movie-web/provider-utils";
Stream} from "@movie-web/provider-utils";
import {
findHighestQuality,
} from "@movie-web/provider-utils";
import type { ItemData } from "~/components/item/item"; import type { ItemData } from "~/components/item/item";
import type { HeaderData } from "~/components/player/Header"; import type { HeaderData } from "~/components/player/Header";
@@ -28,9 +24,9 @@ export default function VideoPlayerWrapper() {
} }
export interface VideoPlayerData { export interface VideoPlayerData {
item: ItemData; item: ItemData;
stream: Stream; stream: Stream;
media: ScrapeMedia; media: ScrapeMedia;
} }
interface VideoPlayerProps { interface VideoPlayerProps {
@@ -54,56 +50,52 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
useEffect(() => { useEffect(() => {
const initializePlayer = async () => { const initializePlayer = async () => {
StatusBar.setStatusBarHidden(true); StatusBar.setStatusBarHidden(true);
await NavigationBar.setVisibilityAsync("hidden"); await NavigationBar.setVisibilityAsync("hidden");
setIsLoading(true); setIsLoading(true);
if (!data) { if (!data) {
await dismissFullscreenPlayer(); await dismissFullscreenPlayer();
return router.push("/(tabs)"); return router.push("/(tabs)");
} }
const { item, stream, media } = data; const { item, stream, media } = data;
setHeaderData({ setHeaderData({
title: item.title, title: item.title,
year: item.year, year: item.year,
season: season: media.type === "show" ? media.season.number : undefined,
media.type === "show" ? media.season.number : undefined, episode: media.type === "show" ? media.episode.number : undefined,
episode: });
media.type === "show"
? media.episode.number
: undefined,
});
let highestQuality; let highestQuality;
let url; let url;
switch (stream.type) { switch (stream.type) {
case "file": case "file":
highestQuality = findHighestQuality(stream); highestQuality = findHighestQuality(stream);
url = highestQuality ? stream.qualities[highestQuality]?.url : null; url = highestQuality ? stream.qualities[highestQuality]?.url : null;
return url ?? null; return url ?? null;
case "hls": case "hls":
url = stream.playlist; url = stream.playlist;
} }
// setTextTracks( // setTextTracks(
// stream.captions && stream.captions.length > 0 // stream.captions && stream.captions.length > 0
// ? convertCaptionsToTextTracks(stream.captions) // ? convertCaptionsToTextTracks(stream.captions)
// : [], // : [],
// ); // );
setVideoSrc({ setVideoSrc({
uri: url, uri: url,
headers: { headers: {
...stream.preferredHeaders, ...stream.preferredHeaders,
...stream.headers, ...stream.headers,
}, },
}); });
setIsLoading(false); setIsLoading(false);
}; };
setIsLoading(true); setIsLoading(true);
void presentFullscreenPlayer(); void presentFullscreenPlayer();

3
packages/provider-utils/src/index.ts
View File

@@ -1,6 +1,7 @@
import type { ScrapeMedia, Stream } from "@movie-web/providers";
export const name = "provider-utils"; export const name = "provider-utils";
export * from "./video"; export * from "./video";
export * from "./util"; export * from "./util";
import type { Stream, ScrapeMedia } from "@movie-web/providers";
export type { Stream, ScrapeMedia }; export type { Stream, ScrapeMedia };

16
packages/provider-utils/src/video.ts
View File

@@ -29,14 +29,14 @@ export async function getVideoStream({
}); });
const options: RunnerOptions = { const options: RunnerOptions = {
media, media,
events: { events: {
init: onEvent, init: onEvent,
update: onEvent, update: onEvent,
discoverEmbeds: onEvent, discoverEmbeds: onEvent,
start: onEvent, start: onEvent,
} },
}; };
const result = await providers.runAll(options); const result = await providers.runAll(options);
if (!result) return null; if (!result) return null;