edited zustand stores and lib/api.ts file

Author: williams21v

client/src/lib/api.ts

@@ -0,0 +1,32 @@
+const BASE = import.meta.env.VITE_API_BASE ?? "http://localhost:3333/api";
+
+async function request<T>(path: string, opts: RequestInit = {}): Promise<T> {
+  const res = await fetch(`${BASE}${path}`, {
+    headers: { "Content-Type": "application/json" },
+    credentials: "include",
+    ...opts,
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(data?.error || res.statusText);
+  return data as T;
+}
+
+export const api = {
+  listRepos: () => request<{ repos: string[] }>("/mcp/repos"),
+  listBranches: (repo: string) => request<{ branches: string[] }>(`/mcp/repos/${encodeURIComponent(repo)}/branches`),
+  createPipeline: (payload: any) => request("/mcp/pipeline", { method: "POST", body: JSON.stringify(payload) }),
+  listAwsRoles: () => request<{ roles: string[] }>("/mcp/oidc/roles"),
+  openPr: (payload: any) => request("/mcp/pull-request", { method: "POST", body: JSON.stringify(payload) }),
+  getConnections: (repo: string) => request(`/mcp/config/connections?repo=${encodeURIComponent(repo)}`),
+  getSecretPresence: (repo: string, env: string) => request(`/mcp/config/secrets?repo=${encodeURIComponent(repo)}&env=${env}`),
+  setSecret: (body: any) => request("/mcp/config/secret", { method: "POST", body: JSON.stringify(body) }),
+  runPreflight: (body: any) => request("/mcp/config/preflight", { method: "POST", body: JSON.stringify(body) }),
+  startDeploy: (body: any) => request("/mcp/deploy/start", { method: "POST", body: JSON.stringify(body) }),
+  streamJob(jobId: string, onEvent: (e: any) => void) {
+    const es = new EventSource(`${BASE}/mcp/jobs/${jobId}/events`, { withCredentials: true });
+    es.onmessage = (evt) => onEvent(JSON.parse(evt.data));
+    es.onerror = () => es.close();
+    return () => es.close();
+  },
+};
+

client/src/pages/ConnectPage.tsx

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import { api } from "@/lib/api";
+import { api } from "../lib/api";
 
 type EnvName = "dev" | "staging" | "prod";
 type SecretRef = { key: string; present: boolean };

client/src/store/useConfigStore.ts

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import { api } from "@/lib/api";
+import { api } from "../lib/api";
 
 type JobEvent = { ts: string; level: "info" | "warn" | "error"; msg: string };
 

client/src/store/useDeployStore.ts

@@ -1,5 +1,5 @@
 import { create } from "zustand";
-import { api } from "@/lib/api";
+import { api } from "../lib/api";
 import type { McpPipeline } from "@/types/mcp";
 
 type Stage = "build" | "test" | "deploy";

client/src/store/usePipelineStore.ts

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 import { persist, createJSONStorage } from "zustand/middleware";
-import { api } from "@/lib/api";
+import { api } from "../lib/api";
 
 //typescript friendly typing here for properties and functions we want our data to have
 type RepoState = {

client/src/store/useRepoStore.ts

@@ -3,5 +3,9 @@
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }
-  ]
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
 }

client/tsconfig.json

@@ -1,7 +1,9 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+  resolve: { alias: { "@": path.resolve(__dirname, "src") } },
+});
+
+import path from "path";