Extract schedule components, delete stub files and unused routes

Move schedule components from route-specific dirs to components/schedule/
for reuse across city pages. Make BackLink, ScheduleList, and
useCurrentTimeMarker generic via props. Extract buildVideoIndex as
explicit function. Delete empty stub files and placeholder schedule routes.

Fix leading space in formatDescription class output and "hourse" typo.

Author: hasparus

src/app/day/2026/_data.ts

@@ -2,26 +2,16 @@ import NextLink from "next/link"
 
 import ArrowDownIcon from "@/app/conf/_design-system/pixelarticons/arrow-down.svg?svgr"
 
-export function BackLink({
-  year,
-  kind,
-}: {
-  year: `20${number}`
-  kind: "speakers" | "sessions" | "schedule"
-}) {
+export function BackLink({ href, label }: { href: string; label: string }) {
   return (
     <NextLink
-      href={`/conf/${year}/${kind}`}
+      href={href}
       className="group typography-menu -m-2 inline-flex cursor-pointer items-center gap-2 p-2 text-sec-darker transition-all [text-box:trim-both_cap_alphabetic] hover:underline hover:underline-offset-4 dark:text-neu-700"
     >
       <div className="[--arrow-left-x:-1px] group-hover:animate-arrow-left group-focus:animate-arrow-left">
         <ArrowDownIcon className="inline-block size-4 translate-y-[-.5px] rotate-90" />
       </div>
-      Back to {capitalize(kind)}
+      {label}
     </NextLink>
   )
 }
-
-function capitalize(str: string) {
-  return str.substring(0, 1).toUpperCase() + str.substring(1).toLowerCase()
-}

src/app/day/2026/_videos.ts

@@ -9,7 +9,7 @@ describe(formatDescription.name, () => {
       formatDescription(
         `Check out Y! <a href="https://y.dev">https://y.dev</a>`,
       ),
-      `Check out Y! <a href="https://y.dev" rel="noopener noreferrer" target="_blank" class=" typography-link">y.dev</a>`,
+      `Check out Y! <a href="https://y.dev" rel="noopener noreferrer" target="_blank" class="typography-link">y.dev</a>`,
     )
   })
 
@@ -23,7 +23,7 @@ describe(formatDescription.name, () => {
   it("adds attributes to existing links without URL content", () => {
     assert.equal(
       formatDescription(`<a href="https://example.com">Click here</a>`),
-      `<a href="https://example.com" rel="noopener noreferrer" target="_blank" class=" typography-link">Click here</a>`,
+      `<a href="https://example.com" rel="noopener noreferrer" target="_blank" class="typography-link">Click here</a>`,
     )
   })
 
@@ -32,7 +32,7 @@ describe(formatDescription.name, () => {
       formatDescription(
         `Check <a href="https://y.dev">Y site</a> and https://example.com`,
       ),
-      `Check <a href="https://y.dev" rel="noopener noreferrer" target="_blank" class=" typography-link">Y site</a> and <a href="https://example.com" target="_blank" rel="noopener noreferrer" class="typography-link">example.com</a>`,
+      `Check <a href="https://y.dev" rel="noopener noreferrer" target="_blank" class="typography-link">Y site</a> and <a href="https://example.com" target="_blank" rel="noopener noreferrer" class="typography-link">example.com</a>`,
     )
   })
 

…/2026/schedule/_components/back-link.tsx …y/2026/components/schedule/back-link.tsxsrc/app/day/2026/schedule/_components/back-link.tsx renamed to src/app/day/2026/components/schedule/back-link.tsx src/app/day/2026/schedule/_components/back-link.tsx renamed to src/app/day/2026/components/schedule/back-link.tsx

@@ -22,7 +22,7 @@ export function formatDescription(text: string): string {
       }
 
       if (!attrs.includes("class=")) {
-        attrs += ' class=" typography-link"'
+        attrs += ' class="typography-link"'
       } else if (!attrs.includes("typography-link")) {
         attrs = attrs.replace(
           /class\s*=\s*["']([^"']*)/gi,

…ay/2026/schedule/_components/filters.tsx …day/2026/components/schedule/filters.tsxsrc/app/day/2026/schedule/_components/filters.tsx renamed to src/app/day/2026/components/schedule/filters.tsx src/app/day/2026/schedule/_components/filters.tsx renamed to src/app/day/2026/components/schedule/filters.tsx

@@ -107,17 +107,23 @@ function getSessionsByDay(
 export interface ScheduleListProps {
   showFilter?: boolean
   scheduleData: ScheduleSession[]
-  year: `202${number}`
+  basePath: string
   eventsColors: Record<string, string>
   filterFields: FiltersConfig
+  conferenceStart: Date
+  conferenceEnd: Date
+  schedUrl?: string
 }
 
 export function ScheduleList({
   showFilter = true,
   scheduleData,
-  year,
+  basePath,
   eventsColors,
   filterFields,
+  conferenceStart,
+  conferenceEnd,
+  schedUrl,
 }: ScheduleListProps): ReactElement {
   const [filtersState, setFiltersState] = useState<FilterStates>(() =>
     FilterStates.initial(
@@ -140,12 +146,12 @@ export function ScheduleList({
   const firstDayIsDayZero = Object.keys(firstDay).length < 3
   const startIndex = firstDayIsDayZero ? 0 : 1
 
-  const { getTimeMarker } = useCurrentTimeMarker()
+  const { getTimeMarker } = useCurrentTimeMarker(conferenceStart, conferenceEnd)
 
   return (
     <>
       <div className="flex justify-between gap-1 max-lg:flex-col">
-        <BookmarkOnSched year={year} />
+        {schedUrl && <BookmarkOnSched url={schedUrl} />}
         <div className="flex gap-2 max-lg:mb-4">
           <Button
             href="#current-time-marker"
@@ -271,7 +277,7 @@ export function ScheduleList({
                               <ScheduleSessionCard
                                 key={session.id}
                                 session={session}
-                                year={year}
+                                basePath={basePath}
                                 eventsColors={eventsColors}
                                 blockEnd={blockEnd}
                                 durationVisible={endTimesDiffer}
@@ -323,10 +329,10 @@ export function ScheduleList({
   )
 }
 
-function BookmarkOnSched({ year }: { year: `202${number}` }) {
+function BookmarkOnSched({ url }: { url: string }) {
   return (
     <a
-      href={`https://graphqlconf${year}.sched.com`}
+      href={url}
       target="_blank"
       rel="noreferrer"
       className="typography-link mb-8 block w-fit decoration-neu-400 max-lg:hidden"

…hedule/_components/format-block-time.tsx …omponents/schedule/format-block-time.tsxsrc/app/day/2026/schedule/_components/format-block-time.tsx renamed to src/app/day/2026/components/schedule/format-block-time.tsx src/app/day/2026/schedule/_components/format-block-time.tsx renamed to src/app/day/2026/components/schedule/format-block-time.tsx

@@ -27,13 +27,13 @@ function isString(x: unknown): x is string {
 
 export function ScheduleSessionCard({
   session,
-  year,
+  basePath,
   eventsColors,
   blockEnd,
   durationVisible,
 }: {
   session: ScheduleSession
-  year: `202${number}`
+  basePath: string
   eventsColors: Record<string, string>
   blockEnd: Date
   durationVisible: boolean
@@ -98,7 +98,7 @@ export function ScheduleSessionCard({
     >
       <Anchor
         id={`session-${session.id}`}
-        href={`/conf/${year}/schedule/${session.id}?name=${session.name}`}
+        href={`${basePath}/schedule/${session.id}?name=${session.name}`}
         className="absolute inset-0 z-[1] ring-inset ring-neu-400 hover:ring-1 dark:ring-neu-100"
         aria-label={`Read more about "${eventTitle}" by ${speakers
           .map(s => s.name)
@@ -122,7 +122,7 @@ export function ScheduleSessionCard({
                   <React.Fragment key={s.username || s.name}>
                     {s.username ? (
                       <Anchor
-                        href={`/conf/${year}/speakers/${s.username}`}
+                        href={`${basePath}/speakers/${s.username}`}
                         className="relative z-[2] decoration-neu-600 hover:underline dark:decoration-neu-200"
                       >
                         {s.name}
@@ -166,7 +166,7 @@ function SessionDuration({
     new Date(session.event_end).getTime() -
     new Date(session.event_start).getTime()
 
-  // if a session is longer than 3 hourse, we show the time range
+  // if a session is longer than 3 hours, we show the time range
   const formattedTime =
     durationMs > 1000 * 60 * 60 * 3
       ? formatBlockTime(session.event_start, new Date(session.event_end))
@@ -198,7 +198,7 @@ function AddToCalendarLink({
     description: stripHtml(session.description).result,
     location: session.venue,
     organizer: {
-      name: `GraphQLConf ${new Date().getFullYear()}`,
+      name: `GraphQL Day ${new Date().getFullYear()}`,
       email: "graphql_events@linuxfoundation.org",
     },
     guests: speakers.map(s => s.name),

…chedule/[id]/format-description.test.tsx …nts/schedule/format-description.test.tsxsrc/app/day/2026/schedule/[id]/format-description.test.tsx renamed to src/app/day/2026/components/schedule/format-description.test.tsx src/app/day/2026/schedule/[id]/format-description.test.tsx renamed to src/app/day/2026/components/schedule/format-description.test.tsx

@@ -0,0 +1,68 @@
+import clsx from "clsx"
+import { findBestMatch } from "string-similarity"
+
+import { SchedSpeaker, ScheduleSession } from "@/app/conf/_api/sched-types"
+
+import { getEventTitle } from "../../utils"
+
+export interface SessionVideoProps {
+  video: {
+    id: string
+    title: string
+  }
+  className?: string
+}
+
+export function SessionVideo({ video, className }: SessionVideoProps) {
+  return (
+    <iframe
+      className={clsx("mx-auto aspect-video w-full", className)}
+      src={`https://youtube.com/embed/${video.id}`}
+      title={video.title}
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      allowFullScreen
+    />
+  )
+}
+
+export function buildVideoIndex(
+  schedule: ScheduleSession[],
+  speakers: SchedSpeaker[],
+  videos: { id: string; title: string }[],
+) {
+  const sessionIdByTitle: Record<string, string> = Object.create(null)
+  for (const session of schedule) {
+    const speakerNames = (session.speakers || []).map(speaker => {
+      const s = speakers.find(s => s.username === speaker.username)
+      if (!s) {
+        throw new Error(
+          `Speaker "${speaker.username}" not found for "${session.name}"`,
+        )
+      }
+      return s.name
+    })
+
+    const eventTitle = getEventTitle(session, speakerNames)
+    const title = `${eventTitle} ${speakerNames.join(" ")}`
+    sessionIdByTitle[title] = session.id
+  }
+
+  const videoBySessionId: Record<string, { id: string; title: string }> =
+    Object.create(null)
+  if (Object.keys(sessionIdByTitle).length > 0) {
+    for (const video of videos) {
+      const result = findBestMatch(video.title, Object.keys(sessionIdByTitle))
+      if (result.ratings[result.bestMatchIndex].rating < 0.17) {
+        console.warn(
+          `Could not find suitable schedule item for video "${video.title}"`,
+        )
+        continue
+      }
+      const recordingTitle = result.bestMatch.target
+      const sessionId = sessionIdByTitle[recordingTitle]
+      videoBySessionId[sessionId] = video
+    }
+  }
+
+  return (event: ScheduleSession) => videoBySessionId[event.id]
+}