Of course this broke socialurls

Author: hasparus

src/app/(development)/workroom/page.tsx

@@ -77,6 +77,18 @@ export default function WorkroomPage() {
         year="2025"
         location="Amsterdam, Netherlands"
       />
+
+      <p>SpeakerOpengraphImage / very long title</p>
+      <ScheduleOpengraphImage
+        session={{
+          name: "TSC Panel - Lee Byron, GraphQL Foundation; Kewei Qu, Meta; Rob Richard, 1stDibs; Michael Staib, ChilliCream; Moderated by Sasha Solomon, Staff Software Engineer & Tech Lead",
+          speakers: [enisdenjo, saihaj, enisdenjo, saihaj, enisdenjo, saihaj],
+          event_type: "Keynote Sessions",
+        }}
+        date="September 8-10"
+        year="2025"
+        location="Amsterdam, Netherlands"
+      />
     </main>
   )
 }

src/app/conf/2023/_data.ts

@@ -1,53 +1,18 @@
 import "server-only"
 import { stripHtml } from "string-strip-html"
-import { SchedSpeaker, ScheduleSession } from "@/app/conf/2023/types"
-import pLimit from "p-limit"
 
-async function fetchData<T>(url: string): Promise<T> {
-  try {
-    const response = await fetch(url, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "User-Agent": "GraphQL Conf / GraphQL Foundation",
-      },
-      cache: "force-cache",
-    })
-    const data = await response.json()
-    return data
-  } catch (error) {
-    throw new Error(
-      `Error fetching data from ${url}: ${(error as Error).message || (error as Error).toString()}`,
-    )
-  }
-}
+import { SchedSpeaker, ScheduleSession } from "@/app/conf/2023/types"
+import { fetchData } from "../_api/sched-client"
 
 const token = process.env.SCHED_ACCESS_TOKEN_2023
 
-async function getUsernames(): Promise<string[]> {
-  const response = await fetchData<{ username: string }[]>(
-    `https://graphqlconf23.sched.com/api/user/list?api_key=${token}&format=json&fields=username`,
-  )
-  return response.map(user => user.username)
-}
-
-const limit = pLimit(40) // rate limit is 30req/min
-
 async function getSpeakers(): Promise<SchedSpeaker[]> {
-  const usernames = await getUsernames()
-
-  const users = await Promise.all(
-    usernames.map(username =>
-      limit(() => {
-        return fetchData<SchedSpeaker>(
-          `https://graphqlconf23.sched.com/api/user/get?api_key=${token}&by=username&term=${username}&format=json&fields=username,company,position,name,about,location,url,avatar,role,socialurls`,
-        )
-      }),
-    ),
+  const users = await fetchData<SchedSpeaker[]>(
+    `https://graphqlconf23.sched.com/api/user/list?api_key=${token}&format=json&fields=username,company,position,name,about,location,url,avatar,role,socialurls`,
   )
 
   const result = users
-    .filter(speaker => speaker.role.includes("speaker"))
+    .filter(user => user.role.includes("speaker"))
     .map(user => {
       return {
         ...user,

src/app/conf/2025/_data.ts

@@ -6,7 +6,7 @@ import { fetchData } from "../_api/sched-client"
 import { speakers as speakers2024 } from "../2024/_data"
 import { speakers as speakers2023 } from "../2023/_data"
 
-const USE_2025 = true
+const USE_2025 = false || process.env.USE_2025 === "true"
 
 const apiUrl = USE_2025
   ? "https://graphqlconf2025.sched.com/api"
@@ -68,6 +68,8 @@ function preprocessDescription(description: string | undefined | null): string {
 
 export const speakers = await getSpeakers()
 
+console.log("speakers", speakers)
+
 // TODO: Collect tags from schedule for speakers.
 export const schedule = await getSchedule()
 

src/app/conf/2025/components/speaker-opengraph-image.tsx

@@ -47,15 +47,15 @@ export default function SpeakerOpengraphImage({
             </div>
           </div>
 
-          <footer className="flex items-center border-t border-neu-300 px-16 py-8 pl-10">
+          <footer className="flex items-center border-t-2 border-neu-300 px-16 py-8 pl-10">
             <span className="font-mono text-2xl font-normal uppercase leading-none text-neu-900">
               Speakers
             </span>
           </footer>
         </div>
 
         {speaker.avatar && (
-          <div className="relative flex overflow-hidden">
+          <div className="relative flex overflow-hidden border-l-2 border-neu-300">
             <div className="absolute inset-0 z-[1] bg-sec-lighter mix-blend-multiply" />
             <img
               src={speaker.avatar}

src/app/conf/_api/sched-client.tsx

@@ -2,8 +2,7 @@
  * Sched's API has a rate limit of 30 requests per minute.
  */
 
-let last429Timestamp: number | null = null
-const RATE_LIMIT_MS = 60_000
+let rateLimitResetAt: number | null = null
 
 type RequestURL = string
 type RequestPending = Promise<unknown>
@@ -17,8 +16,8 @@ const requestsRetried = new Map<
 
 export async function fetchData<T>(url: string): Promise<T> {
   try {
-    if (last429Timestamp && Date.now() - last429Timestamp < RATE_LIMIT_MS) {
-      const wait = RATE_LIMIT_MS - (Date.now() - last429Timestamp)
+    if (rateLimitResetAt && Date.now() < rateLimitResetAt) {
+      const wait = rateLimitResetAt - Date.now()
       await new Promise(resolve => setTimeout(resolve, wait))
     }
 
@@ -34,31 +33,40 @@ export async function fetchData<T>(url: string): Promise<T> {
     // Take note that this is feasible only because
     // we're currently only using this API at build time.
     if (response.status === 429) {
-      last429Timestamp = Date.now()
+      let wait = 60_000
+      const xRateLimitResetAt = response.headers.get("x-rate-limit-reset-at")
+      if (xRateLimitResetAt) {
+        rateLimitResetAt = Number(xRateLimitResetAt) * 1000
+        console.warn(
+          `Rate limit reset at ${new Date(rateLimitResetAt).toISOString()}`,
+        )
+        wait = rateLimitResetAt - Date.now()
+      }
 
       const later = Promise.withResolvers<T>()
       requestsRetried.set(url, later.promise)
       const queueSize = requestsRetried.size
 
       console.warn(
-        `Rate limit exceeded, retrying in 60 seconds: ${url} (queue size: ${queueSize})`,
+        `Rate limit exceeded, retrying in ${Math.round(wait / 1000)}s: ${url} (queue size: ${queueSize})`,
       )
 
       const size = Object.entries(requestsRetried).filter(
         ([_, status]) => status instanceof Promise,
       ).length
 
       console.warn(`${size} requests retrying...`)
+
       setTimeout(
         () =>
           later.resolve(
             fetchData<T>(url).then(data => {
+              rateLimitResetAt = null
               requestsRetried.set(url, "ok")
-              last429Timestamp = null
               return data
             }),
           ),
-        60_000,
+        wait,
       )
 
       return later.promise