@brokr/sdk 1.0.0

package/dist/management.mjs

@@ -0,0 +1,66 @@
+// src/management.ts
+async function trpcRequest(config, procedure, input) {
+  const url = new URL(`${config.apiUrl}/api/trpc/${procedure}`);
+  const response = await fetch(url.toString(), {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${config.accessToken}`,
+      ...config.headers
+    },
+    body: JSON.stringify(input),
+    signal: config.timeout ? AbortSignal.timeout(config.timeout) : void 0
+  });
+  if (!response.ok) {
+    const error = await response.json().catch(() => ({ message: "Request failed" }));
+    throw new Error(error.message || `HTTP ${response.status}`);
+  }
+  const result = await response.json();
+  return result.data;
+}
+var BrokrClient = class {
+  constructor(config) {
+    this.config = config;
+  }
+  /** Create a new stack with default providers. */
+  async create(input) {
+    return trpcRequest(this.config, "v1.stack.create", input);
+  }
+  /** List all stacks for the current user. */
+  async listStacks() {
+    return trpcRequest(this.config, "v1.stack.list", {});
+  }
+  /** Get a specific stack by ID. */
+  async getStack(id) {
+    return trpcRequest(this.config, "v1.stack.get", { id });
+  }
+  /** Update a stack. */
+  async updateStack(id, input) {
+    return trpcRequest(this.config, "v1.stack.update", { id, ...input });
+  }
+  /** Delete a stack. */
+  async deleteStack(id) {
+    return trpcRequest(this.config, "v1.stack.delete", { id });
+  }
+  /** Add a provider to a stack. */
+  async add(provider, input) {
+    return trpcRequest(this.config, "v1.provider.add", { provider, ...input });
+  }
+  /** Refresh the access token. */
+  async refreshToken(refreshToken) {
+    return trpcRequest(this.config, "v1.auth.refresh", { refreshToken });
+  }
+  /** Update the access token. */
+  setAccessToken(accessToken) {
+    this.config.accessToken = accessToken;
+  }
+};
+function createBrokrClient(config) {
+  return new BrokrClient(config);
+}
+var create = createBrokrClient;
+export {
+  BrokrClient,
+  create,
+  createBrokrClient as default
+};

package/dist/react.js

@@ -0,0 +1,264 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react/auth.tsx
+var auth_exports = {};
+__export(auth_exports, {
+  BrokrAuth: () => BrokrAuth,
+  SignIn: () => SignIn,
+  SignUp: () => SignUp,
+  UserButton: () => UserButton,
+  useAuth: () => useAuth,
+  useUser: () => useUser
+});
+module.exports = __toCommonJS(auth_exports);
+var import_react = __toESM(require("react"));
+function mapSessionUser(raw) {
+  return {
+    id: raw.id,
+    email: raw.email,
+    name: raw.name ?? null,
+    avatarUrl: raw.image ?? null,
+    emailVerified: raw.emailVerified ?? false
+  };
+}
+var AuthContext = (0, import_react.createContext)(null);
+function BrokrAuth({ children }) {
+  const [user, setUser] = (0, import_react.useState)(null);
+  const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
+  const [isSigningOut, setIsSigningOut] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    async function loadSession() {
+      try {
+        const res = await fetch("/api/auth/get-session", { credentials: "include" });
+        if (res.ok) {
+          const data = await res.json();
+          if (!cancelled && data?.user) {
+            setUser(mapSessionUser(data.user));
+          }
+        }
+      } catch {
+      } finally {
+        if (!cancelled) setIsLoaded(true);
+      }
+    }
+    loadSession();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const reloadSession = (0, import_react.useCallback)(async () => {
+    const res = await fetch("/api/auth/get-session", { credentials: "include" });
+    if (res.ok) {
+      const data = await res.json();
+      if (data?.user) {
+        setUser(mapSessionUser(data.user));
+      }
+    }
+  }, []);
+  const signIn = (0, import_react.useCallback)(async (email, password) => {
+    const res = await fetch("/api/auth/sign-in/email", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ email, password })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.message ?? "Sign in failed");
+    }
+    await reloadSession();
+  }, [reloadSession]);
+  const signUp = (0, import_react.useCallback)(async (email, password, name) => {
+    const res = await fetch("/api/auth/sign-up/email", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ email, password, name: name ?? "" })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.message ?? "Sign up failed");
+    }
+    await reloadSession();
+  }, [reloadSession]);
+  const signOut = (0, import_react.useCallback)(async () => {
+    setIsSigningOut(true);
+    try {
+      await fetch("/api/auth/sign-out", { method: "POST", credentials: "include" });
+      setUser(null);
+    } finally {
+      setIsSigningOut(false);
+    }
+  }, []);
+  const value = (0, import_react.useMemo)(
+    () => ({ user, isLoaded, signIn, signUp, signOut, isSigningOut }),
+    [user, isLoaded, signIn, signUp, signOut, isSigningOut]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(AuthContext.Provider, { value }, children);
+}
+function useUser() {
+  const ctx = (0, import_react.useContext)(AuthContext);
+  if (!ctx) throw new Error("useUser must be used within <BrokrAuth>");
+  return { user: ctx.user, isLoaded: ctx.isLoaded };
+}
+function useAuth() {
+  const ctx = (0, import_react.useContext)(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within <BrokrAuth>");
+  return { signIn: ctx.signIn, signUp: ctx.signUp, signOut: ctx.signOut, isSigningOut: ctx.isSigningOut };
+}
+function SignIn({
+  redirectTo,
+  children
+}) {
+  const { signIn } = useAuth();
+  const [error, setError] = (0, import_react.useState)(null);
+  const [pending, setPending] = (0, import_react.useState)(false);
+  const action = (0, import_react.useCallback)(async (formData) => {
+    setPending(true);
+    setError(null);
+    try {
+      const email = formData.get("email");
+      const password = formData.get("password");
+      await signIn(email, password);
+      if (redirectTo && typeof window !== "undefined") {
+        window.location.href = redirectTo;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sign in failed");
+    } finally {
+      setPending(false);
+    }
+  }, [signIn, redirectTo]);
+  if (children) return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children({ action, error, pending }));
+  return /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: async (e) => {
+    e.preventDefault();
+    await action(new FormData(e.currentTarget));
+  } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px", maxWidth: "320px" } }, /* @__PURE__ */ import_react.default.createElement("input", { name: "email", type: "email", placeholder: "Email", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ import_react.default.createElement("input", { name: "password", type: "password", placeholder: "Password", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), error && /* @__PURE__ */ import_react.default.createElement("p", { style: { color: "#ef4444", fontSize: "14px", margin: 0 } }, error), /* @__PURE__ */ import_react.default.createElement("button", { type: "submit", disabled: pending, style: { padding: "8px 16px", borderRadius: "6px", background: "#fff", color: "#000", border: "none", cursor: pending ? "wait" : "pointer" } }, pending ? "Signing in..." : "Sign in")));
+}
+function SignUp({
+  redirectTo,
+  children
+}) {
+  const { signUp } = useAuth();
+  const [error, setError] = (0, import_react.useState)(null);
+  const [pending, setPending] = (0, import_react.useState)(false);
+  const action = (0, import_react.useCallback)(async (formData) => {
+    setPending(true);
+    setError(null);
+    try {
+      const email = formData.get("email");
+      const password = formData.get("password");
+      const name = formData.get("name");
+      await signUp(email, password, name);
+      if (redirectTo && typeof window !== "undefined") {
+        window.location.href = redirectTo;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sign up failed");
+    } finally {
+      setPending(false);
+    }
+  }, [signUp, redirectTo]);
+  if (children) return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children({ action, error, pending }));
+  return /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: async (e) => {
+    e.preventDefault();
+    await action(new FormData(e.currentTarget));
+  } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px", maxWidth: "320px" } }, /* @__PURE__ */ import_react.default.createElement("input", { name: "name", type: "text", placeholder: "Name", style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ import_react.default.createElement("input", { name: "email", type: "email", placeholder: "Email", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ import_react.default.createElement("input", { name: "password", type: "password", placeholder: "Password", required: true, minLength: 8, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), error && /* @__PURE__ */ import_react.default.createElement("p", { style: { color: "#ef4444", fontSize: "14px", margin: 0 } }, error), /* @__PURE__ */ import_react.default.createElement("button", { type: "submit", disabled: pending, style: { padding: "8px 16px", borderRadius: "6px", background: "#fff", color: "#000", border: "none", cursor: pending ? "wait" : "pointer" } }, pending ? "Creating account..." : "Sign up")));
+}
+function UserButton() {
+  const { user, isLoaded } = useUser();
+  const { signOut, isSigningOut } = useAuth();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleToggle = (0, import_react.useCallback)(() => setOpen((prev) => !prev), []);
+  const handleSignOut = (0, import_react.useCallback)(async () => {
+    await signOut();
+    setOpen(false);
+  }, [signOut]);
+  if (!isLoaded || !user) return null;
+  const initials = (user.name ?? user.email).slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { position: "relative", display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      onClick: handleToggle,
+      style: {
+        width: "36px",
+        height: "36px",
+        borderRadius: "50%",
+        background: "#333",
+        color: "#fff",
+        border: "none",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontWeight: 600,
+        overflow: "hidden"
+      }
+    },
+    user.avatarUrl ? /* @__PURE__ */ import_react.default.createElement("img", { src: user.avatarUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }) : initials
+  ), open && /* @__PURE__ */ import_react.default.createElement("div", { style: {
+    position: "absolute",
+    top: "42px",
+    right: 0,
+    minWidth: "200px",
+    background: "#1a1a1a",
+    border: "1px solid #333",
+    borderRadius: "8px",
+    padding: "8px 0",
+    zIndex: 50
+  } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "8px 16px", borderBottom: "1px solid #333" } }, /* @__PURE__ */ import_react.default.createElement("p", { style: { margin: 0, fontSize: "14px", fontWeight: 500, color: "#fff" } }, user.name ?? "User"), /* @__PURE__ */ import_react.default.createElement("p", { style: { margin: 0, fontSize: "12px", color: "#888" } }, user.email)), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      onClick: handleSignOut,
+      disabled: isSigningOut,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "8px 16px",
+        background: "none",
+        border: "none",
+        color: "#ef4444",
+        textAlign: "left",
+        cursor: "pointer",
+        fontSize: "14px"
+      }
+    },
+    isSigningOut ? "Signing out..." : "Sign out"
+  )));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrokrAuth,
+  SignIn,
+  SignUp,
+  UserButton,
+  useAuth,
+  useUser
+});

package/dist/react.mjs

@@ -0,0 +1,225 @@
+"use client";
+
+// src/react/auth.tsx
+import React, { createContext, useContext, useCallback, useMemo, useState, useEffect } from "react";
+function mapSessionUser(raw) {
+  return {
+    id: raw.id,
+    email: raw.email,
+    name: raw.name ?? null,
+    avatarUrl: raw.image ?? null,
+    emailVerified: raw.emailVerified ?? false
+  };
+}
+var AuthContext = createContext(null);
+function BrokrAuth({ children }) {
+  const [user, setUser] = useState(null);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [isSigningOut, setIsSigningOut] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    async function loadSession() {
+      try {
+        const res = await fetch("/api/auth/get-session", { credentials: "include" });
+        if (res.ok) {
+          const data = await res.json();
+          if (!cancelled && data?.user) {
+            setUser(mapSessionUser(data.user));
+          }
+        }
+      } catch {
+      } finally {
+        if (!cancelled) setIsLoaded(true);
+      }
+    }
+    loadSession();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const reloadSession = useCallback(async () => {
+    const res = await fetch("/api/auth/get-session", { credentials: "include" });
+    if (res.ok) {
+      const data = await res.json();
+      if (data?.user) {
+        setUser(mapSessionUser(data.user));
+      }
+    }
+  }, []);
+  const signIn = useCallback(async (email, password) => {
+    const res = await fetch("/api/auth/sign-in/email", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ email, password })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.message ?? "Sign in failed");
+    }
+    await reloadSession();
+  }, [reloadSession]);
+  const signUp = useCallback(async (email, password, name) => {
+    const res = await fetch("/api/auth/sign-up/email", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ email, password, name: name ?? "" })
+    });
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(data.message ?? "Sign up failed");
+    }
+    await reloadSession();
+  }, [reloadSession]);
+  const signOut = useCallback(async () => {
+    setIsSigningOut(true);
+    try {
+      await fetch("/api/auth/sign-out", { method: "POST", credentials: "include" });
+      setUser(null);
+    } finally {
+      setIsSigningOut(false);
+    }
+  }, []);
+  const value = useMemo(
+    () => ({ user, isLoaded, signIn, signUp, signOut, isSigningOut }),
+    [user, isLoaded, signIn, signUp, signOut, isSigningOut]
+  );
+  return /* @__PURE__ */ React.createElement(AuthContext.Provider, { value }, children);
+}
+function useUser() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useUser must be used within <BrokrAuth>");
+  return { user: ctx.user, isLoaded: ctx.isLoaded };
+}
+function useAuth() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within <BrokrAuth>");
+  return { signIn: ctx.signIn, signUp: ctx.signUp, signOut: ctx.signOut, isSigningOut: ctx.isSigningOut };
+}
+function SignIn({
+  redirectTo,
+  children
+}) {
+  const { signIn } = useAuth();
+  const [error, setError] = useState(null);
+  const [pending, setPending] = useState(false);
+  const action = useCallback(async (formData) => {
+    setPending(true);
+    setError(null);
+    try {
+      const email = formData.get("email");
+      const password = formData.get("password");
+      await signIn(email, password);
+      if (redirectTo && typeof window !== "undefined") {
+        window.location.href = redirectTo;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sign in failed");
+    } finally {
+      setPending(false);
+    }
+  }, [signIn, redirectTo]);
+  if (children) return /* @__PURE__ */ React.createElement(React.Fragment, null, children({ action, error, pending }));
+  return /* @__PURE__ */ React.createElement("form", { onSubmit: async (e) => {
+    e.preventDefault();
+    await action(new FormData(e.currentTarget));
+  } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px", maxWidth: "320px" } }, /* @__PURE__ */ React.createElement("input", { name: "email", type: "email", placeholder: "Email", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ React.createElement("input", { name: "password", type: "password", placeholder: "Password", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), error && /* @__PURE__ */ React.createElement("p", { style: { color: "#ef4444", fontSize: "14px", margin: 0 } }, error), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: pending, style: { padding: "8px 16px", borderRadius: "6px", background: "#fff", color: "#000", border: "none", cursor: pending ? "wait" : "pointer" } }, pending ? "Signing in..." : "Sign in")));
+}
+function SignUp({
+  redirectTo,
+  children
+}) {
+  const { signUp } = useAuth();
+  const [error, setError] = useState(null);
+  const [pending, setPending] = useState(false);
+  const action = useCallback(async (formData) => {
+    setPending(true);
+    setError(null);
+    try {
+      const email = formData.get("email");
+      const password = formData.get("password");
+      const name = formData.get("name");
+      await signUp(email, password, name);
+      if (redirectTo && typeof window !== "undefined") {
+        window.location.href = redirectTo;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sign up failed");
+    } finally {
+      setPending(false);
+    }
+  }, [signUp, redirectTo]);
+  if (children) return /* @__PURE__ */ React.createElement(React.Fragment, null, children({ action, error, pending }));
+  return /* @__PURE__ */ React.createElement("form", { onSubmit: async (e) => {
+    e.preventDefault();
+    await action(new FormData(e.currentTarget));
+  } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "12px", maxWidth: "320px" } }, /* @__PURE__ */ React.createElement("input", { name: "name", type: "text", placeholder: "Name", style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ React.createElement("input", { name: "email", type: "email", placeholder: "Email", required: true, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), /* @__PURE__ */ React.createElement("input", { name: "password", type: "password", placeholder: "Password", required: true, minLength: 8, style: { padding: "8px 12px", borderRadius: "6px", border: "1px solid #333" } }), error && /* @__PURE__ */ React.createElement("p", { style: { color: "#ef4444", fontSize: "14px", margin: 0 } }, error), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: pending, style: { padding: "8px 16px", borderRadius: "6px", background: "#fff", color: "#000", border: "none", cursor: pending ? "wait" : "pointer" } }, pending ? "Creating account..." : "Sign up")));
+}
+function UserButton() {
+  const { user, isLoaded } = useUser();
+  const { signOut, isSigningOut } = useAuth();
+  const [open, setOpen] = useState(false);
+  const handleToggle = useCallback(() => setOpen((prev) => !prev), []);
+  const handleSignOut = useCallback(async () => {
+    await signOut();
+    setOpen(false);
+  }, [signOut]);
+  if (!isLoaded || !user) return null;
+  const initials = (user.name ?? user.email).slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "inline-block" } }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: handleToggle,
+      style: {
+        width: "36px",
+        height: "36px",
+        borderRadius: "50%",
+        background: "#333",
+        color: "#fff",
+        border: "none",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontWeight: 600,
+        overflow: "hidden"
+      }
+    },
+    user.avatarUrl ? /* @__PURE__ */ React.createElement("img", { src: user.avatarUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }) : initials
+  ), open && /* @__PURE__ */ React.createElement("div", { style: {
+    position: "absolute",
+    top: "42px",
+    right: 0,
+    minWidth: "200px",
+    background: "#1a1a1a",
+    border: "1px solid #333",
+    borderRadius: "8px",
+    padding: "8px 0",
+    zIndex: 50
+  } }, /* @__PURE__ */ React.createElement("div", { style: { padding: "8px 16px", borderBottom: "1px solid #333" } }, /* @__PURE__ */ React.createElement("p", { style: { margin: 0, fontSize: "14px", fontWeight: 500, color: "#fff" } }, user.name ?? "User"), /* @__PURE__ */ React.createElement("p", { style: { margin: 0, fontSize: "12px", color: "#888" } }, user.email)), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: handleSignOut,
+      disabled: isSigningOut,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "8px 16px",
+        background: "none",
+        border: "none",
+        color: "#ef4444",
+        textAlign: "left",
+        cursor: "pointer",
+        fontSize: "14px"
+      }
+    },
+    isSigningOut ? "Signing out..." : "Sign out"
+  )));
+}
+export {
+  BrokrAuth,
+  SignIn,
+  SignUp,
+  UserButton,
+  useAuth,
+  useUser
+};