Implement displaying routes with dynamic data from OTP

1 files changed, 39 insertions, 0 deletions

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);
+};