commit

src/components/VideoElement.js

@@ -28,7 +28,15 @@ export function VideoElement({ streamUrl, loading, setProgress }) {
             hls.attachMedia(videoRef.current);
             hls.loadSource(streamUrl);
         }
-    }, [videoRef, streamUrl, loading])
+    }, [videoRef, streamUrl, loading]);
+
+    React.useEffect(() => {
+        console.log('running')
+        const element = document.getElementsByClassName('videoElement')[0];
+        if (!element) return;        
+
+        element.onProgress = setProgress;
+    })
 
     if (error)
         return (<VideoPlaceholder>Your browser is not supported</VideoPlaceholder>)

src/views/Movie.js

@@ -20,6 +20,7 @@ export function MovieView(props) {
     const [ episodeLists, setEpisodeList ] = React.useState([]);
     const [ loading, setLoading ] = React.useState(false);
     const [ selectedSeason, setSelectedSeason ] = React.useState("1");
+    let isVideoTimeSet = React.useRef(false)
 
     const season = showRouteMatch?.params.season || "1";
     const episode = showRouteMatch?.params.episode || "1";
@@ -31,12 +32,12 @@ export function MovieView(props) {
 
     React.useEffect(() => {
         if (streamData.type === "show" && !showRouteMatch) history.replace(`${baseRouteMatch.url}/season/1/episode/1`);
-    }, [streamData, showRouteMatch, history, baseRouteMatch.url]);
+    }, [streamData.type, showRouteMatch, history, baseRouteMatch.url]);
 
-    React.useEffect(() => {
+    // React.useEffect(() => {
-        if (streamData.type === "show" && showRouteMatch) setSelectedSeason(showRouteMatch.params.season.toString());
+    //     if (streamData.type === "show" && showRouteMatch) setSelectedSeason(showRouteMatch.params.season.toString());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+    //     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    // }, []);
 
     React.useEffect(() => {
         let cancel = false;
@@ -74,12 +75,10 @@ export function MovieView(props) {
             setSeasonList(streamData.seasons);
             setEpisodeList(streamData.episodes[selectedSeason]);
         }
-    }, [streamData, selectedSeason])
+    }, [streamData.seasons, streamData.episodes, streamData.type, selectedSeason])
 
     React.useEffect(() => {
-        let cancel = false;
+        if (!isVideoTimeSet.current) {
-
-        if (!cancel) {
             let ls = JSON.parse(localStorage.getItem("video-progress") || "{}")
             let key = streamData.type === "show" ? `${season}-${episode}` : "full"
             let time = ls?.[streamData.source]?.[streamData.type]?.[streamData.slug]?.[key]?.currentlyAt;
@@ -88,7 +87,7 @@ export function MovieView(props) {
                 const element = document.getElementsByClassName('videoElement')[0];
 
                 if (!element) {
-                    return () => { cancel = false }
+                    return () => { isVideoTimeSet.current = false }
                 }
 
                 element.currentTime = time;
@@ -96,11 +95,12 @@ export function MovieView(props) {
         }
 
         return () => {
-            cancel = true;
+            isVideoTimeSet.current = true;
         }
     })
 
     const setProgress = (evt) => {
+        console.log('setting progress')
         let ls = JSON.parse(localStorage.getItem("video-progress") || "{}")
 
         if (!ls[streamData.source])

src/views/Search.js

@@ -149,6 +149,11 @@ export function SearchView() {
                         source
                     }
 
+                    // due to a constraint with incompatible localStorage data,
+                    // we must quit here if episode and season data is not included
+                    // in the show's data. watching the show will resolve.
+                    if (!subselection.meta) continue;
+
                     if (entry.percentageDone < 90) {
                         newContinueWatching.push(entry)
                     // begin next episode logic
@@ -189,6 +194,8 @@ export function SearchView() {
                 return b.data.updatedAt - a.data.updatedAt
             });
 
+            console.log(newContinueWatching);
+
             setContinueWatching(newContinueWatching)
         })
     }, []);