[bbrt] Include credentials and API key when fetching boards (#4035)

packages/bbrt/src/breadboard/breadboard-server.ts

@@ -17,9 +17,11 @@ const BOARDS_CACHE_KEY = "bbrt-boards-v1";
 
 export class BreadboardServer {
   readonly #baseUrl: string;
+  readonly #apiKey: string | undefined;
 
-  constructor(url: string) {
+  constructor(url: string, apiKey?: string) {
     this.#baseUrl = url;
+    this.#apiKey = apiKey;
   }
 
   get url() {
@@ -35,7 +37,7 @@ export class BreadboardServer {
       return resultify(() => JSON.parse(cached) as BreadboardBoardListing[]);
     }
     const url = new URL("/boards", this.#baseUrl);
-    const response = await resultify(fetch(url));
+    const response = await resultify(fetch(url, { credentials: "include" }));
     if (!response.ok) {
       return response;
     }
@@ -57,7 +59,10 @@ export class BreadboardServer {
 
   async board(boardPath: string): Promise<Result<GraphDescriptor>> {
     const url = new URL(`/boards/${boardPath}`, this.#baseUrl);
-    const response = await resultify(fetch(url));
+    if (this.#apiKey) {
+      url.searchParams.set("API_KEY", this.#apiKey);
+    }
+    const response = await resultify(fetch(url, { credentials: "include" }));
     if (!response.ok) {
       return response;
     }

packages/bbrt/src/breadboard/indexed-db-servers.ts

@@ -8,7 +8,7 @@ import type { Result } from "../util/result.js";
 import { resultify } from "../util/resultify.js";
 import { BreadboardServer } from "./breadboard-server.js";
 
-type BoardServerEntry = { url: string };
+type BoardServerEntry = { url: string; user?: { apiKey?: string } };
 
 export async function readBoardServersFromIndexedDB(): Promise<
   Result<BreadboardServer[]>
@@ -36,8 +36,9 @@ export async function readBoardServersFromIndexedDB(): Promise<
   return {
     ok: true,
     value: entries.value
-      .map(({ url }) => url)
-      .filter((url) => url.startsWith("http") || url.startsWith("https"))
-      .map((url) => new BreadboardServer(url)),
+      .filter(
+        ({ url }) => url.startsWith("http://") || url.startsWith("https://")
+      )
+      .map(({ url, user }) => new BreadboardServer(url, user?.apiKey)),
   };
 }