tjhintz/thereactshow
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make episode pages not use ad-chapters.

Browse Source
This commit is contained in:
Thomas Hintz
2023-08-14 06:59:52 -07:00
parent ec2e5cdb43
commit a976b03c40
1 changed files with 31 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/(main)/podcast/[slug]/page.jsx
View File

@@ -1,10 +1,10 @@
export const dynamic = 'force-dynamic' // export const dynamic = 'force-dynamic'
import { setTimeout } from 'timers/promises'; // import { setTimeout } from 'timers/promises';
import { Suspense } from "react"; import { Suspense } from "react";
import chaptersStatic from './chapters.json' assert { type: 'json' }; // import chaptersStatic from './chapters.json' assert { type: 'json' };
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import { FormattedDate } from '@/components/FormattedDate' import { FormattedDate } from '@/components/FormattedDate'
@@ -60,29 +60,42 @@ function TranscriptNoPlayer({ episode }) {
} }
async function TranscriptWithPlayer({ episode }) { async function TranscriptWithPlayer({ episode }) {
const chaptersRes = episode?.chapters && await fetch(episode.chapters, { cache: 'no-store' }); // const chaptersRes = episode?.chapters && await fetch(episode.chapters, { cache: 'no-store' });
/* await setTimeout(5000); */ /* await setTimeout(5000); */
/* const { chapters } = chaptersStatic */ /* const { chapters } = chaptersStatic */
const { chapters } = chaptersRes ? await chaptersRes.json() : { chapters: null } /* const { chapters } = chaptersRes ? await chaptersRes.json() : { chapters: null }
let chapterOffsets = [[0, 0]] * let chapterOffsets = [[0, 0]]
if (chapters) { * if (chapters) {
chapters.reduce(({ startTime: prevStartTime, title: prevTitle, acc }, { title, startTime }) => { * chapters.reduce(({ startTime: prevStartTime, title: prevTitle, acc }, { title, startTime }) => {
const containsAd = prevTitle.includes('[Ad]') * const containsAd = prevTitle.includes('[Ad]')
if (containsAd) { * if (containsAd) {
chapterOffsets.push([prevStartTime, acc + (startTime - prevStartTime)]) * chapterOffsets.push([prevStartTime, acc + (startTime - prevStartTime)])
} * }
return { startTime, title, acc: containsAd ? acc + (startTime - prevStartTime) : acc } * return { startTime, title, acc: containsAd ? acc + (startTime - prevStartTime) : acc }
}, { startTime: 0, title: '', acc: 0 }) * }, { startTime: 0, title: '', acc: 0 })
} * }
chapterOffsets = chapterOffsets.reverse() * chapterOffsets = chapterOffsets.reverse() */
/* (
* <Transcript>
* {episode.transcript.map(({ id, startTime, endTime, text }) => (
* <p key={id}>
* <Player
* episode={episode}
* startTime={parseTime(startTime) + chapterOffsets.find(([start]) => parseTime(startTime) >= start)[1]}
* endTime={parseTime(endTime) + chapterOffsets.find(([start]) => parseTime(startTime) >= start)[1]} />
* <strong><time>{humanTime(startTime)}</time></strong> {text}
* </p>
* ))}
* </Transcript>
* ) */
return ( return (
<Transcript> <Transcript>
{episode.transcript.map(({ id, startTime, endTime, text }) => ( {episode.transcript.map(({ id, startTime, endTime, text }) => (
<p key={id}> <p key={id}>
<Player <Player
episode={episode} episode={episode}
startTime={parseTime(startTime) + chapterOffsets.find(([start]) => parseTime(startTime) >= start)[1]} startTime={parseTime(startTime)}
endTime={parseTime(endTime) + chapterOffsets.find(([start]) => parseTime(startTime) >= start)[1]} /> endTime={parseTime(endTime)} />
<strong><time>{humanTime(startTime)}</time></strong> {text} <strong><time>{humanTime(startTime)}</time></strong> {text}
</p> </p>
))} ))}