robodev 0.12.0 → 0.13.0

package/templates/auth-chat/src/main.tsx

@@ -1,282 +0,0 @@
-import { StrictMode, useEffect, useRef, useState, type FormEvent } from "react";
-import { createRoot } from "react-dom/client";
-import { createClient, type AuthUser } from "@robodev-ai/client";
-
-type Message = {
-  id: string;
-  userId: string;
-  authorName: string | null;
-  authorEmail: string;
-  body: string;
-  createdAt: string | null;
-};
-
-function projectApiUrl(): string {
-  const fromEnv = import.meta.env.VITE_API_URL;
-  if (typeof fromEnv === "string" && fromEnv.trim()) return fromEnv.replace(/\/+$/, "");
-  if (typeof window !== "undefined") return window.location.origin;
-  return "";
-}
-
-const apiUrl = projectApiUrl();
-const api = createClient({ url: apiUrl });
-
-function authorLabel(user: { name?: string | null; email: string }) {
-  return user.name?.trim() || user.email;
-}
-
-function App() {
-  const [mode, setMode] = useState<"signin" | "signup">("signin");
-  const [user, setUser] = useState<AuthUser | null>(null);
-  const [ready, setReady] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [pending, setPending] = useState(false);
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [name, setName] = useState("");
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [draft, setDraft] = useState("");
-  const [unauthStatus, setUnauthStatus] = useState<string | null>(null);
-  const listRef = useRef<HTMLDivElement>(null);
-
-  async function refreshMessages() {
-    const res = await api.fetch("/api/messages");
-    if (!res.ok) throw new Error(await res.text());
-    setMessages((await res.json()) as Message[]);
-  }
-
-  useEffect(() => {
-    api.consumeTokenFromUrl();
-    void api.auth
-      .getUser()
-      .then(({ user: next }) => setUser(next))
-      .catch(() => setUser(null))
-      .finally(() => setReady(true));
-  }, []);
-
-  useEffect(() => {
-    if (!user) return;
-    let cancelled = false;
-    const load = () =>
-      refreshMessages().catch((err: unknown) => {
-        if (!cancelled) setError(err instanceof Error ? err.message : "Failed to load messages");
-      });
-    void load();
-    const timer = window.setInterval(() => void load(), 2500);
-    return () => {
-      cancelled = true;
-      window.clearInterval(timer);
-    };
-  }, [user]);
-
-  useEffect(() => {
-    listRef.current?.scrollTo({ top: listRef.current.scrollHeight });
-  }, [messages]);
-
-  useEffect(() => {
-    void fetch(`${apiUrl}/api/messages`).then((res) => {
-      setUnauthStatus(
-        `${res.status} ${res.status === 401 ? "unauthorized (expected)" : res.statusText}`,
-      );
-    });
-  }, []);
-
-  async function onEmailAuth(event: FormEvent) {
-    event.preventDefault();
-    setPending(true);
-    setError(null);
-    try {
-      if (mode === "signup") {
-        await api.auth.signUp({ email, password, name: name.trim() || undefined });
-      } else {
-        await api.auth.signIn.email({ email, password });
-      }
-      const { user: next } = await api.auth.getUser();
-      setUser(next);
-      setPassword("");
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Auth failed");
-    } finally {
-      setPending(false);
-    }
-  }
-
-  async function onGoogle() {
-    setPending(true);
-    setError(null);
-    try {
-      const start = new URL(`${api.url}/api/user/auth/google`);
-      start.searchParams.set("redirect_uri", window.location.href);
-      const probe = await fetch(start.toString(), { redirect: "manual" });
-      if (probe.status === 503) {
-        const body = (await probe.json().catch(() => ({}))) as { error?: string; message?: string };
-        throw new Error(
-          body.message ||
-            `Google sign-in is not configured on Starbase (${body.error ?? "503"}). Set GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET, and PUBLIC_URL.`,
-        );
-      }
-      api.auth.signIn.google();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Google sign-in failed");
-      setPending(false);
-    }
-  }
-
-  async function onSignOut() {
-    await api.auth.signOut();
-    setUser(null);
-    setMessages([]);
-  }
-
-  async function onSend(event: FormEvent) {
-    event.preventDefault();
-    if (!draft.trim()) return;
-    setPending(true);
-    setError(null);
-    try {
-      const res = await api.fetch("/api/messages", {
-        method: "POST",
-        body: JSON.stringify({ body: draft.trim() }),
-      });
-      if (!res.ok) throw new Error(await res.text());
-      setDraft("");
-      await refreshMessages();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Could not send");
-    } finally {
-      setPending(false);
-    }
-  }
-
-  if (!ready) {
-    return (
-      <main>
-        <p className="lede">Loading session…</p>
-      </main>
-    );
-  }
-
-  if (!user) {
-    return (
-      <main className="narrow">
-        <p className="eyebrow">Robodev Auth</p>
-        <h1>Auth chat</h1>
-        <p className="lede">
-          Sign in with email or Google. Protected APIs live at {apiUrl}. Unauthenticated GET
-          /api/messages: {unauthStatus ?? "checking…"}.
-        </p>
-        {error ? <p className="error">{error}</p> : null}
-
-        <div className="tabs">
-          <button
-            type="button"
-            className={mode === "signin" ? "tab on" : "tab"}
-            onClick={() => setMode("signin")}
-          >
-            Sign in
-          </button>
-          <button
-            type="button"
-            className={mode === "signup" ? "tab on" : "tab"}
-            onClick={() => setMode("signup")}
-          >
-            Sign up
-          </button>
-        </div>
-
-        <form onSubmit={onEmailAuth}>
-          {mode === "signup" ? (
-            <label>
-              Name
-              <input
-                value={name}
-                onChange={(event) => setName(event.target.value)}
-                placeholder="Ada"
-              />
-            </label>
-          ) : null}
-          <label>
-            Email
-            <input
-              type="email"
-              required
-              autoComplete="email"
-              value={email}
-              onChange={(event) => setEmail(event.target.value)}
-            />
-          </label>
-          <label>
-            Password
-            <input
-              type="password"
-              required
-              minLength={12}
-              autoComplete={mode === "signup" ? "new-password" : "current-password"}
-              value={password}
-              onChange={(event) => setPassword(event.target.value)}
-            />
-          </label>
-          <button type="submit" disabled={pending}>
-            {mode === "signup" ? "Create account" : "Sign in"}
-          </button>
-        </form>
-
-        <div className="or">or</div>
-        <button className="google" type="button" onClick={onGoogle} disabled={pending}>
-          Continue with Google
-        </button>
-      </main>
-    );
-  }
-
-  return (
-    <main className="chat">
-      <header>
-        <div>
-          <p className="eyebrow">Signed in</p>
-          <h1>{authorLabel(user)}</h1>
-          <p className="lede">{user.email}</p>
-        </div>
-        <button className="ghost" type="button" onClick={() => void onSignOut()}>
-          Sign out
-        </button>
-      </header>
-      {error ? <p className="error">{error}</p> : null}
-      <div className="transcript" ref={listRef}>
-        {messages.length === 0 ? <p className="empty">No messages yet. Say hello.</p> : null}
-        {messages.map((message) => {
-          const mine = message.userId === user.id;
-          return (
-            <article key={message.id} className={mine ? "bubble mine" : "bubble"}>
-              <div className="meta">
-                {authorLabel({ name: message.authorName, email: message.authorEmail })}
-                {message.createdAt
-                  ? ` · ${new Date(message.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`
-                  : ""}
-              </div>
-              <p>{message.body}</p>
-            </article>
-          );
-        })}
-      </div>
-      <form className="composer" onSubmit={onSend}>
-        <input
-          required
-          maxLength={2000}
-          placeholder="Message the room…"
-          value={draft}
-          onChange={(event) => setDraft(event.target.value)}
-        />
-        <button type="submit" disabled={pending || !draft.trim()}>
-          Send
-        </button>
-      </form>
-    </main>
-  );
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);

package/templates/auth-chat/vite.config.ts

@@ -1,7 +0,0 @@
-import react from "@vitejs/plugin-react";
-import { defineConfig } from "vite";
-
-export default defineConfig({
-  plugins: [react()],
-  server: { port: 5173 },
-});

package/templates/backend/api/health.ts

@@ -1,7 +0,0 @@
-/** GET /api/health — liveness check for the deployed project host. */
-import { defineApi, z } from "@robodev-ai/sdk";
-
-export const get = defineApi({
-  response: z.object({ ok: z.literal(true) }),
-  handler: async () => ({ ok: true as const }),
-});

package/templates/backend/api/launch.ts

@@ -1,29 +0,0 @@
-/** POST /api/launch — marks a rocket as launched. */
-import { rockets } from "../database";
-import { defineApi, eq, z } from "@robodev-ai/sdk";
-
-const Rocket = z.object({
-  id: z.string(),
-  name: z.string(),
-  destinationId: z.string(),
-  launched: z.boolean(),
-});
-
-export const post = defineApi({
-  body: z.object({
-    id: z.string().uuid(),
-  }),
-  response: Rocket,
-  handler: async ({ db, body }) => {
-    const rows = await db
-      .update(rockets)
-      .set({ launched: true })
-      .where(eq(rockets.id, body.id))
-      .returning();
-    const row = rows[0];
-    if (!row) {
-      throw new Error("Rocket not found");
-    }
-    return Rocket.parse(row);
-  },
-});

package/templates/backend/api/me.ts

@@ -1,14 +0,0 @@
-/** GET /api/me — current project user (Robodev Auth required). */
-import { defineApi, z } from "@robodev-ai/sdk";
-
-export const get = defineApi({
-  auth: "required",
-  response: z.object({
-    user: z.object({
-      id: z.string(),
-      email: z.string(),
-      name: z.string().nullable().optional(),
-    }),
-  }),
-  handler: async ({ user }) => ({ user }),
-});

package/templates/backend/api/motto.ts

@@ -1,9 +0,0 @@
-/** GET /api/motto — plain-text envelope response. */
-import { defineApi } from "@robodev-ai/sdk";
-
-export const get = defineApi({
-  handler: async () => ({
-    contentType: "text/plain; charset=utf-8",
-    body: "Ad astra",
-  }),
-});

package/templates/backend/api/rockets.ts

@@ -1,43 +0,0 @@
-/** GET/POST /api/rockets — list (optional `?destinationId=`) and create rockets. */
-import { rockets } from "../database";
-import { defineApi, eq, z } from "@robodev-ai/sdk";
-
-const Rocket = z.object({
-  id: z.string(),
-  name: z.string(),
-  destinationId: z.string(),
-  launched: z.boolean(),
-});
-
-export const get = defineApi({
-  query: z.object({
-    destinationId: z.string().optional(),
-  }),
-  response: z.array(Rocket),
-  handler: async ({ db, query }) => {
-    const rows = query.destinationId
-      ? await db.select().from(rockets).where(eq(rockets.destinationId, query.destinationId))
-      : await db.select().from(rockets);
-    return Rocket.array().parse(rows);
-  },
-});
-
-export const post = defineApi({
-  body: z.object({
-    name: z.string().min(1),
-    destinationId: z.string().uuid(),
-    launched: z.boolean().optional(),
-  }),
-  response: Rocket,
-  handler: async ({ db, body }) => {
-    const [row] = await db
-      .insert(rockets)
-      .values({
-        name: body.name,
-        destinationId: body.destinationId,
-        launched: body.launched ?? false,
-      })
-      .returning();
-    return Rocket.parse(row);
-  },
-});