wip resume user where they left off

src/app/components/MediaLoader/index.tsx

@@ -118,11 +118,23 @@ const MediaContainer = ({
   eventMapping,
 }: MediaContainerProps) => {
   const playerElementRef = useRef<HTMLDivElement>(null);
+
   const isAudio = isAudioPlayer(playerConfig);
 
   useEffect(() => {
     try {
       window.requirejs(['bump-4'], async (Bump: BumpType) => {
+        const {
+          statsObject: { episodePID },
+        } = playerConfig;
+        let timestamp;
+        if (episodePID) {
+          timestamp = window?.localStorage?.getItem(episodePID);
+        }
+        if (timestamp) {
+          playerConfig.startTime = parseInt(timestamp, 10);
+        }
+
         if (playerElementRef?.current && playerConfig) {
           const mediaPlayer = Bump.player(
             playerElementRef.current,
@@ -174,8 +186,15 @@ const MediaContainer = ({
               );
             });
           }
-
           mediaPlayer.load();
+          window.addEventListener('beforeunload', () => {
+            if (mediaPlayer.currentTime() > 30 && episodePID) {
+              localStorage.setItem(
+                episodePID,
+                mediaPlayer.currentTime().toString(),
+              );
+            }
+          });
         }
       });
     } catch (error) {

src/app/components/MediaLoader/types.ts

@@ -75,6 +75,7 @@ export type PlayerConfig = {
   plugins?: {
     toLoad: { html: string; playerOnly?: boolean }[];
   };
+  startTime: number;
 };
 
 export type PlayerUiConfig = {
@@ -155,6 +156,8 @@ export type Player = {
   pause: () => void;
   previous: () => void;
   next: () => void;
+  currentTime: () => number;
+  identifier: () => string;
   bind: (event: MediaPlayerEvents, callback: (e: SMPEvent) => void) => void;
   loadPlugin: (
     pluginName: { [key: string]: string },