@lem6ns for helpfully implementing extra scrapers.
-@lem6ns for helpfully implementing extra scrapers.
-
{props.icon ? (
diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index f4305eca..ca7ad96f 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -45,14 +45,27 @@ function MediaCardContent({
}`}
>
+
{t("seasons.seasonAndEpisode", {
season: series.season,
episode: series.episode,
@@ -125,5 +138,9 @@ export function MediaCard(props: MediaCardProps) {
)}`;
if (!props.linkable) return {content};
- return {content};
+ return (
+
+ {content}
+
+ );
}
diff --git a/src/hooks/useIsMobile.ts b/src/hooks/useIsMobile.ts
index a336afdb..a2df937f 100644
--- a/src/hooks/useIsMobile.ts
+++ b/src/hooks/useIsMobile.ts
@@ -1,12 +1,14 @@
import { useEffect, useRef, useState } from "react";
-export function useIsMobile() {
+export function useIsMobile(horizontal?: boolean) {
const [isMobile, setIsMobile] = useState(false);
const isMobileCurrent = useRef
+
{props.onClick ? (
+ {props.text ? {props.text} : null}
+ Scraping... ({percentage}%) Errored, check console Scraping... ({percentage}%) Errored, check console
{series ? (
-
-
+
-
diff --git a/src/video/components/popouts/PopoutProviderAction.tsx b/src/video/components/popouts/PopoutProviderAction.tsx
index 8898bf26..c2b495aa 100644
--- a/src/video/components/popouts/PopoutProviderAction.tsx
+++ b/src/video/components/popouts/PopoutProviderAction.tsx
@@ -5,6 +5,7 @@ import { SourceSelectionPopout } from "@/video/components/popouts/SourceSelectio
import { CaptionSelectionPopout } from "@/video/components/popouts/CaptionSelectionPopout";
import { useVideoPlayerDescriptor } from "@/video/state/hooks";
import { useControls } from "@/video/state/logic/controls";
+import { useIsMobile } from "@/hooks/useIsMobile";
import {
useInterface,
VideoInterfaceEvent,
@@ -37,6 +38,8 @@ function PopoutContainer(props: { videoInterface: VideoInterfaceEvent }) {
const [bottom, setBottom] = useState
-
+
);
diff --git a/src/video/components/parts/VideoPlayerIconButton.tsx b/src/video/components/parts/VideoPlayerIconButton.tsx
index 7db20b03..e75a4673 100644
--- a/src/video/components/parts/VideoPlayerIconButton.tsx
+++ b/src/video/components/parts/VideoPlayerIconButton.tsx
@@ -40,7 +40,9 @@ export const VideoPlayerIconButton = forwardRef<
].join(" ")}
>
+
+ );
+}
diff --git a/src/views/developer/EmbedTesterView.tsx b/src/views/developer/EmbedTesterView.tsx
new file mode 100644
index 00000000..dd4cef10
--- /dev/null
+++ b/src/views/developer/EmbedTesterView.tsx
@@ -0,0 +1,136 @@
+import { MWEmbed, MWEmbedScraper, MWEmbedType } from "@/backend/helpers/embed";
+import { getEmbeds } from "@/backend/helpers/register";
+import { runEmbedScraper } from "@/backend/helpers/run";
+import { MWStream } from "@/backend/helpers/streams";
+import { Button } from "@/components/Button";
+import { Navigation } from "@/components/layout/Navigation";
+import { ArrowLink } from "@/components/text/ArrowLink";
+import { Title } from "@/components/text/Title";
+import { useLoading } from "@/hooks/useLoading";
+import { ReactNode, useCallback, useEffect, useMemo, useState } from "react";
+
+interface MediaSelectorProps {
+ embedType: MWEmbedType;
+ onSelect: (meta: MWEmbed) => void;
+}
+
+interface EmbedScraperSelectorProps {
+ onSelect: (embedScraperId: string) => void;
+}
+
+interface MediaScraperProps {
+ embed: MWEmbed;
+ scraper: MWEmbedScraper;
+}
+
+function MediaSelector(props: MediaSelectorProps) {
+ const [url, setUrl] = useState("");
+
+ const select = useCallback(
+ (urlSt: string) => {
+ props.onSelect({
+ type: props.embedType,
+ url: urlSt,
+ });
+ },
+ [props]
+ );
+
+ return (
+
+
+ );
+}
+
+function MediaScraper(props: MediaScraperProps) {
+ const [results, setResults] = useState
+ setUrl(e.target.value)}
+ />
+
+
+
+
+ );
+}
+
+function EmbedScraperSelector(props: EmbedScraperSelectorProps) {
+ const embedScrapers = getEmbeds();
+
+ return (
+
+
+ {JSON.stringify(results, null, 2)}
+
+
+ );
+}
+
+export function EmbedTesterView() {
+ const [embed, setEmbed] = useState
+
+ );
+}
diff --git a/src/views/developer/ProviderTesterView.tsx b/src/views/developer/ProviderTesterView.tsx
new file mode 100644
index 00000000..7883428a
--- /dev/null
+++ b/src/views/developer/ProviderTesterView.tsx
@@ -0,0 +1,118 @@
+import { MWProviderScrapeResult } from "@/backend/helpers/provider";
+import { getProviders } from "@/backend/helpers/register";
+import { runProvider } from "@/backend/helpers/run";
+import { DetailedMeta } from "@/backend/metadata/getmeta";
+import { Navigation } from "@/components/layout/Navigation";
+import { ArrowLink } from "@/components/text/ArrowLink";
+import { Title } from "@/components/text/Title";
+import { useLoading } from "@/hooks/useLoading";
+import { testData } from "@/__tests__/providers/testdata";
+import { ReactNode, useEffect, useState } from "react";
+
+interface MediaSelectorProps {
+ onSelect: (meta: DetailedMeta) => void;
+}
+
+interface ProviderSelectorProps {
+ onSelect: (providerId: string) => void;
+}
+
+interface MediaScraperProps {
+ media: DetailedMeta | null;
+ id: string;
+}
+
+function MediaSelector(props: MediaSelectorProps) {
+ const options: DetailedMeta[] = testData;
+
+ return (
+ {content}
+
+
+ );
+}
+
+function MediaScraper(props: MediaScraperProps) {
+ const [results, setResults] = useState
+
+ );
+}
+
+function ProviderSelector(props: ProviderSelectorProps) {
+ const providers = getProviders();
+
+ return (
+
+
+ {JSON.stringify(results, null, 2)}
+
+
+ );
+}
+
+export function ProviderTesterView() {
+ const [media, setMedia] = useState
+
+ );
+}
diff --git a/src/views/developer/VideoTesterView.tsx b/src/views/developer/VideoTesterView.tsx
new file mode 100644
index 00000000..7681af6e
--- /dev/null
+++ b/src/views/developer/VideoTesterView.tsx
@@ -0,0 +1,111 @@
+import { MWStreamQuality, MWStreamType } from "@/backend/helpers/streams";
+import { DetailedMeta } from "@/backend/metadata/getmeta";
+import { MWMediaType } from "@/backend/metadata/types";
+import { Button } from "@/components/Button";
+import { Dropdown } from "@/components/Dropdown";
+import { Navigation } from "@/components/layout/Navigation";
+import { ThinContainer } from "@/components/layout/ThinContainer";
+import { MetaController } from "@/video/components/controllers/MetaController";
+import { SourceController } from "@/video/components/controllers/SourceController";
+import { VideoPlayer } from "@/video/components/VideoPlayer";
+import { useCallback, useState } from "react";
+import { Helmet } from "react-helmet";
+
+interface VideoData {
+ streamUrl: string;
+ type: MWStreamType;
+}
+
+const testData: VideoData = {
+ streamUrl:
+ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
+ type: MWStreamType.MP4,
+};
+const testMeta: DetailedMeta = {
+ imdbId: "",
+ tmdbId: "",
+ meta: {
+ id: "hello-world",
+ title: "Big Buck Bunny",
+ type: MWMediaType.MOVIE,
+ seasons: undefined,
+ year: "2000",
+ },
+};
+
+export function VideoTesterView() {
+ const [video, setVideo] = useState{content}
+
+
+ );
+ }
+
+ return (
+
+
+ );
+}
diff --git a/src/views/media/MediaView.tsx b/src/views/media/MediaView.tsx
index 7ab7ebee..5480684c 100644
--- a/src/views/media/MediaView.tsx
+++ b/src/views/media/MediaView.tsx
@@ -32,7 +32,7 @@ function MediaViewLoading(props: { onGoBack(): void }) {
+
+
+ setUrl(e.target.value)}
+ />
+
+
+
+
+
diff --git a/src/views/search/HomeView.tsx b/src/views/search/HomeView.tsx
index ec6455ab..60e213ad 100644
--- a/src/views/search/HomeView.tsx
+++ b/src/views/search/HomeView.tsx
@@ -172,7 +172,7 @@ function NewDomainModal() {
export function HomeView() {
return (
-
+
+
-
-
-
+
+
+