copilotkit 0.0.30 → 0.0.32

package/dist/commands/init.js

@@ -222,7 +222,7 @@ import { Command } from "@oclif/core";
 import Sentry, { consoleIntegration } from "@sentry/node";
 
 // src/utils/version.ts
-var LIB_VERSION = "0.0.30";
+var LIB_VERSION = "0.0.32";
 
 // src/commands/base-command.ts
 import chalk2 from "chalk";
@@ -275,7 +275,7 @@ var BaseCommand = class extends Command {
 // src/lib/init/types/questions.ts
 import { z } from "zod";
 import { Flags } from "@oclif/core";
-var AGENT_FRAMEWORKS = ["CrewAI", "LangGraph", "None"];
+var MODES = ["CrewAI", "LangGraph", "MCP", "Standard"];
 var CREW_TYPES = ["Crews", "Flows"];
 var CHAT_COMPONENTS = ["CopilotChat", "CopilotSidebar", "Headless", "CopilotPopup"];
 var LANGGRAPH_AGENTS = ["Python Starter", "TypeScript Starter"];
@@ -303,7 +303,7 @@ var sanitizers = {
     return value.trim().replace(/\s/g, "");
   }
 };
-var AgentFrameworkSchema = z.enum(AGENT_FRAMEWORKS);
+var ModeSchema = z.enum(MODES);
 var CrewTypeSchema = z.enum(CREW_TYPES);
 var ChatComponentSchema = z.enum(CHAT_COMPONENTS);
 var LangGraphAgentSchema = z.enum(LANGGRAPH_AGENTS);
@@ -328,7 +328,7 @@ var NameSchema = z.preprocess(
 var ConfigSchema = z.object({
   // Core fields
   copilotKitVersion: z.string().optional(),
-  agentFramework: AgentFrameworkSchema,
+  mode: ModeSchema,
   chatUi: ChatComponentSchema.optional(),
   // Yes/No fields
   alreadyDeployed: YesNoSchema.optional(),
@@ -351,7 +351,7 @@ var ConfigSchema = z.object({
   llmToken: ApiKeySchema.optional()
 }).refine(
   (data) => {
-    if (data.agentFramework === "CrewAI" && data.crewType === "Crews") {
+    if (data.mode === "CrewAI" && data.crewType === "Crews") {
       return !!data.crewUrl && !!data.crewBearerToken;
     }
     return true;
@@ -362,7 +362,7 @@ var ConfigSchema = z.object({
   }
 ).refine(
   (data) => {
-    if (data.agentFramework === "LangGraph" && data.alreadyDeployed === "Yes" && data.langGraphPlatform === "Yes") {
+    if (data.mode === "LangGraph" && data.alreadyDeployed === "Yes" && data.langGraphPlatform === "Yes") {
       return !!data.langGraphPlatformUrl && !!data.langSmithApiKey;
     }
     return true;
@@ -373,19 +373,17 @@ var ConfigSchema = z.object({
   }
 );
 var ConfigFlags = {
-  copilotKitVersion: Flags.string({ description: "CopilotKit version to use (e.g. 1.7.0)" }),
-  agentFramework: Flags.string({ description: "Agent framework to power your copilot", options: AGENT_FRAMEWORKS }),
-  fastApiEnabled: Flags.string({ description: "Use FastAPI to serve your agent locally", options: YES_NO }),
-  useCopilotCloud: Flags.string({ description: "Use Copilot Cloud for production-ready hosting", options: YES_NO }),
-  chatUi: Flags.string({ description: "Chat UI component to add to your app", options: CHAT_COMPONENTS }),
-  langGraphAgent: Flags.string({ description: "LangGraph agent template to use", options: LANGGRAPH_AGENTS }),
-  crewType: Flags.string({ description: "CrewAI implementation type", options: CREW_TYPES }),
-  crewName: Flags.string({ description: "Name for your CrewAI agent" }),
-  crewUrl: Flags.string({ description: "URL endpoint for your CrewAI agent" }),
-  crewBearerToken: Flags.string({ description: "Bearer token for CrewAI authentication" }),
-  langSmithApiKey: Flags.string({ description: "LangSmith API key for LangGraph observability" }),
-  llmToken: Flags.string({ description: "API key for your preferred LLM provider" }),
-  crewFlowAgent: Flags.string({ description: "CrewAI Flow template to use", options: CREW_FLOW_TEMPLATES })
+  mode: Flags.string({ description: "How you will be interacting with AI", options: MODES, char: "m" }),
+  "copilotkit-version": Flags.string({ description: "CopilotKit version to use (e.g. 1.7.0)" }),
+  "use-copilot-cloud": Flags.string({ description: "Use Copilot Cloud for production-ready hosting", options: YES_NO }),
+  "langgraph-agent": Flags.string({ description: "LangGraph agent template to use", options: LANGGRAPH_AGENTS }),
+  "crew-type": Flags.string({ description: "CrewAI implementation type", options: CREW_TYPES }),
+  "crew-name": Flags.string({ description: "Name for your CrewAI agent" }),
+  "crew-url": Flags.string({ description: "URL endpoint for your CrewAI agent" }),
+  "crew-bearer-token": Flags.string({ description: "Bearer token for CrewAI authentication" }),
+  "langsmith-api-key": Flags.string({ description: "LangSmith API key for LangGraph observability" }),
+  "llm-token": Flags.string({ description: "API key for your preferred LLM provider" }),
+  "crew-flow-agent": Flags.string({ description: "CrewAI Flow template to use", options: CREW_FLOW_TEMPLATES })
 };
 
 // src/lib/init/types/templates.ts
@@ -411,7 +409,10 @@ var templateMapping = {
   ],
   // No Agent
   "StandardStarter": `${BASE_URL}/standard-starter.json`,
-  "StandardRuntime": `${BASE_URL}/standard-runtime.json`
+  "StandardRuntime": `${BASE_URL}/standard-runtime.json`,
+  // MCP
+  "McpStarter": `${BASE_URL}/mcp-starter.json`,
+  "McpRuntime": `${BASE_URL}/mcp-starter-runtime.json`
 };
 
 // src/lib/init/questions.ts
@@ -432,15 +433,15 @@ var questions = [
   // Core setup questions - always shown first
   {
     type: "select",
-    name: "agentFramework",
-    message: "\u{1F916} Choose your AI framework:",
-    choices: Array.from(AGENT_FRAMEWORKS),
+    name: "mode",
+    message: "\u{1F916} How will you be interacting with AI?",
+    choices: Array.from(MODES),
     validate: (input) => {
       try {
-        AgentFrameworkSchema.parse(input);
+        ModeSchema.parse(input);
         return true;
       } catch (error) {
-        return "Please select a valid framework";
+        return "Please select a valid mode";
       }
     }
   },
@@ -450,7 +451,7 @@ var questions = [
     name: "crewType",
     message: "\u{1F465} What kind of CrewAI implementation would you like to use?",
     choices: Array.from(CREW_TYPES),
-    when: (answers) => answers.agentFramework === "CrewAI",
+    when: (answers) => answers.mode === "CrewAI",
     validate: (input) => {
       try {
         CrewTypeSchema.parse(input);
@@ -465,7 +466,7 @@ var questions = [
     type: "input",
     name: "crewName",
     message: "\u{1F465} What would you like to name your crew? (can be anything)",
-    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews",
+    when: (answers) => answers.mode === "CrewAI" && answers.crewType === "Crews",
     default: "MyCopilotCrew",
     validate: validateRequired,
     sanitize: sanitizers.trim
@@ -474,7 +475,7 @@ var questions = [
     type: "input",
     name: "crewUrl",
     message: "\u{1F517} Enter your Crew's Enterprise URL (more info at https://app.crewai.com):",
-    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews",
+    when: (answers) => answers.mode === "CrewAI" && answers.crewType === "Crews",
     validate: validateUrl,
     sanitize: sanitizers.url
   },
@@ -482,7 +483,7 @@ var questions = [
     type: "input",
     name: "crewBearerToken",
     message: "\u{1F511} Enter your Crew's bearer token:",
-    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Crews",
+    when: (answers) => answers.mode === "CrewAI" && answers.crewType === "Crews",
     sensitive: true,
     validate: validateRequired,
     sanitize: sanitizers.trim
@@ -493,14 +494,14 @@ var questions = [
     name: "crewFlowAgent",
     message: "\u{1F4E6} Choose a CrewAI Flow Template",
     choices: Array.from(CREW_FLOW_TEMPLATES),
-    when: (answers) => answers.agentFramework === "CrewAI" && answers.crewType === "Flows"
+    when: (answers) => answers.mode === "CrewAI" && answers.crewType === "Flows"
   },
   // LangGraph specific questions - shown when LangGraph selected
   {
     type: "yes/no",
     name: "alreadyDeployed",
     message: "\u{1F99C}\u{1F517} Do you have an existing LangGraph agent?",
-    when: (answers) => answers.agentFramework === "LangGraph",
+    when: (answers) => answers.mode === "LangGraph",
     validate: (input) => {
       try {
         YesNoSchema.parse(input);
@@ -514,7 +515,7 @@ var questions = [
     type: "yes/no",
     name: "langGraphPlatform",
     message: "\u{1F99C}\u{1F517} Do you already have a LangGraph Agent URL? (remote or localhost)",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "Yes",
+    when: (answers) => answers.mode === "LangGraph" && answers.alreadyDeployed === "Yes",
     validate: (input) => {
       try {
         YesNoSchema.parse(input);
@@ -528,33 +529,22 @@ var questions = [
     type: "input",
     name: "langGraphPlatformUrl",
     message: "\u{1F99C}\u{1F517} Enter your LangGraph Agent URL (remote or localhost)",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "Yes" && answers.langGraphPlatform === "Yes",
+    when: (answers) => answers.mode === "LangGraph" && answers.alreadyDeployed === "Yes" && answers.langGraphPlatform === "Yes",
     validate: validateUrl,
     sanitize: sanitizers.url
   },
-  // {
-  //   type: 'input',
-  //   name: 'langGraphRemoteEndpointURL',
-  //   message: '🔌 Enter your LangGraph endpoint URL:',
-  //   when: (answers) => 
-  //     answers.agentFramework === 'LangGraph' && 
-  //     answers.alreadyDeployed === 'Yes' &&
-  //     answers.langGraphPlatform === 'No',
-  //   validate: validateUrl,
-  //   sanitize: sanitizers.url
-  // },
   {
     type: "select",
     name: "langGraphAgent",
     message: "\u{1F4E6} Choose a LangGraph starter template:",
     choices: Array.from(LANGGRAPH_AGENTS),
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No"
+    when: (answers) => answers.mode === "LangGraph" && answers.alreadyDeployed === "No"
   },
   {
     type: "input",
     name: "langSmithApiKey",
     message: "\u{1F99C}\u{1F517} Enter your LangSmith API key (required by LangGraph Platform) :",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.langGraphPlatform === "Yes",
+    when: (answers) => answers.mode === "LangGraph" && answers.langGraphPlatform === "Yes",
     sensitive: true,
     validate: validateRequired,
     sanitize: sanitizers.apiKey
@@ -564,7 +554,7 @@ var questions = [
     type: "yes/no",
     name: "useCopilotCloud",
     message: "\u{1FA81} Deploy with Copilot Cloud? (recommended for production)",
-    when: (answers) => answers.agentFramework === "None" || answers.agentFramework !== "CrewAI" && // Crews only cloud, flows are self-hosted
+    when: (answers) => answers.mode === "Standard" || answers.mode === "MCP" || answers.mode !== "CrewAI" && // Crews only cloud, flows are self-hosted
     answers.alreadyDeployed === "Yes" && answers.langGraphPlatform !== "No",
     validate: (input) => {
       try {
@@ -575,21 +565,11 @@ var questions = [
       }
     }
   },
-  // {
-  //   type: 'yes/no',
-  //   name: 'fastApiEnabled',
-  //   message: '⚡ Set up a FastAPI server for local development?',
-  //   when: (answers) => 
-  //     answers.agentFramework === 'LangGraph' && 
-  //     answers.alreadyDeployed === 'No' && 
-  //     answers.langGraphAgent === 'Python Starter' &&
-  //     answers.useCopilotCloud !== 'Yes',
-  // },
   {
     type: "input",
     name: "llmToken",
     message: "\u{1F511} Enter your OpenAI API key (required for LLM interfacing):",
-    when: (answers) => answers.agentFramework === "LangGraph" && answers.alreadyDeployed === "No" || answers.agentFramework === "CrewAI" && answers.crewType === "Flows" || answers.agentFramework === "None" && answers.useCopilotCloud !== "Yes",
+    when: (answers) => answers.mode === "LangGraph" && answers.alreadyDeployed === "No" || answers.mode === "CrewAI" && answers.crewType === "Flows" || answers.mode === "Standard" && answers.useCopilotCloud !== "Yes" || answers.mode === "MCP" && answers.useCopilotCloud !== "Yes",
     sensitive: true,
     validate: validateRequired,
     sanitize: sanitizers.apiKey
@@ -601,7 +581,7 @@ import spawn from "cross-spawn";
 async function scaffoldShadCN(userAnswers) {
   try {
     const components = [];
-    switch (userAnswers.agentFramework) {
+    switch (userAnswers.mode) {
       case "LangGraph":
         if (userAnswers.langGraphAgent) {
           components.push(...templateMapping.LangGraphStarter);
@@ -625,7 +605,13 @@ async function scaffoldShadCN(userAnswers) {
           components.push(templateMapping.RemoteEndpoint);
         }
         break;
-      case "None":
+      case "MCP":
+        components.push(templateMapping.McpStarter);
+        if (userAnswers.useCopilotCloud !== "Yes") {
+          components.push(templateMapping.McpRuntime);
+        }
+        break;
+      case "Standard":
         components.push(templateMapping.StandardStarter);
         if (userAnswers.useCopilotCloud !== "Yes") {
           components.push(templateMapping.StandardRuntime);
@@ -852,7 +838,7 @@ import chalk5 from "chalk";
 import path3 from "path";
 import fs3 from "fs";
 async function scaffoldAgent(userAnswers) {
-  if (userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews" || userAnswers.agentFramework === "LangGraph" && !userAnswers.langGraphAgent || userAnswers.agentFramework === "None") {
+  if (userAnswers.mode === "CrewAI" && userAnswers.crewType === "Crews" || userAnswers.mode === "LangGraph" && !userAnswers.langGraphAgent || userAnswers.mode === "Standard" || userAnswers.mode === "MCP") {
     return;
   }
   const spinner = ora3({
@@ -860,7 +846,7 @@ async function scaffoldAgent(userAnswers) {
     color: "cyan"
   }).start();
   let template = "";
-  switch (userAnswers.agentFramework) {
+  switch (userAnswers.mode) {
     case "LangGraph":
       if (userAnswers.langGraphAgent === "Python Starter") {
         template = AgentTemplates.LangGraph.Starter.Python;
@@ -891,7 +877,7 @@ async function scaffoldAgent(userAnswers) {
       envContent += `OPENAI_API_KEY=${userAnswers.llmToken}
 `;
     }
-    if (userAnswers.agentFramework === "LangGraph" && userAnswers.langSmithApiKey) {
+    if (userAnswers.mode === "LangGraph" && userAnswers.langSmithApiKey) {
       envContent += `LANGSMITH_API_KEY=${userAnswers.langSmithApiKey}
 `;
     }
@@ -904,7 +890,7 @@ async function scaffoldAgent(userAnswers) {
     spinner.fail(chalk5.red("Failed to clone agent template"));
     throw error;
   }
-  spinner.succeed(`${userAnswers.agentFramework} agent cloned successfully`);
+  spinner.succeed(`${userAnswers.mode} agent cloned successfully`);
 }
 var AgentTemplates = {
   LangGraph: {
@@ -989,8 +975,8 @@ var CloudInit = class _CloudInit extends BaseCommand {
       this.log(chalk6.magenta("\n\u{1FA81} Welcome to CopilotKit"));
       this.log(chalk6.gray("Let's power up your Next.js project with AI capabilities\n"));
       this.validateProjectCompatibility(flags);
-      const userAnswers = await this.getUserAnswers();
-      const needsCloudSetup = userAnswers.useCopilotCloud === "Yes" || userAnswers.agentFramework === "CrewAI" && userAnswers.crewType === "Crews";
+      const userAnswers = await this.getUserAnswers(flags);
+      const needsCloudSetup = userAnswers.useCopilotCloud === "Yes" || userAnswers.mode === "CrewAI" && userAnswers.crewType === "Crews";
       if (needsCloudSetup) await this.setupCloud(flags, userAnswers);
       await scaffoldEnv(flags, userAnswers);
       await scaffoldShadCN(userAnswers);
@@ -1002,12 +988,36 @@ var CloudInit = class _CloudInit extends BaseCommand {
       this.gracefulError(error.message);
     }
   }
-  async getUserAnswers() {
+  async getUserAnswers(flags) {
+    const initialAnswers = {};
+    Object.keys(flags).forEach((flagName) => {
+      if (flagName in ConfigFlags && flags[flagName] !== void 0) {
+        const camelCaseFlagName = flagName.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+        if (YES_NO.includes(flags[flagName])) {
+          initialAnswers[camelCaseFlagName] = flags[flagName];
+        } else if (flags[flagName]) {
+          initialAnswers[camelCaseFlagName] = flags[flagName];
+        }
+      }
+    });
+    if (Object.keys(initialAnswers).length > 0) {
+      this.log("\nUsing the following values from provided flags:");
+      Object.entries(initialAnswers).forEach(([key, value]) => {
+        this.log(`  ${chalk6.green(key)}: ${value}`);
+      });
+      this.log("");
+    }
     const inquirerQuestions = questions.map((q) => {
+      if (initialAnswers[q.name] !== void 0) {
+        return null;
+      }
       const baseQuestion = {
         name: q.name,
         message: q.message,
-        when: q.when,
+        when: (answers2) => {
+          const combinedAnswers = { ...initialAnswers, ...answers2 };
+          return q.when ? q.when(combinedAnswers) : true;
+        },
         default: q.default,
         validate: q.validate
       };
@@ -1034,8 +1044,9 @@ var CloudInit = class _CloudInit extends BaseCommand {
             filter: q.sanitize ? (input) => q.sanitize(input) : void 0
           };
       }
-    });
-    const answers = await inquirer3.prompt(inquirerQuestions);
+    }).filter((q) => q !== null);
+    const promptAnswers = await inquirer3.prompt(inquirerQuestions);
+    const answers = { ...initialAnswers, ...promptAnswers };
     if (answers.langGraphPlatform === "No") {
       this.log("\nCurrently the CLI only supports scaffolding LangGraph Platform agents. Use our quickstart guide to get started:\n");
       this.log(chalk6.blue("https://docs.copilotkit.ai/coagents/quickstart/langgraph"));
@@ -1129,7 +1140,7 @@ var CloudInit = class _CloudInit extends BaseCommand {
         process.exit(1);
       }
     }
-    if (userAnswers.agentFramework === "LangGraph" && userAnswers.useCopilotCloud === "Yes" && userAnswers.alreadyDeployed === "Yes") {
+    if (userAnswers.mode === "LangGraph" && userAnswers.useCopilotCloud === "Yes" && userAnswers.alreadyDeployed === "Yes") {
       const langGraphSpinner = ora5({
         text: chalk6("\u{1F99C}\u{1F517} Adding LangGraph to Copilot Cloud..."),
         color: "cyan"
@@ -1207,7 +1218,7 @@ var CloudInit = class _CloudInit extends BaseCommand {
     let agentDevInstructions = "";
     let agentType = "";
     let agentSetupMessage = "";
-    if (userAnswers.agentFramework === "CrewAI") {
+    if (userAnswers.mode === "CrewAI") {
       agentType = "CrewAI";
       if (userAnswers.crewType === "Crews") {
         agentSetupMessage = `Using your Crew from ${chalk6.cyan(userAnswers.crewUrl || "the provided URL")}.`;
@@ -1215,7 +1226,7 @@ var CloudInit = class _CloudInit extends BaseCommand {
         agentSetupMessage = `We've scaffolded a ${chalk6.cyan(userAnswers.crewFlowAgent || "CrewAI")} agent in the ${chalk6.cyan("./agent")} directory.`;
       }
     }
-    switch (userAnswers.agentFramework) {
+    switch (userAnswers.mode) {
       case "LangGraph":
         switch (userAnswers.langGraphAgent) {
           case "Python Starter":