Move schedule data to JSON file

app/schedule/events.ts

@@ -1,109 +0,0 @@
-export interface ScheduleEvent {
-	name: string,
-	id: string,
-	host?: string,
-	cancelled?: boolean,
-	description?: string,
-	slots: TimeSlot[],
-}
-
-export interface ScheduleLocation {
-	name: string,
-	id: string,
-	description?: string,
-}
-
-export interface TimeSlot {
-	id: string,
-	start: string,
-	end: string,
-	locations: string[],
-}
-
-export const locations: ScheduleLocation[] = [
-	{
-		name: "House",
-		id: "house",
-		description: "Blue building east of the camping",
-	},
-	{
-		name: "Common House",
-		id: "common-house",
-		description: "That big red building in the middle",
-	},
-	{
-		name: "Info Desk",
-		id: "info-desk",
-	},
-	{
-		name: "Camping Fireplace",
-		id: "camping-fireplace",
-	},
-];
-
-export const events: ScheduleEvent[] = [
-	{
-		name: "Arcade",
-		id: "arcade",
-		description: "Play retro games!",
-		slots: [
-			{
-				id: "arcade-1",
-				start: "2025-07-18T10:00Z",
-				end: "2025-07-19T01:30Z",
-				locations: ["house"],
-			},
-			{
-				id: "arcade-2",
-				start: "2025-07-19T10:00Z",
-				end: "2025-07-20T01:00Z",
-				locations: ["house"],
-			},
-			{
-				id: "arcade-3",
-				start: "2025-07-20T10:00Z",
-				end: "2025-07-20T18:00Z",
-				locations: ["house"],
-			},
-		],
-	},
-	{
-		name: "Bonfire Stories",
-		description: "Share your stories as we sit cosily around the bonfire.",
-		id: "bonfire",
-		slots: [
-			{
-				id: "bonfire-1",
-				start: "2025-07-19T20:00Z",
-				end: "2025-07-20T01:00Z",
-				locations: ["camping-fireplace"],
-			},
-		],
-	},
-	{
-		name: "Fursuit Games",
-		description: "Playful time for the suiters.",
-		id: "fursuit-games",
-		slots: [
-			{
-				id: "fursuit-games-1",
-				start: "2025-07-19T19:00Z",
-				end: "2025-07-19T20:00Z",
-				locations: ["common-house"],
-			},
-		],
-	},
-	{
-		name: "Late Stragglers",
-		description: "Wait a minute, why are you still here?.",
-		id: "too-late",
-		slots: [
-			{
-				id: "too-late-1",
-				start: "2025-07-22T20:00Z",
-				end: "2025-07-23T01:00Z",
-				locations: ["camping-fireplace"],
-			},
-		],
-	},
-];

app/schedule/page.tsx

@@ -1,6 +1,7 @@
 import Timetable from "@/ui/timetable"
 import styles from "./page.module.css"
-import { ScheduleEvent, events, locations } from "./events"
+import { Schedule, ScheduleEvent } from "./types"
+import { readFile } from "fs/promises"
 
 function EventInfo(props: { event: ScheduleEvent }) {
 	return <section className={styles.event}>
@@ -15,19 +16,20 @@ function EventInfo(props: { event: ScheduleEvent }) {
 	</section>
 }
 
-export default function schedule() {
+export default async function schedule() {
+	const schedule: Schedule = JSON.parse(await readFile("schedule.json", "utf-8"));
 	return <main className={styles.schedule}>
 		<h1>Schedule & Events</h1>
 		<p>
 			Study carefully, we only hold these events once a year.
 		</p>
 		<h2>Schedule</h2>
-		<Timetable events={events} />
+		<Timetable schedule={schedule} />
 		<h2>Events</h2>
-		{events.map(event => <EventInfo event={event} key={event.id}/>)}
+		{schedule.events.map(event => <EventInfo event={event} key={event.id}/>)}
 		<h2>Locations</h2>
 		<ul>
-			{locations.map(location => <li key={location.id}>
+			{schedule.locations.map(location => <li key={location.id}>
 				<h3>{location.name}</h3>
 				{location.description ?? "No description provided"}
 			</li>)}

app/schedule/types.ts

@@ -0,0 +1,26 @@
+export interface ScheduleEvent {
+	name: string,
+	id: string,
+	host?: string,
+	cancelled?: boolean,
+	description?: string,
+	slots: TimeSlot[],
+}
+
+export interface ScheduleLocation {
+	name: string,
+	id: string,
+	description?: string,
+}
+
+export interface TimeSlot {
+	id: string,
+	start: string,
+	end: string,
+	locations: string[],
+}
+
+export interface Schedule {
+	locations: ScheduleLocation[],
+	events: ScheduleEvent[],
+}