@magicappdev/cli 0.0.7 → 0.0.9

package/dist/cli.d.ts

@@ -2,7 +2,6 @@
  * MagicAppDev CLI
  */
 import { Command } from "commander";
-/** TEST - Test if build picks up changes */
 /** Create the CLI program */
 export declare function createProgram(): Command;
 /** Run the CLI */

package/dist/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,4CAA4C;AAE5C,6BAA6B;AAC7B,wBAAgB,aAAa,IAAI,OAAO,CAiBvC;AAED,kBAAkB;AAClB,wBAAsB,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAGxD"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA2CpC,6BAA6B;AAC7B,wBAAgB,aAAa,IAAI,OAAO,CA2BvC;AAED,kBAAkB;AAClB,wBAAsB,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBxD"}

package/dist/cli.js

@@ -13,14 +13,53 @@ const require = createRequire(import.meta.url);
 const pkg = require("../package.json");
 /** Package version */
 const VERSION = pkg.version;
-/** TEST - Test if build picks up changes */
+/** Compare semver versions: returns 1 if a > b, -1 if a < b, 0 if equal */
+function compareVersions(a, b) {
+    const partsA = a.split(".").map(Number);
+    const partsB = b.split(".").map(Number);
+    for (let i = 0; i < 3; i++) {
+        if (partsA[i] > partsB[i])
+            return 1;
+        if (partsA[i] < partsB[i])
+            return -1;
+    }
+    return 0;
+}
+/** Check for updates by fetching npm registry (non-blocking) */
+async function checkForUpdates() {
+    try {
+        const response = await fetch(`https://registry.npmjs.org/${pkg.name}/latest`, { signal: AbortSignal.timeout(3000) });
+        if (response.ok) {
+            const data = (await response.json());
+            const latestVersion = data.version;
+            // Only show update message if npm version is newer than local
+            if (latestVersion && compareVersions(latestVersion, pkg.version) > 0) {
+                console.log(`\n\x1b[33mUpdate available:\x1b[0m ${pkg.version} → ${latestVersion}`);
+                console.log(`Run \x1b[36mnpm install -g ${pkg.name}\x1b[0m to update\n`);
+            }
+        }
+    }
+    catch {
+        // Silently ignore update check errors (network issues, timeouts, etc.)
+    }
+}
 /** Create the CLI program */
 export function createProgram() {
     const program = new Command();
     program
         .name("magicappdev")
         .description("CLI for creating and managing MagicAppDev apps")
-        .version(VERSION, "-v, --version", "Display version number");
+        .version(VERSION, "-V, --version", "Display version number")
+        .option("-d, --debug", "Enable debug mode for verbose logging")
+        .hook("preAction", thisCommand => {
+        const opts = thisCommand.opts();
+        if (opts.debug) {
+            process.env.DEBUG = "true";
+            console.log(`[DEBUG] MagicAppDev CLI v${VERSION}`);
+            console.log(`[DEBUG] Node.js ${process.version}`);
+            console.log(`[DEBUG] Platform: ${process.platform} ${process.arch}`);
+        }
+    });
     // Add commands
     program.addCommand(initCommand);
     program.addCommand(authCommand);
@@ -32,6 +71,16 @@ export function createProgram() {
 }
 /** Run the CLI */
 export async function run(argv) {
+    // Handle Ctrl+C gracefully
+    process.on("SIGINT", () => {
+        console.log("\n\x1b[2mInterrupted.\x1b[0m");
+        process.exit(0);
+    });
+    process.on("SIGTERM", () => {
+        process.exit(0);
+    });
+    // Check for updates (non-blocking)
+    checkForUpdates();
     const program = createProgram();
     await program.parseAsync(argv || process.argv);
 }

package/dist/commands/auth.js

@@ -18,11 +18,34 @@ authCommand
     // Setup local callback server
     const server = http.createServer(async (req, res) => {
         const url = new URL(req.url, `http://${req.headers.host}`);
+        // Ignore favicon and other non-callback requests
+        if (url.pathname !== "/" || req.method !== "GET") {
+            res.writeHead(204);
+            res.end();
+            return;
+        }
         const accessToken = url.searchParams.get("accessToken");
         const refreshToken = url.searchParams.get("refreshToken");
-        if (accessToken && refreshToken) {
+        // If no tokens yet, this is just the initial browser request - wait for callback
+        if (!accessToken && !refreshToken) {
+            res.writeHead(200, { "Content-Type": "text/html" });
+            res.end("<h1>Authenticating...</h1><p>Please complete the GitHub login in the popup.</p>");
+            return;
+        }
+        // Validate accessToken is JWT format (basic check)
+        const isValidJwt = (token) => typeof token === "string" &&
+            token.split(".").length === 3 &&
+            token.length > 20 &&
+            token.length < 2000;
+        // Validate refreshToken is UUID format
+        const isValidUuid = (token) => typeof token === "string" &&
+            /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(token);
+        if (isValidJwt(accessToken) && isValidUuid(refreshToken)) {
             // Store tokens
-            await saveConfig({ accessToken, refreshToken });
+            await saveConfig({
+                accessToken: accessToken,
+                refreshToken: refreshToken,
+            });
             api.setToken(accessToken);
             info(`Access Token received and saved`);
             res.writeHead(200, { "Content-Type": "text/html" });
@@ -31,8 +54,9 @@ authCommand
             process.exit(0);
         }
         else {
-            res.writeHead(400);
-            res.end("Login failed: Missing tokens");
+            error("Login failed: Invalid token format received");
+            res.writeHead(400, { "Content-Type": "text/html" });
+            res.end("<h1>Login Failed</h1><p>Invalid token format received.</p>");
         }
     });
     server.listen(0, async () => {

package/dist/commands/chat.d.ts

@@ -1,5 +1,6 @@
 /**
  * Chat command - Interactive AI App Builder
+ * Uses native WebSocket with partykit-compatible URL
  */
 import { Command } from "commander";
 export declare const chatCommand: Command;

package/dist/commands/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/commands/chat.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,eAAO,MAAM,WAAW,SA8BpB,CAAC"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/commands/chat.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAqBpC,eAAO,MAAM,WAAW,SAoEpB,CAAC"}

package/dist/commands/chat.js

@@ -1,95 +1,205 @@
 /**
  * Chat command - Interactive AI App Builder
+ * Uses native WebSocket with partykit-compatible URL
  */
 import { header, logo, info } from "../lib/ui.js";
-import { AgentClient } from "agents/client";
 import { AGENT_HOST } from "../lib/api.js";
 import { Command } from "commander";
 import prompts from "prompts";
+import WebSocket from "ws";
 import chalk from "chalk";
 import ora from "ora";
+// Handle Ctrl+C in prompts
+const onCancel = () => {
+    console.log(chalk.dim("\nGoodbye!"));
+    process.exit(0);
+};
 export const chatCommand = new Command("chat")
     .description("Chat with the Magic AI App Builder")
-    .action(async () => {
+    .option("-d, --debug", "Enable debug logging")
+    .action(async (options) => {
+    const debug = options.debug || process.env.DEBUG === "true";
     logo();
     header("Magic AI Assistant");
     info("Connecting to agent...");
     const spinner = ora("Initializing connection").start();
-    // Initialize Agent Client
-    const client = new AgentClient({
-        host: AGENT_HOST,
-        agent: "magic-agent",
-        name: "default",
+    // Build WebSocket URL with party headers embedded
+    // The agents SDK expects: /parties/{namespace}/{room} or /agents/{namespace}/{room}
+    const wsUrl = `wss://${AGENT_HOST}/agents/magic-agent/default`;
+    if (debug) {
+        console.log(chalk.dim(`\n[DEBUG] Connecting to: ${wsUrl}`));
+    }
+    const ws = new WebSocket(wsUrl, {
+        headers: {
+            "x-partykit-namespace": "magic-agent",
+            "x-partykit-room": "default",
+        },
     });
-    client.addEventListener("open", () => {
+    // Connection timeout
+    const connectionTimeout = setTimeout(() => {
+        if (ws.readyState !== WebSocket.OPEN) {
+            spinner.fail("Connection timeout - agent not responding");
+            ws.terminate();
+            process.exit(1);
+        }
+    }, 10000);
+    ws.on("open", () => {
+        clearTimeout(connectionTimeout);
         spinner.succeed("Connected to Magic AI Assistant");
-        startChatLoop(client);
+        if (debug) {
+            console.log(chalk.dim("[DEBUG] WebSocket connection established"));
+        }
+        startChatLoop(ws, debug);
     });
-    client.addEventListener("close", () => {
-        spinner.fail("Disconnected from agent");
+    ws.on("close", (code, reason) => {
+        clearTimeout(connectionTimeout);
+        const reasonStr = reason?.toString() || "Connection closed";
+        if (debug) {
+            console.log(chalk.dim(`\n[DEBUG] WebSocket closed: ${code} - ${reasonStr}`));
+        }
+        if (code !== 1000) {
+            // 1000 = normal closure
+            spinner.fail(`Disconnected from agent (${code})`);
+        }
         process.exit(0);
     });
-    client.addEventListener("error", (event) => {
-        spinner.fail(`Connection error: ${event.message || "Unknown error"}`);
+    ws.on("error", (err) => {
+        clearTimeout(connectionTimeout);
+        spinner.fail(`Connection error: ${err.message}`);
+        if (debug) {
+            console.error(chalk.red(`\n[DEBUG] WebSocket error:`), err);
+        }
         process.exit(1);
     });
 });
-async function startChatLoop(client) {
+async function startChatLoop(ws, debug) {
     console.log(chalk.dim("\nType your message below (type 'exit' to quit)"));
-    while (true) {
+    // Track if we're waiting for a response
+    let waitingForResponse = false;
+    let currentResponse = "";
+    let responseSpinner = null;
+    let resolveResponse = null;
+    // Handle incoming messages
+    ws.on("message", (data) => {
+        try {
+            const raw = data.toString();
+            const message = JSON.parse(raw);
+            if (debug) {
+                console.log(chalk.dim(`\n[DEBUG] Received: ${message.type || "unknown"}`));
+                console.log(chalk.dim(`[DEBUG] Raw: ${raw.substring(0, 200)}...`));
+            }
+            // Handle different message types
+            switch (message.type) {
+                case "chat_start":
+                    if (debug) {
+                        console.log(chalk.dim(`[DEBUG] Using model: ${message.model}`));
+                    }
+                    break;
+                case "chat_chunk":
+                    if (message.content) {
+                        currentResponse += message.content;
+                        if (responseSpinner) {
+                            // Show last line of response in spinner
+                            const lastLine = currentResponse.split("\n").pop() || "...";
+                            responseSpinner.text = chalk.gray(lastLine.length > 60 ? lastLine.slice(-60) + "..." : lastLine);
+                        }
+                    }
+                    break;
+                case "chat_done":
+                    if (responseSpinner) {
+                        responseSpinner.stop();
+                    }
+                    if (currentResponse) {
+                        console.log(chalk.green("\nMagic AI:"), currentResponse);
+                    }
+                    else {
+                        console.log(chalk.yellow("\nMagic AI: (No response received)"));
+                    }
+                    if (message.suggestedTemplate) {
+                        console.log(chalk.yellow("\nSuggested Template:"), chalk.bold(message.suggestedTemplate));
+                        console.log(chalk.dim(`Run 'magicappdev init --template ${message.suggestedTemplate}' to use it.`));
+                    }
+                    console.log(""); // Spacing
+                    // Reset state and resolve promise
+                    currentResponse = "";
+                    waitingForResponse = false;
+                    if (resolveResponse) {
+                        resolveResponse();
+                        resolveResponse = null;
+                    }
+                    break;
+                case "error":
+                    if (responseSpinner) {
+                        responseSpinner.fail(`Error: ${message.error || message.message || "Unknown error"}`);
+                    }
+                    currentResponse = "";
+                    waitingForResponse = false;
+                    if (resolveResponse) {
+                        resolveResponse();
+                        resolveResponse = null;
+                    }
+                    break;
+                case "state:update":
+                case "cf_agent_state":
+                    // Ignore state updates from agents SDK
+                    break;
+                default:
+                    if (debug) {
+                        console.log(chalk.dim(`[DEBUG] Ignored message type: ${message.type}`));
+                    }
+            }
+        }
+        catch (err) {
+            if (debug) {
+                console.error(chalk.red("[DEBUG] Parse error:"), err);
+            }
+        }
+    });
+    // Main chat loop
+    while (ws.readyState === WebSocket.OPEN) {
         const response = await prompts({
             type: "text",
             name: "message",
             message: chalk.cyan("You:"),
-        });
-        if (!response.message || response.message.toLowerCase() === "exit") {
-            client.close();
+        }, { onCancel });
+        // Handle Ctrl+C or empty input
+        if (!response.message) {
+            console.log(chalk.dim("\nGoodbye!"));
+            ws.close(1000, "User exit");
             break;
         }
-        const spinner = ora("Magic AI is thinking...").start();
-        let currentResponse = "";
-        const messageHandler = (event) => {
-            try {
-                const data = JSON.parse(event.data);
-                if (data.type === "chat_chunk") {
-                    currentResponse += data.content;
-                    spinner.text = chalk.gray(currentResponse.split("\n").pop() || "...");
-                }
-                else if (data.type === "chat_done") {
-                    spinner.stop();
-                    console.log(chalk.green("\nMagic AI:"), currentResponse);
-                    if (data.suggestedTemplate) {
-                        console.log(chalk.yellow("\n💡 Suggested Template:"), chalk.bold(data.suggestedTemplate));
-                        console.log(chalk.dim(`Run 'magicappdev init --template ${data.suggestedTemplate}' to use it.`));
-                    }
-                    console.log(""); // Spacing
-                    client.removeEventListener("message", messageHandler);
-                }
-            }
-            catch {
-                // Ignore parse errors for chunks
-            }
-        };
-        client.addEventListener("message", messageHandler);
-        client.send(JSON.stringify({
+        if (response.message.toLowerCase() === "exit") {
+            console.log(chalk.dim("\nGoodbye!"));
+            ws.close(1000, "User exit");
+            break;
+        }
+        // Send message
+        waitingForResponse = true;
+        currentResponse = "";
+        responseSpinner = ora("Magic AI is thinking...").start();
+        ws.send(JSON.stringify({
             type: "chat",
             content: response.message,
         }));
-        // Wait for the response to finish before next prompt
+        // Wait for response to complete
         await new Promise(resolve => {
-            const doneHandler = (event) => {
-                try {
-                    const data = JSON.parse(event.data);
-                    if (data.type === "chat_done" || data.type === "error") {
-                        client.removeEventListener("message", doneHandler);
-                        resolve();
+            resolveResponse = resolve;
+            // Timeout for response
+            const responseTimeout = setTimeout(() => {
+                if (waitingForResponse) {
+                    if (responseSpinner) {
+                        responseSpinner.fail("Response timeout");
                     }
+                    waitingForResponse = false;
+                    resolve();
                 }
-                catch {
-                    // Ignore
-                }
+            }, 60000); // 60 second timeout for AI response
+            // Clean up timeout when resolved
+            const originalResolve = resolveResponse;
+            resolveResponse = () => {
+                clearTimeout(responseTimeout);
+                originalResolve();
             };
-            client.addEventListener("message", doneHandler);
         });
     }
 }

package/dist/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAAA;;GAEG;AA0BH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AASpC,eAAO,MAAM,WAAW,SA6GpB,CAAC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAAA;;GAEG;AAyBH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA8CpC,eAAO,MAAM,WAAW,SA2JpB,CAAC"}

package/dist/commands/init.js

@@ -1,11 +1,46 @@
 /**
  * Init command - Initialize a new MagicAppDev project
  */
-import { promptProjectName, promptFramework, promptStyling, promptTypeScript, promptSelect, } from "../lib/prompts.js";
+import { promptProjectName, promptFramework, promptStyling, promptTypeScript, promptSelect, promptPreferences, } from "../lib/prompts.js";
 import { header, logo, success, error, info, keyValue, command, newline, divider, } from "../lib/ui.js";
-import { generateApp, blankAppTemplate, tabsAppTemplate, } from "@magicappdev/templates";
+import { builtInTemplates } from "@magicappdev/templates";
+import { generateApp } from "@magicappdev/templates";
 import { withSpinner } from "../lib/spinner.js";
+import { spawn } from "child_process";
 import { Command } from "commander";
+import * as path from "path";
+/** Detect the package manager to use */
+function detectPackageManager() {
+    const userAgent = process.env.npm_config_user_agent || "";
+    if (userAgent.includes("pnpm"))
+        return "pnpm";
+    if (userAgent.includes("yarn"))
+        return "yarn";
+    if (userAgent.includes("bun"))
+        return "bun";
+    return "npm";
+}
+/** Run package manager install */
+async function runInstall(projectDir, pm) {
+    return new Promise(resolve => {
+        const child = spawn(pm, ["install"], {
+            cwd: projectDir,
+            stdio: "inherit",
+            shell: true,
+        });
+        child.on("close", code => {
+            if (code === 0) {
+                resolve({ success: true });
+            }
+            else {
+                resolve({ success: false, error: `Exit code ${code}` });
+            }
+        });
+        child.on("error", err => {
+            resolve({ success: false, error: err.message });
+        });
+    });
+}
 export const initCommand = new Command("init")
     .description("Initialize a new MagicAppDev project")
     .argument("[name]", "Project name")
@@ -13,6 +48,7 @@ export const initCommand = new Command("init")
     .option("-f, --framework <framework>", "Framework (expo, react-native, next)")
     .option("--typescript", "Use TypeScript", true)
     .option("-y, --yes", "Skip prompts and use defaults")
+    .option("--no-install", "Skip installing dependencies")
     .action(async (name, options) => {
     logo();
     header("Create a new project");
@@ -34,7 +70,11 @@ export const initCommand = new Command("init")
                     value: "blank",
                     description: "Minimal starter template",
                 },
-                { title: "Tabs", value: "tabs", description: "Tab-based navigation" },
+                {
+                    title: "Tabs",
+                    value: "tabs",
+                    description: "Tab-based navigation",
+                },
             ]);
         }
         if (!templateSlug) {
@@ -67,6 +107,11 @@ export const initCommand = new Command("init")
                     ? "nativewind"
                     : "tailwind";
         }
+        // Get additional preferences
+        let preferences = {};
+        if (!options.yes) {
+            preferences = (await promptPreferences()) || {};
+        }
         newline();
         divider();
         info("Creating project with:");
@@ -75,27 +120,46 @@ export const initCommand = new Command("init")
         keyValue("Framework", framework);
         keyValue("TypeScript", typescript ? "Yes" : "No");
         keyValue("Styling", styling);
+        keyValue("Preferences", Object.keys(preferences).join(", ") || "None");
         divider();
         newline();
         // Find template
-        const template = templateSlug === "tabs" ? tabsAppTemplate : blankAppTemplate;
+        const template = builtInTemplates.find(t => t.id === templateSlug) ||
+            builtInTemplates[0];
         // Generate project
         const outputDir = process.cwd();
+        const projectDir = path.join(outputDir, projectName);
         const result = await withSpinner(`Creating ${projectName}...`, async () => {
             return generateApp(projectName, template, outputDir, {
                 typescript,
                 styling,
                 framework,
-            });
+            }, preferences);
         }, { successText: `Created ${projectName}` });
         newline();
         success(`Project created successfully!`);
         info(`Files created: ${result.files.length}`);
+        // Install dependencies
+        const shouldInstall = options.install !== false;
+        if (shouldInstall) {
+            const pm = detectPackageManager();
+            newline();
+            const installResult = await withSpinner(`Installing dependencies with ${pm}...`, async () => runInstall(projectDir, pm), { successText: "Dependencies installed" });
+            if (!installResult.success) {
+                error(`Failed to install dependencies: ${installResult.error || "Unknown error"}`);
+                info("You can install them manually:");
+                command(`cd ${projectName}`);
+                command(`${pm} install`);
+            }
+        }
         newline();
         info("Next steps:");
         command(`cd ${projectName}`);
-        command("npm install");
-        command("npm start");
+        if (!shouldInstall || options.install === false) {
+            const pm = detectPackageManager();
+            command(`${pm} install`);
+        }
+        command(`${detectPackageManager()} start`);
         newline();
     }
     catch (err) {

package/dist/lib/prompts.d.ts

@@ -14,6 +14,15 @@ export declare function promptSelect<T>(message: string, choices: Array<{
 }>, options?: {
     initial?: number;
 }): Promise<T | undefined>;
+/** Prompt for multi-selection from a list */
+export declare function promptMultiSelect<T>(message: string, choices: Array<{
+    title: string;
+    value: T;
+    description?: string;
+}>, options?: {
+    min?: number;
+    max?: number;
+}): Promise<T[]>;
 /** Prompt for confirmation (yes/no) */
 export declare function promptConfirm(message: string, options?: {
     initial?: boolean;
@@ -22,6 +31,8 @@ export declare function promptConfirm(message: string, options?: {
 export declare function promptProjectName(initial?: string): Promise<string | undefined>;
 /** Prompt for framework selection */
 export declare function promptFramework(): Promise<string | undefined>;
+/** Prompt for additional preferences */
+export declare function promptPreferences(): Promise<Record<string, boolean>>;
 /** Prompt for styling selection */
 export declare function promptStyling(framework: string): Promise<string | undefined>;
 /** Prompt for TypeScript */

package/dist/lib/prompts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompts.d.ts","sourceRoot":"","sources":["../../src/lib/prompts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,4BAA4B;AAC5B,wBAAsB,UAAU,CAC9B,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;CAC3C,GACL,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAU7B;AAED,uCAAuC;AACvC,wBAAsB,YAAY,CAAC,CAAC,EAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EACjE,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;CACb,GACL,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAUxB;AAED,uCAAuC;AACvC,wBAAsB,aAAa,CACjC,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,OAAO,CAAC;CACd,GACL,OAAO,CAAC,OAAO,CAAC,CASlB;AAED,8CAA8C;AAC9C,wBAAsB,iBAAiB,CACrC,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAa7B;AAED,qCAAqC;AACrC,wBAAsB,eAAe,IAAI,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAmBnE;AAED,mCAAmC;AACnC,wBAAsB,aAAa,CACjC,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CA0C7B;AAED,4BAA4B;AAC5B,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAEzD"}
+{"version":3,"file":"prompts.d.ts","sourceRoot":"","sources":["../../src/lib/prompts.ts"],"names":[],"mappings":"AAAA;;GAEG;AAWH,4BAA4B;AAC5B,wBAAsB,UAAU,CAC9B,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;CAC3C,GACL,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAa7B;AAED,uCAAuC;AACvC,wBAAsB,YAAY,CAAC,CAAC,EAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EACjE,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;CACb,GACL,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAaxB;AAED,6CAA6C;AAC7C,wBAAsB,iBAAiB,CAAC,CAAC,EACvC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EACjE,OAAO,GAAE;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACT,GACL,OAAO,CAAC,CAAC,EAAE,CAAC,CAed;AAED,uCAAuC;AACvC,wBAAsB,aAAa,CACjC,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,OAAO,CAAC;CACd,GACL,OAAO,CAAC,OAAO,CAAC,CAYlB;AAED,8CAA8C;AAC9C,wBAAsB,iBAAiB,CACrC,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAa7B;AAED,qCAAqC;AACrC,wBAAsB,eAAe,IAAI,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAanE;AAED,wCAAwC;AACxC,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAuC1E;AAED,mCAAmC;AACnC,wBAAsB,aAAa,CACjC,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CA0C7B;AAED,4BAA4B;AAC5B,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAEzD"}

package/dist/lib/prompts.js

@@ -3,6 +3,11 @@
  */
 import prompts from "prompts";
 import chalk from "chalk";
+// Handle Ctrl+C in prompts - exit cleanly
+const onCancel = () => {
+    console.log(chalk.dim("\nCancelled."));
+    process.exit(0);
+};
 /** Prompt for text input */
 export async function promptText(message, options = {}) {
     const response = await prompts({
@@ -11,7 +16,7 @@ export async function promptText(message, options = {}) {
         message,
         initial: options.initial,
         validate: options.validate,
-    });
+    }, { onCancel });
     return response.value;
 }
 /** Prompt for selection from a list */
@@ -22,9 +27,22 @@ export async function promptSelect(message, choices, options = {}) {
         message,
         choices,
         initial: options.initial || 0,
-    });
+    }, { onCancel });
     return response.value;
 }
+/** Prompt for multi-selection from a list */
+export async function promptMultiSelect(message, choices, options = {}) {
+    const response = await prompts({
+        type: "multiselect",
+        name: "value",
+        message,
+        choices,
+        min: options.min,
+        max: options.max,
+        hint: "- Space to select. Return to submit",
+    }, { onCancel });
+    return response.value || [];
+}
 /** Prompt for confirmation (yes/no) */
 export async function promptConfirm(message, options = {}) {
     const response = await prompts({
@@ -32,7 +50,7 @@ export async function promptConfirm(message, options = {}) {
         name: "value",
         message,
         initial: options.initial ?? true,
-    });
+    }, { onCancel });
     return response.value;
 }
 /** Prompt for project name with validation */
@@ -63,13 +81,41 @@ export async function promptFramework() {
             value: "react-native",
             description: "React Native without Expo",
         },
+    ]);
+}
+/** Prompt for additional preferences */
+export async function promptPreferences() {
+    const preferences = await promptMultiSelect("Select additional preferences:", [
+        {
+            title: "ESLint (code linting)",
+            value: "eslint",
+            description: "Add ESLint for code quality",
+        },
+        {
+            title: "Prettier (code formatting)",
+            value: "prettier",
+            description: "Add Prettier for code formatting",
+        },
+        {
+            title: "Jest (testing framework)",
+            value: "jest",
+            description: "Add Jest for testing",
+        },
+        {
+            title: "TypeScript (recommended)",
+            value: "typescript",
+            description: "Use TypeScript",
+        },
         {
-            title: "Next.js",
-            value: "next",
-            description: "React framework for the web",
+            title: "Tailwind CSS (styling)",
+            value: "tailwind",
+            description: "Add Tailwind CSS for styling",
         },
-        { title: "Remix", value: "remix", description: "Full stack web framework" },
     ]);
+    return preferences.reduce((acc, pref) => {
+        acc[pref] = true;
+        return acc;
+    }, {});
 }
 /** Prompt for styling selection */
 export async function promptStyling(framework) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicappdev/cli",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "CLI tool for creating and managing MagicAppDev apps",
   "keywords": [
     "cli",