Support MM:SS timestamps for talk slides and update timestamps

Author: just-be-dev

src/components/TalkSlides.astro

@@ -3,7 +3,7 @@ import { resolveSlideImageUrl } from "@/utils/assets";
 
 interface Slide {
   image: string;
-  timestamp?: number;
+  timestamp?: number | string; // Can be seconds or "MM:SS" format
 }
 
 interface Props {
@@ -32,12 +32,32 @@ interface Props {
 
 const { slides, basePath, talkId, syncWithAudio = false, audioPlayerId } = Astro.props;
 
+// Convert "MM:SS" timestamp to seconds
+function parseTimestamp(timestamp: number | string | undefined): number | undefined {
+  if (timestamp === undefined) return undefined;
+  if (typeof timestamp === "number") return timestamp;
+
+  // Parse "MM:SS" or "HH:MM:SS" format
+  const parts = timestamp.split(":").map(Number);
+  if (parts.length === 2) {
+    // MM:SS
+    return parts[0] * 60 + parts[1];
+  } else if (parts.length === 3) {
+    // HH:MM:SS
+    return parts[0] * 3600 + parts[1] * 60 + parts[2];
+  }
+  return undefined;
+}
+
 // Normalize slides to array format
 const slideList: Slide[] = typeof slides === "number"
   ? Array.from({ length: slides }, (_, i) => ({
       image: `codegen-${i + 1}.png`,
     }))
-  : slides;
+  : slides.map(slide => ({
+      ...slide,
+      timestamp: parseTimestamp(slide.timestamp),
+    }));
 
 // Resolve image URLs with local-first fallback
 // Priority: 1) Local file in /assets/, 2) R2 URL from manifest, 3) Fallback path

src/content.config.ts

@@ -51,7 +51,7 @@ const talks = defineCollection({
       z.number(),
       z.array(z.object({
         image: z.string(),
-        timestamp: z.number().optional(),
+        timestamp: z.union([z.number(), z.string()]).optional(),
       }))
     ]).optional(),
     audioPath: z.string().optional(),

src/content/manifest.json

@@ -152,8 +152,8 @@
       "ext": "png"
     },
     "talks/codegen-in-rust/transcript.json": {
-      "hash": "15dceaa191253ea1b4ff7ee0874ce4b70607239a27569dfd0181848a785af6b7",
-      "size": 794028,
+      "hash": "0f340aaa4c3a847e5e9f2db704a762ca0017e609acf871ce653e5e82c6a7d45f",
+      "size": 794127,
       "ext": "json"
     },
     "talks/codegen-in-rust/codegen-42.png": {

src/content/talks/t2468--codegen-in-rust.mdx

@@ -5,60 +5,111 @@ event: RustNYC
 location: New York, NY
 slides:
   - image: codegen-1.png
-    timestamp: 0
+    timestamp: 00:00
   - image: codegen-2.png
-    timestamp: 16
+    timestamp: 00:16
   - image: codegen-3.png
+    timestamp: 01:29
   - image: codegen-4.png
+    timestamp: 02:11
   - image: codegen-5.png
+    timestamp: 02:14
   - image: codegen-6.png
+    timestamp: 02:18
   - image: codegen-7.png
+    timestamp: 02:47
   - image: codegen-8.png
+    timestamp: 03:10
   - image: codegen-9.png
+    timestamp: 03:15
   - image: codegen-10.png
+    timestamp: 03:50
   - image: codegen-11.png
+    timestamp: 03:58
   - image: codegen-12.png
+    timestamp: 04:20
   - image: codegen-13.png
+    timestamp: 04:40
   - image: codegen-14.png
+    timestamp: 05:37
   - image: codegen-15.png
+    timestamp: 06:26
   - image: codegen-16.png
+    timestamp: 06:40
   - image: codegen-17.png
+    timestamp: 07:01
   - image: codegen-18.png
+    timestamp: 07:40
   - image: codegen-19.png
+    timestamp: 08:43
   - image: codegen-20.png
+    timestamp: 09:15
   - image: codegen-21.png
+    timestamp: 09:24
   - image: codegen-22.png
+    timestamp: 10:00
   - image: codegen-23.png
+    timestamp: 10:05
   - image: codegen-24.png
+    timestamp: 10:08
   - image: codegen-25.png
+    timestamp: 10:45
   - image: codegen-26.png
+    timestamp: 11:58
   - image: codegen-27.png
+    timestamp: 13:11
   - image: codegen-28.png
+    timestamp: 14:50
   - image: codegen-29.png
+    timestamp: 15:36
   - image: codegen-30.png
+    timestamp: 16:07
   - image: codegen-31.png
+    timestamp: 16:20
   - image: codegen-32.png
+    timestamp: 16:40
   - image: codegen-33.png
+    timestamp: 16:51
   - image: codegen-34.png
+    timestamp: 17:32
   - image: codegen-35.png
+    timestamp: 18:28
   - image: codegen-36.png
+    timestamp: 18:41
   - image: codegen-37.png
+    timestamp: 18:48
   - image: codegen-38.png
+    timestamp: 19:08
   - image: codegen-39.png
+    timestamp: 19:34
   - image: codegen-40.png
+    timestamp: 19:41
   - image: codegen-41.png
+    timestamp: 20:08
   - image: codegen-42.png
+    timestamp: 20:30
   - image: codegen-43.png
+    timestamp: 21:13
   - image: codegen-44.png
+    timestamp: 21:26
   - image: codegen-45.png
+    timestamp: 22:48
   - image: codegen-46.png
+    timestamp: 23:15
   - image: codegen-47.png
+    timestamp: 23:23
   - image: codegen-48.png
+    timestamp: 24:42
   - image: codegen-49.png
+    timestamp: 25:28
   - image: codegen-50.png
+    timestamp: 28:24
   - image: codegen-51.png
+    timestamp: 28:42
   - image: codegen-52.png
+    timestamp: 28:42
   - image: codegen-53.png
+    timestamp: 30:41
 audioPath: /assets/talks/codegen-in-rust/audio.m4a
 transcriptPath: /assets/talks/codegen-in-rust/transcript.json
 ---