add debug msg

CHECKS

@@ -0,0 +1 @@
+/ futureporn.net

app/lib/dates.ts

@@ -16,3 +16,7 @@ export function getDateFromSafeDate(safeDate: string): Date {
   return utcDate;
 }
 
+
+export function formatTimestamp(seconds: number): string {
+  return new Date(seconds * 1000).toISOString().slice(11, 19);
+}

app/lib/timestamps.ts

@@ -43,7 +43,7 @@ export function unmarshallTimestamps (ts: any) {
 }
 
 
-export function getTimestampsForVod (vodId: number, page: number = 1, pageSize: number = 25): Promise<ITimestamps> {
+export function getTimestampsForVod (vodId: number, page: number = 1, pageSize: number = 25): Promise<ITimestamp[]> {
     const query = qs.stringify(
         {
             filters: {

app/lib/vods.ts

@@ -54,6 +54,8 @@ export function getDeprecatedUrl(vod: IVod): string {
 }
 
 export function unmarshallVod(d: any): IVod {
+    console.log(`unmarshalling vod`)
+    console.log(d)
 
     if (!d.attributes?.vtuber?.data) {
         throw new Error("panick! vod data doesn't contain vtuber. please populate.")
@@ -80,6 +82,84 @@ export function unmarshallVod(d: any): IVod {
     return vod
 }
 
+export async function getNextVod(vod: IVod): Promise<IVod | null> {
+    const query = qs.stringify({
+        filters: {
+            date2: {
+                $gt: vod.date2
+            },
+            vtuber: {
+                slug: {
+                    $eq: vod.vtuber.slug
+                }
+            }
+        },
+        sort: {
+            date2: 'asc'
+        },
+        fields: ['date2', 'title', 'announceTitle'],
+        populate: {
+            vtuber: {
+                fields: ['slug']
+            }
+        }
+    })
+    const options = {
+        next: {
+            tags: ['vods']
+        }
+    }    
+    try {
+        return fetch(`${strapiUrl}/api/vods?${query}`, options)
+            .then((res) => res.json())
+            .then((d) => d.data[0])
+            .then(unmarshallVod)
+    } catch (e) {
+        return null;
+    }
+}
+
+export function getLocalizedDate(vod: IVod): string {
+    return new Date(vod.date2).toLocaleDateString()
+}
+
+export async function getPreviousVod(vod: IVod): Promise<IVod | null> {
+    const query = qs.stringify({
+        filters: {
+            date2: {
+                $lt: vod.date2
+            },
+            vtuber: {
+                slug: {
+                    $eq: vod.vtuber.slug
+                }
+            }
+        },
+        sort: {
+            date2: 'desc'
+        },
+        fields: ['date2', 'title', 'announceTitle'],
+        populate: {
+            vtuber: {
+                fields: ['slug']
+            }
+        }
+    })
+    const options = {
+        next: {
+            tags: ['vods']
+        }
+    }
+    try {
+        return fetch(`${strapiUrl}/api/vods?${query}`, options)
+            .then((res) => res.json())
+            .then((d) => d.data[0])
+            .then(unmarshallVod)
+    } catch (e) {
+        return null;
+    }
+}
+
 export async function getVodForDate(date: Date): Promise<IVod> {
     const iso8601DateString = date.toISOString().split('T')[0];
     const query = qs.stringify(

app/lib/vtubers.ts

@@ -44,7 +44,8 @@ export function getUrl(slug: string): string {
 
 
 export function unmarshallVtuber(d: any): IVtuber {
-
+    console.log(`unmarshalling vtuber`)
+    console.log(d)
 
     if (!d) {
         console.error('panick! unmarshallVTuber was called with undefined data')

package.json

@@ -16,6 +16,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@icons-pack/react-simple-icons": "^8.0.1",
     "@mux/blurhash": "^0.1.2",
+    "@mux/mux-player": "^1.14.2",
     "@mux/mux-player-react": "^1.14.2",
     "@react-hookz/web": "^23.1.0",
     "@types/qs": "^6.9.8",

pnpm-lock.yaml

@@ -26,6 +26,9 @@ dependencies:
   '@mux/blurhash':
     specifier: ^0.1.2
     version: 0.1.2
+  '@mux/mux-player':
+    specifier: ^1.14.2
+    version: 1.14.2
   '@mux/mux-player-react':
     specifier: ^1.14.2
     version: 1.14.2(@types/react-dom@18.2.7)(@types/react@18.2.22)(react-dom@18.2.0)(react@18.2.0)