@magicappdev/cli 0.0.2

package/bin/cli.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+
+import { run } from "../dist/cli.js";
+
+run().catch(error => {
+  console.error(error);
+  process.exit(1);
+});

package/dist/cli.d.ts

@@ -0,0 +1,9 @@
+/**
+ * MagicAppDev CLI
+ */
+import { Command } from "commander";
+/** Create the CLI program */
+export declare function createProgram(): Command;
+/** Run the CLI */
+export declare function run(argv?: string[]): Promise<void>;
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAAA;;GAEG;AAQH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,6BAA6B;AAC7B,wBAAgB,aAAa,IAAI,OAAO,CAgBvC;AAED,kBAAkB;AAClB,wBAAsB,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAGxD"}

package/dist/cli.js

@@ -0,0 +1,38 @@
+/**
+ * MagicAppDev CLI
+ */
+import { generateCommand } from "./commands/generate/index.js";
+import { doctorCommand } from "./commands/doctor.js";
+import { initCommand } from "./commands/init.js";
+import { authCommand } from "./commands/auth.js";
+import { chatCommand } from "./commands/chat.js";
+import { createRequire } from "module";
+import { Command } from "commander";
+const require = createRequire(import.meta.url);
+const pkg = require("../package.json");
+/** Package version */
+const VERSION = pkg.version;
+/** 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");
+    // Add commands
+    program.addCommand(initCommand);
+    program.addCommand(authCommand);
+    program.addCommand(chatCommand);
+    program.addCommand(generateCommand);
+    program.addCommand(doctorCommand);
+    return program;
+}
+/** Run the CLI */
+export async function run(argv) {
+    const program = createProgram();
+    await program.parseAsync(argv || process.argv);
+}
+// Run if executed directly
+if (import.meta.url.endsWith(process.argv[1].replace(/\\/g, "/"))) {
+    run().catch(console.error);
+}

package/dist/commands/auth.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Auth commands - Login and logout
+ */
+import { Command } from "commander";
+export declare const authCommand: Command;
+//# sourceMappingURL=auth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/commands/auth.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,eAAO,MAAM,WAAW,SAEvB,CAAC"}

package/dist/commands/auth.js

@@ -0,0 +1,65 @@
+/**
+ * Auth commands - Login and logout
+ */
+import { header, logo, success, error, info, command } from "../lib/ui.js";
+import { saveConfig, loadConfig } from "../lib/config.js";
+import { api } from "../lib/api.js";
+import { Command } from "commander";
+import open from "open";
+import http from "http";
+export const authCommand = new Command("auth").description("Authentication commands");
+authCommand
+    .command("login")
+    .description("Login to MagicAppDev using GitHub")
+    .action(async () => {
+    logo();
+    header("Authentication");
+    info("Opening GitHub login in your browser...");
+    // Setup local callback server
+    const server = http.createServer(async (req, res) => {
+        const url = new URL(req.url, `http://${req.headers.host}`);
+        const accessToken = url.searchParams.get("accessToken");
+        const refreshToken = url.searchParams.get("refreshToken");
+        if (accessToken && refreshToken) {
+            // Store tokens
+            await saveConfig({ accessToken, refreshToken });
+            api.setToken(accessToken);
+            info(`Access Token received and saved`);
+            res.writeHead(200, { "Content-Type": "text/html" });
+            res.end("<h1>Login Successful!</h1><p>You can close this window now.</p>");
+            success("Successfully logged in!");
+            process.exit(0);
+        }
+        else {
+            res.writeHead(400);
+            res.end("Login failed: Missing tokens");
+        }
+    });
+    server.listen(0, async () => {
+        const address = server.address();
+        const port = address.port;
+        const redirectUri = `http://localhost:${port}`;
+        const loginUrl = api.getGitHubLoginUrl("mobile") +
+            `&redirect_uri=${encodeURIComponent(redirectUri)}`;
+        await open(loginUrl);
+        info(`If the browser didn't open, visit: ${loginUrl}`);
+    });
+});
+authCommand
+    .command("whoami")
+    .description("Show current user")
+    .action(async () => {
+    try {
+        const config = await loadConfig();
+        if (!config.accessToken) {
+            throw new Error("No token found");
+        }
+        api.setToken(config.accessToken);
+        const user = await api.getCurrentUser();
+        success(`Logged in as: ${user.name} (${user.email})`);
+    }
+    catch {
+        error("Not logged in or session expired.");
+        command("magicappdev auth login");
+    }
+});

package/dist/commands/chat.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Chat command - Interactive AI App Builder
+ */
+import { Command } from "commander";
+export declare const chatCommand: Command;
+//# sourceMappingURL=chat.d.ts.map

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

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

package/dist/commands/chat.js

@@ -0,0 +1,95 @@
+/**
+ * Chat command - Interactive AI App Builder
+ */
+import { header, logo, info } from "../lib/ui.js";
+import { AgentClient } from "agents/client";
+import { Command } from "commander";
+import { AGENT_HOST } from "../lib/api.js";
+import prompts from "prompts";
+import chalk from "chalk";
+import ora from "ora";
+export const chatCommand = new Command("chat")
+    .description("Chat with the Magic AI App Builder")
+    .action(async () => {
+    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",
+    });
+    client.addEventListener("open", () => {
+        spinner.succeed("Connected to Magic AI Assistant");
+        startChatLoop(client);
+    });
+    client.addEventListener("close", () => {
+        spinner.fail("Disconnected from agent");
+        process.exit(0);
+    });
+    client.addEventListener("error", (event) => {
+        spinner.fail(`Connection error: ${event.message || "Unknown error"}`);
+        process.exit(1);
+    });
+});
+async function startChatLoop(client) {
+    console.log(chalk.dim("\nType your message below (type 'exit' to quit)"));
+    while (true) {
+        const response = await prompts({
+            type: "text",
+            name: "message",
+            message: chalk.cyan("You:"),
+        });
+        if (!response.message || response.message.toLowerCase() === "exit") {
+            client.close();
+            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({
+            type: "chat",
+            content: response.message,
+        }));
+        // Wait for the response to finish before next prompt
+        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();
+                    }
+                }
+                catch {
+                    // Ignore
+                }
+            };
+            client.addEventListener("message", doneHandler);
+        });
+    }
+}

package/dist/commands/doctor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Doctor command - Diagnose project issues
+ */
+import { Command } from "commander";
+export declare const doctorCommand: Command;
+//# sourceMappingURL=doctor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"doctor.d.ts","sourceRoot":"","sources":["../../src/commands/doctor.ts"],"names":[],"mappings":"AAAA;;GAEG;AAYH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAYpC,eAAO,MAAM,aAAa,SA0KtB,CAAC"}

package/dist/commands/doctor.js

@@ -0,0 +1,174 @@
+/**
+ * Doctor command - Diagnose project issues
+ */
+import { header, success, error, warn, info, newline, divider, } from "../lib/ui.js";
+import { createSpinner } from "../lib/spinner.js";
+import { Command } from "commander";
+import * as path from "node:path";
+import * as fs from "node:fs";
+import { execa } from "execa";
+export const doctorCommand = new Command("doctor")
+    .description("Diagnose project issues and check environment")
+    .option("--fix", "Attempt to fix issues automatically")
+    .action(async () => {
+    header("Project Diagnostics");
+    const checks = [];
+    // Check Node.js version
+    const spinner = createSpinner("Checking environment...").start();
+    try {
+        const nodeVersion = process.version;
+        const majorVersion = parseInt(nodeVersion.slice(1).split(".")[0]);
+        if (majorVersion >= 18) {
+            checks.push({
+                name: "Node.js",
+                status: "pass",
+                message: `Version ${nodeVersion}`,
+            });
+        }
+        else {
+            checks.push({
+                name: "Node.js",
+                status: "warn",
+                message: `Version ${nodeVersion} (recommend 18+)`,
+                fix: "nvm install 20",
+            });
+        }
+    }
+    catch {
+        checks.push({
+            name: "Node.js",
+            status: "fail",
+            message: "Could not determine version",
+        });
+    }
+    // Check npm/pnpm
+    try {
+        const { stdout: npmVersion } = await execa("npm", ["--version"]);
+        checks.push({
+            name: "npm",
+            status: "pass",
+            message: `Version ${npmVersion.trim()}`,
+        });
+    }
+    catch {
+        checks.push({
+            name: "npm",
+            status: "fail",
+            message: "Not found",
+        });
+    }
+    // Check pnpm
+    try {
+        const { stdout: pnpmVersion } = await execa("pnpm", ["--version"]);
+        checks.push({
+            name: "pnpm",
+            status: "pass",
+            message: `Version ${pnpmVersion.trim()}`,
+        });
+    }
+    catch {
+        checks.push({
+            name: "pnpm",
+            status: "warn",
+            message: "Not found (optional)",
+            fix: "npm install -g pnpm",
+        });
+    }
+    // Check git
+    try {
+        const { stdout: gitVersion } = await execa("git", ["--version"]);
+        checks.push({
+            name: "Git",
+            status: "pass",
+            message: gitVersion.trim(),
+        });
+    }
+    catch {
+        checks.push({
+            name: "Git",
+            status: "fail",
+            message: "Not found",
+        });
+    }
+    // Check for package.json in current directory
+    const packageJsonPath = path.join(process.cwd(), "package.json");
+    if (fs.existsSync(packageJsonPath)) {
+        try {
+            const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+            checks.push({
+                name: "package.json",
+                status: "pass",
+                message: `Found (${packageJson.name || "unnamed"})`,
+            });
+        }
+        catch {
+            checks.push({
+                name: "package.json",
+                status: "warn",
+                message: "Found but could not parse",
+            });
+        }
+    }
+    else {
+        checks.push({
+            name: "package.json",
+            status: "warn",
+            message: "Not found in current directory",
+        });
+    }
+    // Check for node_modules
+    const nodeModulesPath = path.join(process.cwd(), "node_modules");
+    if (fs.existsSync(nodeModulesPath)) {
+        checks.push({
+            name: "node_modules",
+            status: "pass",
+            message: "Dependencies installed",
+        });
+    }
+    else {
+        checks.push({
+            name: "node_modules",
+            status: "warn",
+            message: "Not found - run npm install",
+            fix: "npm install",
+        });
+    }
+    spinner.stop();
+    // Display results
+    newline();
+    divider();
+    let hasWarnings = false;
+    let hasErrors = false;
+    for (const check of checks) {
+        if (check.status === "pass") {
+            success(`${check.name}: ${check.message}`);
+        }
+        else if (check.status === "warn") {
+            warn(`${check.name}: ${check.message}`);
+            hasWarnings = true;
+            if (check.fix) {
+                info(`  Fix: ${check.fix}`);
+            }
+        }
+        else {
+            error(`${check.name}: ${check.message}`);
+            hasErrors = true;
+            if (check.fix) {
+                info(`  Fix: ${check.fix}`);
+            }
+        }
+    }
+    divider();
+    newline();
+    if (hasErrors) {
+        error("Some checks failed. Please fix the issues above.");
+        process.exit(1);
+    }
+    else if (hasWarnings) {
+        warn("Some checks have warnings. Consider addressing them.");
+    }
+    else {
+        success("All checks passed! Your environment is ready.");
+    }
+    newline();
+});

package/dist/commands/generate/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generate command - Generate components, screens, etc.
+ */
+import { Command } from "commander";
+export declare const generateCommand: Command;
+//# sourceMappingURL=index.d.ts.map

package/dist/commands/generate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commands/generate/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAkBH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,eAAO,MAAM,eAAe,SAoIzB,CAAC"}

package/dist/commands/generate/index.js

@@ -0,0 +1,110 @@
+/**
+ * Generate command - Generate components, screens, etc.
+ */
+import { generateComponent, buttonComponentTemplate, generateScreen, screenTemplate, } from "@magicappdev/templates";
+import { header, success, error, info, keyValue, newline, } from "../../lib/ui.js";
+import { withSpinner } from "../../lib/spinner.js";
+import { promptText } from "../../lib/prompts.js";
+import { Command } from "commander";
+export const generateCommand = new Command("generate")
+    .alias("g")
+    .description("Generate code from templates")
+    .addCommand(new Command("component")
+    .alias("c")
+    .description("Generate a new component")
+    .argument("[name]", "Component name")
+    .option("-p, --path <path>", "Output path", "./src/components")
+    .option("--typescript", "Use TypeScript", true)
+    .action(async (name, options) => {
+    header("Generate Component");
+    try {
+        // Get component name
+        let componentName = name;
+        if (!componentName) {
+            componentName = await promptText("What is the component name?", {
+                validate: value => {
+                    if (!value || value.length < 1) {
+                        return "Component name is required";
+                    }
+                    if (!/^[A-Z][a-zA-Z0-9]*$/.test(value)) {
+                        return "Component name must be PascalCase";
+                    }
+                    return true;
+                },
+            });
+        }
+        if (!componentName) {
+            error("Component name is required");
+            process.exit(1);
+        }
+        const outputDir = options.path || "./src/components";
+        newline();
+        info("Generating component:");
+        keyValue("Name", componentName);
+        keyValue("Path", outputDir);
+        newline();
+        const result = await withSpinner(`Creating ${componentName}...`, async () => {
+            return generateComponent(componentName, buttonComponentTemplate, outputDir, {
+                typescript: options.typescript ?? true,
+                withVariants: true,
+            });
+        }, { successText: `Created ${componentName}` });
+        newline();
+        success(`Component "${componentName}" created successfully!`);
+        info(`Files created: ${result.files.join(", ")}`);
+        newline();
+    }
+    catch (err) {
+        error(err instanceof Error ? err.message : "Failed to generate component");
+        process.exit(1);
+    }
+}))
+    .addCommand(new Command("screen")
+    .alias("s")
+    .description("Generate a new screen")
+    .argument("[name]", "Screen name")
+    .option("-p, --path <path>", "Output path", "./src/screens")
+    .option("--typescript", "Use TypeScript", true)
+    .action(async (name, options) => {
+    header("Generate Screen");
+    try {
+        // Get screen name
+        let screenName = name;
+        if (!screenName) {
+            screenName = await promptText("What is the screen name?", {
+                validate: value => {
+                    if (!value || value.length < 1) {
+                        return "Screen name is required";
+                    }
+                    if (!/^[A-Z][a-zA-Z0-9]*$/.test(value)) {
+                        return "Screen name must be PascalCase";
+                    }
+                    return true;
+                },
+            });
+        }
+        if (!screenName) {
+            error("Screen name is required");
+            process.exit(1);
+        }
+        const outputDir = options.path || "./src/screens";
+        newline();
+        info("Generating screen:");
+        keyValue("Name", screenName);
+        keyValue("Path", outputDir);
+        newline();
+        const result = await withSpinner(`Creating ${screenName}...`, async () => {
+            return generateScreen(screenName, screenTemplate, outputDir, {
+                typescript: options.typescript ?? true,
+            });
+        }, { successText: `Created ${screenName}` });
+        newline();
+        success(`Screen "${screenName}" created successfully!`);
+        info(`Files created: ${result.files.join(", ")}`);
+        newline();
+    }
+    catch (err) {
+        error(err instanceof Error ? err.message : "Failed to generate screen");
+        process.exit(1);
+    }
+}));

package/dist/commands/init.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Init command - Initialize a new MagicAppDev project
+ */
+import { Command } from "commander";
+export declare const initCommand: Command;
+//# sourceMappingURL=init.d.ts.map

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

@@ -0,0 +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"}

package/dist/commands/init.js

@@ -0,0 +1,105 @@
+/**
+ * Init command - Initialize a new MagicAppDev project
+ */
+import { promptProjectName, promptFramework, promptStyling, promptTypeScript, promptSelect, } 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 { withSpinner } from "../lib/spinner.js";
+import { Command } from "commander";
+export const initCommand = new Command("init")
+    .description("Initialize a new MagicAppDev project")
+    .argument("[name]", "Project name")
+    .option("-t, --template <template>", "Template to use (blank, tabs)")
+    .option("-f, --framework <framework>", "Framework (expo, react-native, next)")
+    .option("--typescript", "Use TypeScript", true)
+    .option("-y, --yes", "Skip prompts and use defaults")
+    .action(async (name, options) => {
+    logo();
+    header("Create a new project");
+    try {
+        // Get project name
+        let projectName = name;
+        if (!projectName && !options.yes) {
+            projectName = await promptProjectName();
+        }
+        if (!projectName) {
+            projectName = "my-app";
+        }
+        // Get template
+        let templateSlug = options.template;
+        if (!templateSlug && !options.yes) {
+            templateSlug = await promptSelect("Choose a template:", [
+                {
+                    title: "Blank",
+                    value: "blank",
+                    description: "Minimal starter template",
+                },
+                { title: "Tabs", value: "tabs", description: "Tab-based navigation" },
+            ]);
+        }
+        if (!templateSlug) {
+            templateSlug = "blank";
+        }
+        // Get framework
+        let framework = options.framework;
+        if (!framework && !options.yes) {
+            framework = await promptFramework();
+        }
+        if (!framework) {
+            framework = "expo";
+        }
+        // Get TypeScript preference
+        let typescript = options.typescript;
+        if (typescript === undefined && !options.yes) {
+            typescript = await promptTypeScript();
+        }
+        if (typescript === undefined) {
+            typescript = true;
+        }
+        // Get styling
+        let styling;
+        if (!options.yes) {
+            styling = await promptStyling(framework);
+        }
+        if (!styling) {
+            styling =
+                framework === "expo" || framework === "react-native"
+                    ? "nativewind"
+                    : "tailwind";
+        }
+        newline();
+        divider();
+        info("Creating project with:");
+        keyValue("Name", projectName);
+        keyValue("Template", templateSlug);
+        keyValue("Framework", framework);
+        keyValue("TypeScript", typescript ? "Yes" : "No");
+        keyValue("Styling", styling);
+        divider();
+        newline();
+        // Find template
+        const template = templateSlug === "tabs" ? tabsAppTemplate : blankAppTemplate;
+        // Generate project
+        const outputDir = process.cwd();
+        const result = await withSpinner(`Creating ${projectName}...`, async () => {
+            return generateApp(projectName, template, outputDir, {
+                typescript,
+                styling,
+                framework,
+            });
+        }, { successText: `Created ${projectName}` });
+        newline();
+        success(`Project created successfully!`);
+        info(`Files created: ${result.files.length}`);
+        newline();
+        info("Next steps:");
+        command(`cd ${projectName}`);
+        command("npm install");
+        command("npm start");
+        newline();
+    }
+    catch (err) {
+        error(err instanceof Error ? err.message : "Failed to create project");
+        process.exit(1);
+    }
+});

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @magicappdev/cli
+ *
+ * CLI tool for creating and managing MagicAppDev apps
+ */
+export { createProgram, run } from "./cli.js";
+export * from "./lib/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9C,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+/**
+ * @magicappdev/cli
+ *
+ * CLI tool for creating and managing MagicAppDev apps
+ */
+export { createProgram, run } from "./cli.js";
+export * from "./lib/index.js";

package/dist/lib/api.d.ts

@@ -0,0 +1,5 @@
+import { ApiClient } from "@magicappdev/shared/api";
+export declare const AGENT_HOST: string;
+export declare const api: ApiClient;
+export type { User, Project } from "@magicappdev/shared";
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/lib/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAUpD,eAAO,MAAM,UAAU,QAGsB,CAAC;AAE9C,eAAO,MAAM,GAAG,WAAyB,CAAC;AAM1C,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/lib/api.js

@@ -0,0 +1,13 @@
+import { ApiClient } from "@magicappdev/shared/api";
+import { loadConfig } from "./config.js";
+const config = await loadConfig();
+const API_URL = process.env.MAGICAPPDEV_API_URL ||
+    config.apiUrl ||
+    "https://magicappdev-api.magicappdev.workers.dev";
+export const AGENT_HOST = process.env.MAGICAPPDEV_AGENT_HOST ||
+    config.agentHost ||
+    "magicappdev-agent.magicappdev.workers.dev";
+export const api = new ApiClient(API_URL);
+if (config.accessToken) {
+    api.setToken(config.accessToken);
+}

package/dist/lib/config.d.ts

@@ -0,0 +1,10 @@
+export interface Config {
+    accessToken?: string;
+    refreshToken?: string;
+    apiUrl?: string;
+    agentHost?: string;
+}
+export declare function saveConfig(config: Partial<Config>): Promise<void>;
+export declare function loadConfig(): Promise<Config>;
+export declare function clearConfig(): Promise<void>;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/lib/config.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,MAAM;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAsB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBvE;AAED,wBAAsB,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC,CAOlD;AAED,wBAAsB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAMjD"}

package/dist/lib/config.js

@@ -0,0 +1,40 @@
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { homedir } from "node:os";
+const CONFIG_DIR = join(homedir(), ".magicappdev");
+const CONFIG_FILE = join(CONFIG_DIR, "config.json");
+export async function saveConfig(config) {
+    try {
+        await mkdir(CONFIG_DIR, { recursive: true });
+        let existingConfig = {};
+        try {
+            const data = await readFile(CONFIG_FILE, "utf-8");
+            existingConfig = JSON.parse(data);
+        }
+        catch {
+            // Ignore if file doesn't exist
+        }
+        const updatedConfig = { ...existingConfig, ...config };
+        await writeFile(CONFIG_FILE, JSON.stringify(updatedConfig, null, 2));
+    }
+    catch (error) {
+        console.error("Failed to save config:", error);
+    }
+}
+export async function loadConfig() {
+    try {
+        const data = await readFile(CONFIG_FILE, "utf-8");
+        return JSON.parse(data);
+    }
+    catch {
+        return {};
+    }
+}
+export async function clearConfig() {
+    try {
+        await writeFile(CONFIG_FILE, JSON.stringify({}));
+    }
+    catch (error) {
+        console.error("Failed to clear config:", error);
+    }
+}

package/dist/lib/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * CLI library utilities
+ */
+export * from "./prompts.js";
+export * from "./spinner.js";
+export * from "./ui.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/lib/index.js

@@ -0,0 +1,6 @@
+/**
+ * CLI library utilities
+ */
+export * from "./prompts.js";
+export * from "./spinner.js";
+export * from "./ui.js";

package/dist/lib/prompts.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Interactive prompts for user input
+ */
+/** Prompt for text input */
+export declare function promptText(message: string, options?: {
+    initial?: string;
+    validate?: (value: string) => boolean | string;
+}): Promise<string | undefined>;
+/** Prompt for selection from a list */
+export declare function promptSelect<T>(message: string, choices: Array<{
+    title: string;
+    value: T;
+    description?: string;
+}>, options?: {
+    initial?: number;
+}): Promise<T | undefined>;
+/** Prompt for confirmation (yes/no) */
+export declare function promptConfirm(message: string, options?: {
+    initial?: boolean;
+}): Promise<boolean>;
+/** Prompt for project name with validation */
+export declare function promptProjectName(initial?: string): Promise<string | undefined>;
+/** Prompt for framework selection */
+export declare function promptFramework(): Promise<string | undefined>;
+/** Prompt for styling selection */
+export declare function promptStyling(framework: string): Promise<string | undefined>;
+/** Prompt for TypeScript */
+export declare function promptTypeScript(): Promise<boolean>;
+//# sourceMappingURL=prompts.d.ts.map

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

@@ -0,0 +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"}

package/dist/lib/prompts.js

@@ -0,0 +1,116 @@
+/**
+ * Interactive prompts for user input
+ */
+import prompts from "prompts";
+import chalk from "chalk";
+/** Prompt for text input */
+export async function promptText(message, options = {}) {
+    const response = await prompts({
+        type: "text",
+        name: "value",
+        message,
+        initial: options.initial,
+        validate: options.validate,
+    });
+    return response.value;
+}
+/** Prompt for selection from a list */
+export async function promptSelect(message, choices, options = {}) {
+    const response = await prompts({
+        type: "select",
+        name: "value",
+        message,
+        choices,
+        initial: options.initial || 0,
+    });
+    return response.value;
+}
+/** Prompt for confirmation (yes/no) */
+export async function promptConfirm(message, options = {}) {
+    const response = await prompts({
+        type: "confirm",
+        name: "value",
+        message,
+        initial: options.initial ?? true,
+    });
+    return response.value;
+}
+/** Prompt for project name with validation */
+export async function promptProjectName(initial) {
+    return promptText("What is your project name?", {
+        initial,
+        validate: value => {
+            if (!value || value.length < 2) {
+                return "Project name must be at least 2 characters";
+            }
+            if (!/^[a-zA-Z][a-zA-Z0-9-_ ]*$/.test(value)) {
+                return "Project name must start with a letter and contain only letters, numbers, hyphens, underscores, and spaces";
+            }
+            return true;
+        },
+    });
+}
+/** Prompt for framework selection */
+export async function promptFramework() {
+    return promptSelect("Which framework would you like to use?", [
+        {
+            title: chalk.cyan("Expo") + " (Recommended)",
+            value: "expo",
+            description: "React Native with Expo",
+        },
+        {
+            title: "React Native (bare)",
+            value: "react-native",
+            description: "React Native without Expo",
+        },
+        {
+            title: "Next.js",
+            value: "next",
+            description: "React framework for the web",
+        },
+        { title: "Remix", value: "remix", description: "Full stack web framework" },
+    ]);
+}
+/** Prompt for styling selection */
+export async function promptStyling(framework) {
+    const choices = framework === "expo" || framework === "react-native"
+        ? [
+            {
+                title: chalk.cyan("NativeWind") + " (Recommended)",
+                value: "nativewind",
+                description: "Tailwind CSS for React Native",
+            },
+            {
+                title: "StyleSheet",
+                value: "stylesheet",
+                description: "React Native default styling",
+            },
+            {
+                title: "Styled Components",
+                value: "styled-components",
+                description: "CSS-in-JS library",
+            },
+        ]
+        : [
+            {
+                title: chalk.cyan("Tailwind CSS") + " (Recommended)",
+                value: "tailwind",
+                description: "Utility-first CSS",
+            },
+            {
+                title: "CSS Modules",
+                value: "css-modules",
+                description: "Scoped CSS",
+            },
+            {
+                title: "Styled Components",
+                value: "styled-components",
+                description: "CSS-in-JS library",
+            },
+        ];
+    return promptSelect("Which styling approach would you like to use?", choices);
+}
+/** Prompt for TypeScript */
+export async function promptTypeScript() {
+    return promptConfirm("Would you like to use TypeScript?", { initial: true });
+}

package/dist/lib/spinner.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Spinner utility for long-running operations
+ */
+import ora from "ora";
+/** Spinner instance type */
+export type Spinner = ReturnType<typeof ora>;
+/** Create a spinner with default styling */
+export declare function createSpinner(text?: string): Spinner;
+/** Run an async task with a spinner */
+export declare function withSpinner<T>(text: string, task: () => Promise<T>, options?: {
+    successText?: string;
+    failText?: string;
+}): Promise<T>;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/lib/spinner.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,4BAA4B;AAC5B,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAE7C,4CAA4C;AAC5C,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAMpD;AAED,uCAAuC;AACvC,wBAAsB,WAAW,CAAC,CAAC,EACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACd,GACL,OAAO,CAAC,CAAC,CAAC,CAWZ"}

package/dist/lib/spinner.js

@@ -0,0 +1,25 @@
+/**
+ * Spinner utility for long-running operations
+ */
+import ora from "ora";
+/** Create a spinner with default styling */
+export function createSpinner(text) {
+    return ora({
+        text,
+        color: "cyan",
+        spinner: "dots",
+    });
+}
+/** Run an async task with a spinner */
+export async function withSpinner(text, task, options = {}) {
+    const spinner = createSpinner(text).start();
+    try {
+        const result = await task();
+        spinner.succeed(options.successText || text);
+        return result;
+    }
+    catch (error) {
+        spinner.fail(options.failText || `Failed: ${text}`);
+        throw error;
+    }
+}

package/dist/lib/ui.d.ts

@@ -0,0 +1,35 @@
+/**
+ * CLI UI utilities using Chalk
+ */
+/** Print a header */
+export declare function header(text: string): void;
+/** Print the app logo */
+export declare function logo(): void;
+/** Print a success message */
+export declare function success(text: string): void;
+/** Print an error message */
+export declare function error(text: string): void;
+/** Print a warning message */
+export declare function warn(text: string): void;
+/** Print an info message */
+export declare function info(text: string): void;
+/** Print a step message */
+export declare function step(number: number, text: string): void;
+/** Print a key-value pair */
+export declare function keyValue(key: string, value: string): void;
+/** Print a list item */
+export declare function listItem(text: string, indent?: number): void;
+/** Print a code block */
+export declare function code(text: string): void;
+/** Print a command suggestion */
+export declare function command(text: string): void;
+/** Print a divider */
+export declare function divider(): void;
+/** Print a newline */
+export declare function newline(): void;
+/** Color function type */
+type ColorFn = (text: string | number) => string;
+/** Colors for exports */
+export declare const colors: Record<string, ColorFn>;
+export {};
+//# sourceMappingURL=ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/lib/ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,qBAAqB;AACrB,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAUzC;AAED,yBAAyB;AACzB,wBAAgB,IAAI,IAAI,IAAI,CAQ3B;AAED,8BAA8B;AAC9B,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAE1C;AAED,6BAA6B;AAC7B,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAExC;AAED,8BAA8B;AAC9B,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAEvC;AAED,4BAA4B;AAC5B,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAEvC;AAED,2BAA2B;AAC3B,wBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAEvD;AAED,6BAA6B;AAC7B,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEzD;AAED,wBAAwB;AACxB,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,IAAI,CAEvD;AAED,yBAAyB;AACzB,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAEvC;AAED,iCAAiC;AACjC,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAE1C;AAED,sBAAsB;AACtB,wBAAgB,OAAO,IAAI,IAAI,CAE9B;AAED,sBAAsB;AACtB,wBAAgB,OAAO,IAAI,IAAI,CAE9B;AAED,0BAA0B;AAC1B,KAAK,OAAO,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;AAEjD,yBAAyB;AACzB,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAU1C,CAAC"}

package/dist/lib/ui.js

@@ -0,0 +1,78 @@
+/**
+ * CLI UI utilities using Chalk
+ */
+import chalk from "chalk";
+/** Print a header */
+export function header(text) {
+    console.log();
+    console.log(chalk.bold.cyan("╭─────────────────────────────────────────╮"));
+    console.log(chalk.bold.cyan("│") +
+        chalk.bold.white(` ${text.padEnd(39)} `) +
+        chalk.bold.cyan("│"));
+    console.log(chalk.bold.cyan("╰─────────────────────────────────────────╯"));
+    console.log();
+}
+/** Print the app logo */
+export function logo() {
+    console.log(chalk.bold.magenta(`
+  ╔╦╗╔═╗╔═╗╦╔═╗  ╔═╗╔═╗╔═╗╔╦╗╔═╗╦  ╦
+  ║║║╠═╣║ ╦║║    ╠═╣╠═╝╠═╝ ║║║╣ ╚╗╔╝
+  ╩ ╩╩ ╩╚═╝╩╚═╝  ╩ ╩╩  ╩  ═╩╝╚═╝ ╚╝
+  `));
+}
+/** Print a success message */
+export function success(text) {
+    console.log(chalk.green("✓") + " " + text);
+}
+/** Print an error message */
+export function error(text) {
+    console.log(chalk.red("✗") + " " + text);
+}
+/** Print a warning message */
+export function warn(text) {
+    console.log(chalk.yellow("⚠") + " " + text);
+}
+/** Print an info message */
+export function info(text) {
+    console.log(chalk.blue("ℹ") + " " + text);
+}
+/** Print a step message */
+export function step(number, text) {
+    console.log(chalk.dim(`[${number}]`) + " " + text);
+}
+/** Print a key-value pair */
+export function keyValue(key, value) {
+    console.log(chalk.dim(key + ":") + " " + chalk.white(value));
+}
+/** Print a list item */
+export function listItem(text, indent = 2) {
+    console.log(" ".repeat(indent) + chalk.dim("•") + " " + text);
+}
+/** Print a code block */
+export function code(text) {
+    console.log(chalk.gray.inverse(` ${text} `));
+}
+/** Print a command suggestion */
+export function command(text) {
+    console.log(chalk.cyan("$") + " " + chalk.bold(text));
+}
+/** Print a divider */
+export function divider() {
+    console.log(chalk.dim("─".repeat(45)));
+}
+/** Print a newline */
+export function newline() {
+    console.log();
+}
+/** Colors for exports */
+export const colors = {
+    primary: chalk.cyan,
+    secondary: chalk.magenta,
+    success: chalk.green,
+    error: chalk.red,
+    warning: chalk.yellow,
+    info: chalk.blue,
+    muted: chalk.dim,
+    bold: chalk.bold,
+    white: chalk.white,
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@magicappdev/cli",
+  "version": "0.0.2",
+  "description": "CLI tool for creating and managing MagicAppDev apps",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "createmagicapp": "./bin/cli.js",
+    "mad": "./bin/cli.js",
+    "magicappdev": "./bin/cli.js"
+  },
+  "files": [
+    "bin",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json",
+    "dev": "tsx src/cli.ts",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "tsc -b"
+  },
+  "dependencies": {
+    "@magicappdev/shared": "workspace:*",
+    "@magicappdev/templates": "workspace:*",
+    "agents": "^0.3.6",
+    "chalk": "^5.4.0",
+    "commander": "^13.0.0",
+    "execa": "^9.5.0",
+    "open": "^11.0.0",
+    "ora": "^8.1.0",
+    "prompts": "^2.4.0",
+    "tslib": "^2.3.0",
+    "ws": "^8.18.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.0",
+    "@types/prompts": "^2.4.0",
+    "@types/ws": "^8.5.10",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "tsx": "^4.19.0",
+    "typescript": "~5.8.2",
+    "typescript-eslint": "^8.53.1"
+  }
+}