Implement displaying routes with dynamic data from OTP

2 files changed, 85 insertions, 0 deletions

diff --git a/src/frontend/app/api/schema.ts b/src/frontend/app/api/schema.ts
index 63f4368..f7f0a39 100644
--- a/src/frontend/app/api/schema.ts
+++ b/src/frontend/app/api/schema.ts
@@ -70,6 +70,52 @@ export type Position = z.infer<typeof PositionSchema>;
 export type Arrival = z.infer<typeof ArrivalSchema>;
 export type StopArrivalsResponse = z.infer<typeof StopArrivalsResponseSchema>;
 
+// Transit Routes
+export const RouteSchema = z.object({
+  id: z.string(),
+  shortName: z.string().nullable(),
+  longName: z.string().nullable(),
+  color: z.string().nullable(),
+  textColor: z.string().nullable(),
+  sortOrder: z.number().nullable(),
+  agencyName: z.string().nullable().optional(),
+  tripCount: z.number(),
+});
+
+export const PatternStopSchema = z.object({
+  id: z.string(),
+  code: z.string().nullable(),
+  name: z.string(),
+  lat: z.number(),
+  lon: z.number(),
+  scheduledDepartures: z.array(z.number()),
+});
+
+export const PatternSchema = z.object({
+  id: z.string(),
+  name: z.string().nullable(),
+  headsign: z.string().nullable(),
+  directionId: z.number(),
+  code: z.string().nullable(),
+  semanticHash: z.string().nullable(),
+  tripCount: z.number(),
+  geometry: z.array(z.array(z.number())).nullable(),
+  stops: z.array(PatternStopSchema),
+});
+
+export const RouteDetailsSchema = z.object({
+  shortName: z.string().nullable(),
+  longName: z.string().nullable(),
+  color: z.string().nullable(),
+  textColor: z.string().nullable(),
+  patterns: z.array(PatternSchema),
+});
+
+export type Route = z.infer<typeof RouteSchema>;
+export type PatternStop = z.infer<typeof PatternStopSchema>;
+export type Pattern = z.infer<typeof PatternSchema>;
+export type RouteDetails = z.infer<typeof RouteDetailsSchema>;
+
 // Consolidated Circulation (Legacy/Alternative API)
 export const ConsolidatedCirculationSchema = z.object({
   line: z.string(),
diff --git a/src/frontend/app/api/transit.ts b/src/frontend/app/api/transit.ts
new file mode 100644
index 0000000..317271a
--- /dev/null
+++ b/src/frontend/app/api/transit.ts
@@ -0,0 +1,39 @@
+import {
+  RouteDetailsSchema,
+  RouteSchema,
+  type Route,
+  type RouteDetails,
+} from "./schema";
+
+export const fetchRoutes = async (feeds: string[] = []): Promise<Route[]> => {
+  const params = new URLSearchParams();
+  feeds.forEach((f) => params.append("feeds", f));
+
+  const resp = await fetch(`/api/transit/routes?${params.toString()}`, {
+    headers: {
+      Accept: "application/json",
+    },
+  });
+
+  if (!resp.ok) {
+    throw new Error(`HTTP ${resp.status}: ${resp.statusText}`);
+  }
+
+  const data = await resp.json();
+  return RouteSchema.array().parse(data);
+};
+
+export const fetchRouteDetails = async (id: string): Promise<RouteDetails> => {
+  const resp = await fetch(`/api/transit/routes/${encodeURIComponent(id)}`, {
+    headers: {
+      Accept: "application/json",
+    },
+  });
+
+  if (!resp.ok) {
+    throw new Error(`HTTP ${resp.status}: ${resp.statusText}`);
+  }
+
+  const data = await resp.json();
+  return RouteDetailsSchema.parse(data);
+};