create-supyagent-app 0.1.36 → 0.1.38

package/dist/index.js

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 
 // src/index.ts
-import * as p2 from "@clack/prompts";
-import pc2 from "picocolors";
+import * as p3 from "@clack/prompts";
+import pc3 from "picocolors";
 import { readFileSync as readFileSync2, existsSync as existsSync2 } from "fs";
 import { resolve as resolve2, dirname as dirname2 } from "path";
 
@@ -210,6 +210,11 @@ function scaffoldProject(config) {
     "src/app/api/chat/route.ts",
     applyTemplate(readTemplate(routeTemplate), vars)
   );
+  writeProject(
+    projectPath,
+    "src/app/api/chat/compact/route.ts",
+    applyTemplate(readTemplate("api-route/compact/route.ts.tmpl"), vars)
+  );
   writeProject(projectPath, "src/app/api/chats/route.ts", readTemplate("base/src/app/api/chats/route.ts"));
   writeProject(projectPath, "src/app/api/chats/[id]/route.ts", readTemplate("base/src/app/api/chats/[id]/route.ts"));
   writeProject(projectPath, "src/app/api/jobs/[id]/route.ts", readTemplate("base/src/app/api/jobs/[id]/route.ts"));
@@ -221,6 +226,8 @@ function scaffoldProject(config) {
   writeProject(projectPath, "src/components/chat-input.tsx", readTemplate("base/src/components/chat-input.tsx"));
   writeProject(projectPath, "src/components/header.tsx", readTemplate("base/src/components/header.tsx"));
   writeProject(projectPath, "src/components/user-button.tsx", readTemplate("base/src/components/user-button.tsx"));
+  writeProject(projectPath, "src/components/theme-provider.tsx", readTemplate("base/src/components/theme-provider.tsx"));
+  writeProject(projectPath, "src/components/slash-menu.tsx", readTemplate("base/src/components/slash-menu.tsx"));
   writeProject(projectPath, "src/components/ui/badge.tsx", readTemplate("base/src/components/ui/badge.tsx"));
   writeProject(projectPath, "src/components/ui/collapsible.tsx", readTemplate("base/src/components/ui/collapsible.tsx"));
   writeProject(projectPath, "src/components/ai-elements/tool.tsx", readTemplate("base/src/components/ai-elements/tool.tsx"));
@@ -303,8 +310,9 @@ import { join as join2 } from "path";
 import { execSync, spawn as nodeSpawn } from "child_process";
 import { detectPackageManager as detectPackageManager2 } from "nypm";
 function writeEnvLocal(config) {
-  const { projectPath, aiProvider, apiKeys } = config;
+  const { projectPath, aiProvider, apiKeys, database, databaseUrl } = config;
   const ai = AI_PROVIDERS[aiProvider];
+  const dbUrl = databaseUrl ?? DB_CONFIGS[database].url;
   const lines = [
     "# Supyagent \u2014 Get your API key at https://app.supyagent.com",
     `SUPYAGENT_API_KEY=${apiKeys?.supyagent ?? ""}`,
@@ -313,18 +321,18 @@ function writeEnvLocal(config) {
     `${ai.envKey}=${apiKeys?.provider ?? ""}`,
     "",
     "# Database",
-    `DATABASE_URL="file:./dev.db"`,
+    `DATABASE_URL="${dbUrl}"`,
     ""
   ];
   writeFileSync2(join2(projectPath, ".env.local"), lines.join("\n"), "utf-8");
 }
-async function runDbSetup(projectPath) {
+async function runDbSetup(projectPath, databaseUrl) {
   const pm = await detectPackageManager2(projectPath);
   const cmd = pm?.name ?? "pnpm";
   execSync(`${cmd} run db:setup`, {
     cwd: projectPath,
     stdio: "inherit",
-    env: { ...process.env, DATABASE_URL: "file:./dev.db" }
+    env: { ...process.env, DATABASE_URL: databaseUrl ?? "file:./dev.db" }
   });
 }
 async function runDevServer(projectPath) {
@@ -349,6 +357,69 @@ async function runDevServer(projectPath) {
   });
 }
 
+// src/device-auth.ts
+import * as p2 from "@clack/prompts";
+import pc2 from "picocolors";
+import { exec } from "child_process";
+import { platform } from "os";
+var SUPYAGENT_API_URL = "https://app.supyagent.com";
+function openBrowser(url) {
+  const cmd = platform() === "darwin" ? "open" : platform() === "win32" ? "start" : "xdg-open";
+  exec(`${cmd} ${JSON.stringify(url)}`);
+}
+async function loginViaBrowser() {
+  const s = p2.spinner();
+  let deviceCode;
+  try {
+    const res = await fetch(`${SUPYAGENT_API_URL}/api/v1/auth/device/code`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" }
+    });
+    if (!res.ok) {
+      p2.log.error("Failed to start browser login. Please enter your API key manually.");
+      return null;
+    }
+    deviceCode = await res.json();
+  } catch {
+    p2.log.error("Could not reach Supyagent. Please enter your API key manually.");
+    return null;
+  }
+  p2.log.step(
+    `Opening browser to ${pc2.cyan(deviceCode.verification_uri)}
+  Enter code: ${pc2.bold(pc2.cyan(deviceCode.user_code))}`
+  );
+  openBrowser(deviceCode.verification_uri);
+  s.start("Waiting for approval in your browser...");
+  const interval = (deviceCode.interval || 5) * 1e3;
+  const deadline = Date.now() + deviceCode.expires_in * 1e3;
+  while (Date.now() < deadline) {
+    await new Promise((r) => setTimeout(r, interval));
+    try {
+      const res = await fetch(`${SUPYAGENT_API_URL}/api/v1/auth/device/token`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ device_code: deviceCode.device_code })
+      });
+      if (res.ok) {
+        const data = await res.json();
+        s.stop(pc2.green("Logged in successfully!"));
+        return data.api_key;
+      }
+      if (res.status === 403) {
+        s.stop(pc2.red("Authorization denied."));
+        return null;
+      }
+      if (res.status === 410) {
+        s.stop(pc2.red("Code expired. Please try again."));
+        return null;
+      }
+    } catch {
+    }
+  }
+  s.stop(pc2.red("Timed out waiting for approval."));
+  return null;
+}
+
 // src/index.ts
 function parseArgs() {
   const args = process.argv.slice(2);
@@ -366,10 +437,6 @@ function parseArgs() {
       result.agentMode = args[++i];
     } else if (arg === "--model" && hasValue) {
       result.model = args[++i];
-    } else if (arg === "--quickstart") {
-      result.quickstart = true;
-    } else if (arg === "--skip-install") {
-      result.skipInstall = true;
     } else if (arg === "--supyagent-api-key" && hasValue) {
       result.supyagentApiKey = args[++i];
     } else if (arg === "--anthropic-api-key" && hasValue) {
@@ -432,206 +499,133 @@ function loadEnvFiles() {
   return merged;
 }
 async function promptForKey(name) {
-  const value = await p2.password({ message: `Enter your ${name}` });
-  if (p2.isCancel(value)) {
-    p2.cancel("Cancelled.");
+  const value = await p3.password({ message: `Enter your ${name}` });
+  if (p3.isCancel(value)) {
+    p3.cancel("Cancelled.");
     process.exit(1);
   }
   return value;
 }
+async function resolveSupyagentKey(parsed) {
+  const dotenvVars = loadEnvFiles();
+  const existing = parsed.supyagentApiKey ?? process.env.SUPYAGENT_API_KEY ?? dotenvVars.SUPYAGENT_API_KEY;
+  if (existing) {
+    if (!parsed.supyagentApiKey) {
+      p3.log.info(`Using ${pc3.cyan("SUPYAGENT_API_KEY")} from ${process.env.SUPYAGENT_API_KEY ? "environment" : ".env file"}`);
+    }
+    return existing;
+  }
+  const method = await p3.select({
+    message: "How would you like to authenticate with Supyagent?",
+    options: [
+      {
+        value: "browser",
+        label: "Login via browser",
+        hint: "recommended \u2014 opens app.supyagent.com"
+      },
+      {
+        value: "manual",
+        label: "Paste API key",
+        hint: "enter an existing key manually"
+      }
+    ]
+  });
+  if (p3.isCancel(method)) {
+    p3.cancel("Cancelled.");
+    process.exit(1);
+  }
+  if (method === "browser") {
+    const key = await loginViaBrowser();
+    if (key) return key;
+    p3.log.warn("Browser login failed. Please enter your API key manually.");
+  }
+  return promptForKey("SUPYAGENT_API_KEY");
+}
 async function resolveApiKeys(provider, parsed) {
   const envKey = ENV_KEY_MAP[provider];
   const cliFlag = CLI_KEY_MAP[provider];
   const dotenvVars = loadEnvFiles();
-  const supyagent = parsed.supyagentApiKey ?? process.env.SUPYAGENT_API_KEY ?? dotenvVars.SUPYAGENT_API_KEY ?? await promptForKey("SUPYAGENT_API_KEY");
-  if (!parsed.supyagentApiKey && (process.env.SUPYAGENT_API_KEY || dotenvVars.SUPYAGENT_API_KEY)) {
-    p2.log.info(`Using ${pc2.cyan("SUPYAGENT_API_KEY")} from ${process.env.SUPYAGENT_API_KEY ? "environment" : ".env file"}`);
-  }
+  const supyagent = await resolveSupyagentKey(parsed);
   const providerKey = parsed[cliFlag] ?? process.env[envKey] ?? dotenvVars[envKey] ?? await promptForKey(envKey);
   if (!parsed[cliFlag] && (process.env[envKey] || dotenvVars[envKey])) {
-    p2.log.info(`Using ${pc2.cyan(envKey)} from ${process.env[envKey] ? "environment" : ".env file"}`);
+    p3.log.info(`Using ${pc3.cyan(envKey)} from ${process.env[envKey] ? "environment" : ".env file"}`);
   }
   return { supyagent, provider: providerKey };
 }
 async function main() {
   const parsed = parseArgs();
-  if (parsed.quickstart) {
-    if (parsed.database === "postgres") {
-      p2.log.warn(
-        pc2.yellow("--quickstart requires SQLite \u2014 ignoring --db postgres")
-      );
-    }
-    if (parsed.skipInstall) {
-      p2.log.warn(
-        pc2.yellow(
-          "--quickstart needs dependencies installed \u2014 ignoring --skip-install"
-        )
-      );
-    }
-    p2.intro(pc2.bgCyan(pc2.black(" Create Supyagent App \u2014 Quickstart ")));
-    let projectName = parsed.projectName;
-    if (!projectName) {
-      const name = await p2.text({
-        message: "Project name",
-        placeholder: "my-supyagent-app",
-        defaultValue: "my-supyagent-app",
-        validate(value) {
-          if (!value) return "Project name is required";
-          if (!/^[a-z0-9][a-z0-9._-]*$/.test(value)) {
-            return "Invalid project name (lowercase, alphanumeric, hyphens, dots)";
-          }
-        }
-      });
-      if (p2.isCancel(name)) {
-        p2.cancel("Cancelled.");
-        process.exit(1);
-      }
-      projectName = name;
-    }
-    const projectPath = resolveProjectPath(projectName);
+  let config;
+  if (parsed.projectName && parsed.aiProvider && parsed.database) {
+    const projectPath = resolveProjectPath(parsed.projectName);
     if (projectExists(projectPath)) {
-      p2.cancel(`Directory "${projectName}" already exists.`);
+      p3.cancel(`Directory "${parsed.projectName}" already exists.`);
       process.exit(1);
     }
-    let aiProvider = parsed.aiProvider;
-    if (!aiProvider) {
-      const selected = await p2.select({
-        message: "AI provider",
-        options: [
-          { value: "anthropic", label: AI_PROVIDERS.anthropic.label },
-          { value: "openai", label: AI_PROVIDERS.openai.label },
-          { value: "openrouter", label: AI_PROVIDERS.openrouter.label }
-        ]
-      });
-      if (p2.isCancel(selected)) {
-        p2.cancel("Cancelled.");
-        process.exit(1);
-      }
-      aiProvider = selected;
-    }
-    let agentMode = parsed.agentMode;
-    if (!agentMode) {
-      const selected = await p2.select({
-        message: "Agent mode",
-        options: [
-          { value: "skills", label: "Skills (token-efficient)", hint: "recommended" },
-          { value: "tools", label: "Tools (rich tool definitions)" }
-        ]
-      });
-      if (p2.isCancel(selected)) {
-        p2.cancel("Cancelled.");
-        process.exit(1);
-      }
-      agentMode = selected;
-    }
-    const apiKeys = await resolveApiKeys(aiProvider, parsed);
-    const config = {
-      projectName,
+    config = {
+      projectName: parsed.projectName,
       projectPath,
-      aiProvider,
-      agentMode,
-      database: "sqlite",
-      model: parsed.model,
-      quickstart: true,
-      apiKeys
+      aiProvider: parsed.aiProvider,
+      agentMode: parsed.agentMode ?? "skills",
+      database: parsed.database,
+      model: parsed.model
     };
-    const s = p2.spinner();
-    s.start("Scaffolding project...");
-    scaffoldProject(config);
-    writeEnvLocal(config);
-    s.stop("Scaffolded project");
-    s.start("Installing dependencies...");
-    try {
-      await installDeps(config.projectPath);
-      s.stop("Installed dependencies");
-    } catch {
-      s.stop("Failed to install dependencies \u2014 run install manually");
-      process.exit(1);
-    }
-    s.start("Setting up database...");
-    try {
-      await runDbSetup(config.projectPath);
-      s.stop("Database ready");
-    } catch (err) {
-      s.stop("Database setup failed");
-      p2.log.warn(
-        `Run ${pc2.cyan(`cd ${projectName} && pnpm db:setup`)} manually`
-      );
-    }
-    p2.log.info(pc2.green("Starting dev server..."));
-    await runDevServer(config.projectPath);
   } else {
-    const isNonInteractive = parsed.projectName && parsed.aiProvider && parsed.database;
-    let config;
-    if (isNonInteractive) {
-      config = {
-        projectName: parsed.projectName,
-        projectPath: parsed.projectPath,
-        aiProvider: parsed.aiProvider,
-        agentMode: parsed.agentMode ?? "skills",
-        database: parsed.database,
-        model: parsed.model
-      };
-      console.log(`Creating ${config.projectName}...`);
-    } else {
-      config = await runPrompts(parsed.projectName, {
-        aiProvider: parsed.aiProvider,
-        agentMode: parsed.agentMode,
-        database: parsed.database
-      });
-      if (config && parsed.model) {
-        config.model = parsed.model;
-      }
-    }
-    if (!config) {
-      process.exit(1);
+    config = await runPrompts(parsed.projectName, {
+      aiProvider: parsed.aiProvider,
+      agentMode: parsed.agentMode,
+      database: parsed.database
+    });
+    if (config && parsed.model) {
+      config.model = parsed.model;
     }
-    if (isNonInteractive) {
-      scaffoldProject(config);
-      console.log("Scaffolded project");
-      if (!parsed.skipInstall) {
-        console.log("Installing dependencies...");
-        try {
-          await installDeps(config.projectPath);
-          console.log("Installed dependencies");
-        } catch {
-          console.log(
-            "Failed to install dependencies \u2014 run install manually"
-          );
-        }
-      }
-      console.log(
-        `
-Next steps:
-  cd ${config.projectName}
-  cp .env.example .env.local
-  pnpm db:setup
-  pnpm dev`
-      );
-    } else {
-      const s = p2.spinner();
-      s.start("Scaffolding project...");
-      scaffoldProject(config);
-      s.stop("Scaffolded project");
-      s.start("Installing dependencies...");
-      try {
-        await installDeps(config.projectPath);
-        s.stop("Installed dependencies");
-      } catch {
-        s.stop("Failed to install dependencies \u2014 run install manually");
+  }
+  if (!config) {
+    process.exit(1);
+  }
+  p3.intro(pc3.bgCyan(pc3.black(" Create Supyagent App ")));
+  if (config.database === "postgres") {
+    const dbUrl = await p3.text({
+      message: "PostgreSQL connection URL",
+      placeholder: DB_CONFIGS.postgres.url,
+      validate(value) {
+        if (!value) return "Connection URL is required";
       }
-      p2.note(
-        [
-          `cd ${config.projectName}`,
-          `cp .env.example .env.local    ${pc2.dim("# Add your API keys")}`,
-          `pnpm db:setup                 ${pc2.dim("# Initialize database")}`,
-          `pnpm dev                      ${pc2.dim("# Start development server")}`
-        ].join("\n"),
-        "Next steps"
-      );
-      p2.outro(pc2.green("Done!"));
+    });
+    if (p3.isCancel(dbUrl)) {
+      p3.cancel("Cancelled.");
+      process.exit(1);
     }
+    config.databaseUrl = dbUrl;
+  } else {
+    config.databaseUrl = DB_CONFIGS.sqlite.url;
+  }
+  const apiKeys = await resolveApiKeys(config.aiProvider, parsed);
+  config.apiKeys = apiKeys;
+  const s = p3.spinner();
+  s.start("Scaffolding project...");
+  scaffoldProject(config);
+  writeEnvLocal(config);
+  s.stop("Scaffolded project");
+  s.start("Installing dependencies...");
+  try {
+    await installDeps(config.projectPath);
+    s.stop("Installed dependencies");
+  } catch {
+    s.stop("Failed to install dependencies \u2014 run install manually");
+    process.exit(1);
+  }
+  s.start("Setting up database...");
+  try {
+    await runDbSetup(config.projectPath, config.databaseUrl);
+    s.stop("Database ready");
+  } catch {
+    s.stop("Database setup failed");
+    p3.log.warn(
+      `Run ${pc3.cyan(`cd ${config.projectName} && pnpm db:setup`)} manually`
+    );
   }
+  p3.log.info(pc3.green("Starting dev server..."));
+  await runDevServer(config.projectPath);
 }
 main().catch(console.error);
 //# sourceMappingURL=index.js.map