update todos and remove test view

src/index.tsx

@@ -19,12 +19,13 @@ if (key) {
 initializeChromecast();
 
 // TODO video todos:
-//  - mobile controls start showing when resizing
-//  - bug: popouts sometimes stop working when selecting different episode
 //  - captions
 //  - chrome cast support
-//  - safari fullscreen will make video overlap player controls
+//  - bug: mobile controls start showing when resizing
-//  - safari progress bar is fucked (video doesnt change time but video.currentTime does change)
+//  - bug: popouts sometimes stop working when selecting different episode
+//  - bug: unmounting player throws errors in console
+//  - bug: safari fullscreen will make video overlap player controls
+//  - bug: safari progress bar is fucked (video doesnt change time but video.currentTime does change)
 
 // TODO stuff to test:
 //  - browser: firefox, chrome, edge, safari desktop
@@ -40,7 +41,7 @@ initializeChromecast();
 //  - AFTER all that: rank providers/embedscrapers
 
 // TODO general todos:
-//  - localize everything (fix loading screen text (series vs movies)) (and have EN file instead)
+//  - localize everything (fix loading screen text (series vs movies)) (and have EN file instead of en-gb)
 
 ReactDOM.render(
   <React.StrictMode>

src/setup/App.tsx

@@ -6,9 +6,7 @@ import { NotFoundPage } from "@/views/notfound/NotFoundView";
 import { MediaView } from "@/views/media/MediaView";
 import { SearchView } from "@/views/search/SearchView";
 import { MWMediaType } from "@/backend/metadata/types";
-import { TestView } from "@/views/TestView";
 
-// TODO remove test view
 function App() {
   return (
     <WatchedContextProvider>
@@ -18,7 +16,6 @@ function App() {
             <Redirect to={`/search/${MWMediaType.MOVIE}`} />
           </Route>
           <Route exact path="/media/:media" component={MediaView} />
-          <Route exact path="/test" component={TestView} />
           <Route
             exact
             path="/media/:media/:season/:episode"

src/views/TestView.tsx

@@ -1,46 +0,0 @@
-// import {
-//   useChromecast,
-//   useChromecastAvailable,
-// } from "@/hooks/useChromecastAvailable";
-// import { useEffect, useRef } from "react";
-
-import { MWStreamQuality, MWStreamType } from "@/backend/helpers/streams";
-// import { MWMediaType } from "@/backend/metadata/types";
-// import { MetaController } from "@/video/components/controllers/MetaController";
-import { SourceController } from "@/video/components/controllers/SourceController";
-import { VideoPlayer } from "@/video/components/VideoPlayer";
-
-// function ChromeCastButton() {
-//   const ref = useRef<HTMLDivElement>(null);
-//   const available = useChromecastAvailable();
-
-//   useEffect(() => {
-//     if (!available) return;
-//     const tag = document.createElement("google-cast-launcher");
-//     tag.setAttribute("id", "castbutton");
-//     ref.current?.appendChild(tag);
-//   }, [available]);
-
-//   return <div ref={ref} />;
-// }
-
-export function TestView() {
-  return (
-    <VideoPlayer onGoBack={() => alert("hello world")}>
-      <SourceController
-        quality={MWStreamQuality.QUNKNOWN}
-        source="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4"
-        type={MWStreamType.MP4}
-      />
-      {/* <MetaController
-        meta={{
-          id: "test",
-          title: "Hello world",
-          type: MWMediaType.MOVIE,
-          year: "1234",
-          seasons: undefined,
-        }} */}
-      {/* /> */}
-    </VideoPlayer>
-  );
-}