Fix Vercel API breaking change (#1883)

Fixes https://github.com/dyad-sh/dyad/issues/1652 This is kind of a hack because the Vercel SDK has a bug since their API has subtly made a breaking change in the last month or so and the Vercel SDK still hasn't been updated https://github.com/vercel/sdk/issues/175#issuecomment-3608968116 Note: the Vercel SDK upgrade in this PR doesn't actually fix the issue, but is probably good to do anyways.  --- ## Summary by cubic Works around a breaking change in Vercel’s API by bypassing the SDK for project queries. Restores listing, availability checks, and project linking. - **Bug Fixes** - Added a direct HTTP call to GET /v9/projects using the Vercel token. - Replaced SDK calls in list, name availability, and connect-to-project flows. - Added minimal types and clearer error handling for project responses. - **Dependencies** - Bumped @vercel/sdk to 1.18.0. The upgrade doesn’t fix the bug but is safe to adopt. <sup>Written for commit 306af5c3f235f0ab9d87c809bb8cf54016a5d59f. Summary will update automatically on new commits.</sup>   --- > [!NOTE] > Replaces Vercel project retrieval with a direct HTTP helper used across handlers to handle API changes, and updates @vercel/sdk to ^1.18.0. > > - **IPC/Backend (Vercel)**: > - Add `getVercelProjects` helper to fetch projects via `GET /v9/projects`, mimicking `vercel.projects.getProjects`. > - Update handlers to use the new helper: > - `vercel:list-projects` (`handleListVercelProjects`) > - `vercel:is-project-available` (`handleIsProjectAvailable`) > - `vercel:connect-existing-project` (`handleConnectToExistingProject`) > - Add lightweight types: `VercelProjectResponse`, `GetVercelProjectsResponse`. > - **Dependencies**: > - Bump `@vercel/sdk` to `^1.18.0`. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit 306af5c3f235f0ab9d87c809bb8cf54016a5d59f. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup>

Fix Vercel API breaking change (#1883)
f806414e · Will Chen · GitHub · 2ca14345 · f806414e · f806414e
--- a/package-lock.json
+++ b/package-lock.json
 {
  "name": "dyad",
-  "version": "0.27.1",
+  "version": "0.28.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "dyad",
-      "version": "0.27.1",
+      "version": "0.28.0",
      "license": "MIT",
      "dependencies": {
        "@ai-sdk/amazon-bedrock": "^3.0.15",
@@ -48,7 +48,7 @@
        "@tanstack/react-query": "^5.75.5",
        "@tanstack/react-router": "^1.114.34",
        "@types/uuid": "^10.0.0",
-        "@vercel/sdk": "^1.10.0",
+        "@vercel/sdk": "^1.18.0",
        "@vitejs/plugin-react": "^4.3.4",
        "ai": "^5.0.15",
        "better-sqlite3": "^12.4.1",
@@ -7435,22 +7435,15 @@
      "license": "ISC"
    },
    "node_modules/@vercel/sdk": {
-      "version": "1.11.0",
+      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/@vercel/sdk/-/sdk-1.11.0.tgz",
+      "resolved": "https://registry.npmjs.org/@vercel/sdk/-/sdk-1.18.0.tgz",
-      "integrity": "sha512-epfIZMS3/NtBFSrkF470dvlrMEq05g3si8IGD2v18bvK9MmgtoDN3JwRoUaYU/mLER5AeO3TzFtrCbccPfDh9A==",
+      "integrity": "sha512-61FFMZ6WSUdOmInLcrY/+vfJgzu8ua46SkeLXXXUWuifKzJvnWPsfRw31uXvlmWJDLRYtHpna6Q4pljZccW5XQ==",
      "dependencies": {
-        "zod": "^3.20.0"
+        "@modelcontextprotocol/sdk": ">=1.5.0 <1.10.0",
+        "zod": "^3.25.0 || ^4.0.0"
      },
      "bin": {
        "mcp": "bin/mcp-server.js"
-      },
-      "peerDependencies": {
-        "@modelcontextprotocol/sdk": ">=1.5.0 <1.10.0"
-      },
-      "peerDependenciesMeta": {
-        "@modelcontextprotocol/sdk": {
-          "optional": true
-        }
      }
    },
    "node_modules/@vitejs/plugin-react": {

--- a/package.json
+++ b/package.json
@@ -124,7 +124,7 @@
    "@tanstack/react-query": "^5.75.5",
    "@tanstack/react-router": "^1.114.34",
    "@types/uuid": "^10.0.0",
-    "@vercel/sdk": "^1.10.0",
+    "@vercel/sdk": "^1.18.0",
    "@vitejs/plugin-react": "^4.3.4",
    "ai": "^5.0.15",
    "better-sqlite3": "^12.4.1",

--- a/src/ipc/handlers/vercel_handlers.ts
+++ b/src/ipc/handlers/vercel_handlers.ts
@@ -42,6 +42,54 @@ function createVercelClient(token: string): Vercel {
  });
 }
+interface VercelProjectResponse {
+  id: string;
+  name: string;
+  framework?: string | null;
+  targets?: {
+    production?: {
+      url?: string;
+    };
+  };
+}
+interface GetVercelProjectsResponse {
+  projects: VercelProjectResponse[];
+}
+/**
+ * Fetch Vercel projects via HTTP request (bypasses the broken SDK).
+ * Mimics the SDK's `vercel.projects.getProjects` API.
+ */
+async function getVercelProjects(
+  token: string,
+  options?: { search?: string },
+): Promise<GetVercelProjectsResponse> {
+  const url = new URL(`${VERCEL_API_BASE}/v9/projects`);
+  if (options?.search) {
+    url.searchParams.set("search", options.search);
+  }
+  const response = await fetch(url.toString(), {
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/json",
+    },
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(
+      `Failed to fetch Vercel projects: ${response.status} ${response.statusText} - ${errorText}`,
+    );
+  }
+  const data = await response.json();
+  return {
+    projects: data.projects || [],
+  };
+}
 async function validateVercelToken(token: string): Promise<boolean> {
  try {
    const vercel = createVercelClient(token);
@@ -184,8 +232,7 @@ async function handleListVercelProjects(): Promise<VercelProject[]> {
      throw new Error("Not authenticated with Vercel.");
    }
-    const vercel = createVercelClient(accessToken);
+    const response = await getVercelProjects(accessToken);
-    const response = await vercel.projects.getProjects({});
    if (!response.projects) {
      throw new Error("Failed to retrieve projects from Vercel.");
@@ -214,12 +261,8 @@ async function handleIsProjectAvailable(
      return { available: false, error: "Not authenticated with Vercel." };
    }
-    const vercel = createVercelClient(accessToken);
    // Check if project name is available by searching for projects with that name
-    const response = await vercel.projects.getProjects({
+    const response = await getVercelProjects(accessToken, { search: name });
-      search: name,
-    });
    if (!response.projects) {
      return {
@@ -361,10 +404,8 @@ async function handleConnectToExistingProject(
      `Connecting to existing Vercel project: ${projectId} for app ${appId}`,
    );
-    const vercel = createVercelClient(accessToken);
    // Verify the project exists and get its details
-    const response = await vercel.projects.getProjects({});
+    const response = await getVercelProjects(accessToken);
    const projectData = response.projects?.find(
      (p) => p.id === projectId || p.name === projectId,
    );