@autoship/react 0.1.0

package/dist/TaskList.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface Question {
+    id: string;
+    question: string;
+    answer: string | null;
+    asked_at: string;
+    answered_at: string | null;
+}
+export interface Task {
+    id: string;
+    title: string;
+    description: string;
+    status: "pending" | "in_progress" | "complete" | "failed" | "blocked" | "needs_info";
+    branch_name: string | null;
+    pr_url: string | null;
+    task_questions: Question[] | null;
+    created_at: string;
+}
+export interface TaskListProps {
+    onBack: () => void;
+}
+export declare function TaskList({ onBack }: TaskListProps): React.ReactElement;
+//# sourceMappingURL=TaskList.d.ts.map

package/dist/TaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskList.d.ts","sourceRoot":"","sources":["../src/TaskList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACrF,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAsNtE"}

package/dist/TaskList.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useAutoshipContext } from "./AutoshipProvider";
+import { TaskDetailDialog } from "./TaskDetailDialog";
+export function TaskList({ onBack }) {
+    const { supabase, userId } = useAutoshipContext();
+    const [tasks, setTasks] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [selectedTask, setSelectedTask] = useState(null);
+    useEffect(() => {
+        loadTasks();
+    }, []);
+    const loadTasks = async () => {
+        setLoading(true);
+        try {
+            // Fetch tasks with their related questions from task_questions table
+            let query = supabase
+                .from("agent_tasks")
+                .select(`
+          *,
+          task_questions (
+            id,
+            question,
+            answer,
+            asked_at,
+            answered_at
+          )
+        `)
+                .order("created_at", { ascending: false });
+            if (userId) {
+                query = query.eq("submitted_by", userId);
+            }
+            const { data, error } = await query;
+            if (error)
+                throw error;
+            setTasks(data || []);
+        }
+        catch (err) {
+            console.error("Failed to load tasks:", err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const statusColors = {
+        pending: "#f59e0b",
+        in_progress: "#3b82f6",
+        complete: "#10b981",
+        failed: "#ef4444",
+        blocked: "#f59e0b",
+        needs_info: "#8b5cf6",
+    };
+    const statusLabels = {
+        pending: "Pending",
+        in_progress: "In Progress",
+        complete: "Complete",
+        failed: "Failed",
+        blocked: "Blocked",
+        needs_info: "Needs Info",
+    };
+    if (selectedTask) {
+        return (_jsx(TaskDetailDialog, { task: selectedTask, onBack: () => {
+                setSelectedTask(null);
+                loadTasks();
+            }, onUpdated: loadTasks }));
+    }
+    return (_jsxs("div", { children: [_jsxs("div", { style: { display: "flex", alignItems: "center", marginBottom: 16 }, children: [_jsx("button", { type: "button", onClick: onBack, style: {
+                            marginRight: 12,
+                            background: "none",
+                            border: "none",
+                            fontSize: 20,
+                            cursor: "pointer",
+                            padding: 4,
+                        }, children: "\u2190" }), _jsx("h2", { style: { margin: 0 }, children: "My Requests" })] }), loading ? (_jsx("p", { style: { color: "#666" }, children: "Loading..." })) : tasks.length === 0 ? (_jsx("p", { style: { color: "#666" }, children: "No requests yet." })) : (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: tasks.map((task) => {
+                    const questions = task.task_questions || [];
+                    const hasUnansweredQuestions = questions.some((q) => !q.answer);
+                    const hasQuestions = questions.length > 0;
+                    return (_jsxs("div", { style: {
+                            padding: 12,
+                            border: "1px solid #e5e7eb",
+                            borderRadius: 8,
+                            cursor: "pointer",
+                            backgroundColor: hasUnansweredQuestions ? "#ecfdf5" : "white",
+                            transition: "background-color 0.15s ease",
+                        }, onClick: () => setSelectedTask(task), onMouseEnter: (e) => {
+                            if (!hasUnansweredQuestions) {
+                                e.currentTarget.style.backgroundColor = "#f9fafb";
+                            }
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = hasUnansweredQuestions
+                                ? "#ecfdf5"
+                                : "white";
+                        }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    alignItems: "start",
+                                    gap: 12,
+                                }, children: [_jsx("h4", { style: { margin: 0, fontSize: 16 }, children: task.title }), _jsx("span", { style: {
+                                            backgroundColor: statusColors[task.status] || "#9ca3af",
+                                            color: "white",
+                                            padding: "2px 8px",
+                                            borderRadius: 12,
+                                            fontSize: 12,
+                                            flexShrink: 0,
+                                        }, children: statusLabels[task.status] || task.status })] }), _jsx("p", { style: {
+                                    margin: "8px 0",
+                                    fontSize: 14,
+                                    color: "#666",
+                                    lineHeight: 1.4,
+                                }, children: task.description.length > 100
+                                    ? task.description.slice(0, 100) + "..."
+                                    : task.description }), _jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: 12,
+                                    marginTop: 4,
+                                }, children: [hasUnansweredQuestions && (_jsx("span", { style: {
+                                            fontSize: 12,
+                                            color: "#059669",
+                                            fontWeight: 500,
+                                        }, children: "Needs your response" })), hasQuestions && !hasUnansweredQuestions && (_jsx("span", { style: {
+                                            fontSize: 12,
+                                            color: "#6b7280",
+                                        }, children: "Has feedback" })), task.pr_url && (_jsx("a", { href: task.pr_url, target: "_blank", rel: "noopener noreferrer", style: { fontSize: 12, color: "#10b981" }, onClick: (e) => e.stopPropagation(), children: "View PR" }))] })] }, task.id));
+                }) }))] }));
+}

package/dist/cli/autoship.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=autoship.d.ts.map

package/dist/cli/autoship.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoship.d.ts","sourceRoot":"","sources":["../../src/cli/autoship.ts"],"names":[],"mappings":""}

package/dist/cli/autoship.js

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+import { run as init } from "./init.js";
+const commands = {
+    init,
+};
+function printHelp() {
+    console.log(`
+autoship - CLI for @autoship/react
+
+Usage:
+  npx autoship <command> [options]
+
+Commands:
+  init    Initialize Autoship database schema
+
+Options:
+  -h, --help    Show this help message
+
+Run 'npx autoship <command> --help' for more information on a command.
+`);
+}
+async function main() {
+    const args = process.argv.slice(2);
+    const command = args[0];
+    if (!command || command === "-h" || command === "--help") {
+        printHelp();
+        process.exit(0);
+    }
+    const commandFn = commands[command];
+    if (!commandFn) {
+        console.error(`\n  Unknown command: ${command}`);
+        printHelp();
+        process.exit(1);
+    }
+    await commandFn(args.slice(1));
+}
+main();

package/dist/cli/init.d.ts

@@ -0,0 +1,2 @@
+export declare function run(args: string[]): Promise<void>;
+//# sourceMappingURL=init.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/cli/init.ts"],"names":[],"mappings":"AAgTA,wBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAcvD"}

package/dist/cli/init.js

@@ -0,0 +1,281 @@
+import { createClient } from "@supabase/supabase-js";
+import * as fs from "fs";
+import * as path from "path";
+import * as readline from "readline";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+function loadMigrations() {
+    // Migrations are copied to dist/migrations/ at build time
+    const migrationsDir = path.join(__dirname, "..", "migrations");
+    if (!fs.existsSync(migrationsDir)) {
+        console.error("\n  Error: Migrations directory not found.");
+        console.error("  Expected at:", migrationsDir);
+        process.exit(1);
+    }
+    const migrationFiles = fs.readdirSync(migrationsDir)
+        .filter(f => f.endsWith(".sql"))
+        .sort(); // Sort to ensure correct order (files are named with timestamps)
+    if (migrationFiles.length === 0) {
+        console.error("\n  Error: No migration files found in", migrationsDir);
+        process.exit(1);
+    }
+    // Concatenate all migrations in order
+    const migrations = migrationFiles.map(file => {
+        const filePath = path.join(migrationsDir, file);
+        const content = fs.readFileSync(filePath, "utf-8");
+        return `-- Migration: ${file}\n${content}`;
+    }).join("\n\n");
+    return migrations;
+}
+function parseArgs(args) {
+    const options = {};
+    for (let i = 0; i < args.length; i++) {
+        const arg = args[i];
+        if (arg === "--db-url" && args[i + 1]) {
+            options.supabaseUrl = args[++i];
+        }
+        else if (arg === "--service-key" && args[i + 1]) {
+            options.supabaseServiceKey = args[++i];
+        }
+        else if (arg === "--non-interactive" || arg === "-y") {
+            options.nonInteractive = true;
+        }
+        else if (arg === "--help" || arg === "-h") {
+            printHelp();
+            process.exit(0);
+        }
+    }
+    return options;
+}
+function printHelp() {
+    console.log(`
+autoship init - Initialize Autoship database schema
+
+Usage:
+  npx autoship init [options]
+
+Options:
+  --db-url <url>        Supabase project URL
+  --service-key <key>   Supabase service role key
+  -y, --non-interactive Skip confirmation prompts
+  -h, --help            Show this help message
+
+Environment Variables:
+  SUPABASE_URL          Supabase project URL (fallback)
+  SUPABASE_SERVICE_KEY  Supabase service role key (fallback)
+
+Examples:
+  # Interactive mode (prompts for credentials)
+  npx autoship init
+
+  # With command line arguments
+  npx autoship init --db-url https://xxx.supabase.co --service-key eyJ...
+
+  # Using environment variables
+  SUPABASE_URL=https://xxx.supabase.co SUPABASE_SERVICE_KEY=eyJ... npx autoship init
+`);
+}
+function createReadlineInterface() {
+    return readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+    });
+}
+async function prompt(rl, question) {
+    return new Promise((resolve) => {
+        rl.question(question, (answer) => {
+            resolve(answer.trim());
+        });
+    });
+}
+async function promptSecret(rl, question) {
+    return new Promise((resolve) => {
+        process.stdout.write(question);
+        const stdin = process.stdin;
+        const wasRaw = stdin.isRaw;
+        if (stdin.isTTY) {
+            stdin.setRawMode(true);
+        }
+        let input = "";
+        const onData = (char) => {
+            const c = char.toString();
+            if (c === "\n" || c === "\r") {
+                if (stdin.isTTY) {
+                    stdin.setRawMode(wasRaw ?? false);
+                }
+                stdin.removeListener("data", onData);
+                process.stdout.write("\n");
+                resolve(input);
+            }
+            else if (c === "\u0003") {
+                // Ctrl+C
+                process.exit(1);
+            }
+            else if (c === "\u007F" || c === "\b") {
+                // Backspace
+                if (input.length > 0) {
+                    input = input.slice(0, -1);
+                }
+            }
+            else {
+                input += c;
+                process.stdout.write("*");
+            }
+        };
+        stdin.on("data", onData);
+        stdin.resume();
+    });
+}
+async function getCredentials(options) {
+    let url = options.supabaseUrl || process.env.SUPABASE_URL || "";
+    let serviceKey = options.supabaseServiceKey || process.env.SUPABASE_SERVICE_KEY || "";
+    if (url && serviceKey) {
+        return { url, serviceKey };
+    }
+    const rl = createReadlineInterface();
+    try {
+        console.log("\n  Autoship Database Setup\n");
+        console.log("  This will create the required tables in your Supabase database.\n");
+        if (!url) {
+            url = await prompt(rl, "  Supabase URL: ");
+        }
+        else {
+            console.log(`  Supabase URL: ${url}`);
+        }
+        if (!serviceKey) {
+            serviceKey = await promptSecret(rl, "  Supabase Service Key: ");
+        }
+        else {
+            console.log("  Supabase Service Key: [provided]");
+        }
+        return { url, serviceKey };
+    }
+    finally {
+        rl.close();
+    }
+}
+function validateCredentials(url, serviceKey) {
+    if (!url) {
+        console.error("\n  Error: Supabase URL is required");
+        process.exit(1);
+    }
+    if (!serviceKey) {
+        console.error("\n  Error: Supabase Service Key is required");
+        process.exit(1);
+    }
+    try {
+        new URL(url);
+    }
+    catch {
+        console.error("\n  Error: Invalid Supabase URL format");
+        process.exit(1);
+    }
+    if (!serviceKey.startsWith("eyJ")) {
+        console.error("\n  Error: Service key should be a JWT (starts with 'eyJ')");
+        console.error("  Make sure you're using the service_role key, not the anon key.");
+        process.exit(1);
+    }
+}
+async function runMigration(url, serviceKey, migrationSql) {
+    console.log("\n  Connecting to Supabase...");
+    const supabase = createClient(url, serviceKey, {
+        auth: {
+            autoRefreshToken: false,
+            persistSession: false,
+        },
+    });
+    console.log("  Checking database schema...\n");
+    // First, let's verify the connection by trying to query
+    const { error: connectionError } = await supabase
+        .from("agent_tasks")
+        .select("id")
+        .limit(1);
+    if (connectionError && connectionError.code === "42P01") {
+        // Table doesn't exist - we need to create it
+        // Since we can't run arbitrary SQL via the REST API, we'll provide instructions
+        console.log("  Tables don't exist yet.\n");
+        console.log("  ============================================================");
+        console.log("  Supabase REST API doesn't support direct SQL execution.");
+        console.log("  Please run the migration manually using one of these options:");
+        console.log("  ============================================================\n");
+        console.log("  Option 1: Supabase Dashboard");
+        console.log("    1. Go to your Supabase project dashboard");
+        console.log("    2. Navigate to SQL Editor");
+        console.log("    3. Copy and paste the contents of: ./autoship-migration.sql\n");
+        console.log("  Option 2: Supabase CLI");
+        console.log("    1. Install Supabase CLI: npm install -g supabase");
+        console.log("    2. Link your project: supabase link --project-ref YOUR_PROJECT_REF");
+        console.log("    3. Copy autoship-migration.sql to supabase/migrations/");
+        console.log("    4. Run: supabase db push\n");
+        // Write the migration file locally for convenience
+        const outputPath = path.join(process.cwd(), "autoship-migration.sql");
+        fs.writeFileSync(outputPath, migrationSql.trim());
+        console.log(`  Migration SQL saved to: ${outputPath}\n`);
+        console.log("  After running the migration, run this setup command again to verify.\n");
+        process.exit(0);
+    }
+    else if (connectionError) {
+        console.error(`\n  Error connecting to Supabase: ${connectionError.message}`);
+        process.exit(1);
+    }
+    // Tables exist - verify the schema
+    console.log("  Verifying database schema...\n");
+    const tables = ["agent_tasks", "task_categories", "task_category_assignments", "task_questions"];
+    let allTablesExist = true;
+    for (const table of tables) {
+        const { error } = await supabase.from(table).select("*").limit(0);
+        if (error && error.code === "42P01") {
+            console.log(`    [ ] ${table} - NOT FOUND`);
+            allTablesExist = false;
+        }
+        else if (error) {
+            console.log(`    [?] ${table} - Error: ${error.message}`);
+        }
+        else {
+            console.log(`    [x] ${table}`);
+        }
+    }
+    if (allTablesExist) {
+        console.log("\n  All tables exist. Your database is ready!\n");
+        console.log("  Next steps:");
+        console.log("    1. Add SUPABASE_URL and SUPABASE_ANON_KEY to your app's environment");
+        console.log("    2. Wrap your app with <AutoshipProvider>");
+        console.log("    3. Add the <AutoshipButton /> component\n");
+        console.log("  Example:");
+        console.log("    import { AutoshipProvider, AutoshipButton } from '@autoship/react';");
+        console.log("");
+        console.log("    function App() {");
+        console.log("      return (");
+        console.log("        <AutoshipProvider");
+        console.log("          supabaseUrl={process.env.SUPABASE_URL}");
+        console.log("          supabaseAnonKey={process.env.SUPABASE_ANON_KEY}");
+        console.log("        >");
+        console.log("          <YourApp />");
+        console.log("          <AutoshipButton />");
+        console.log("        </AutoshipProvider>");
+        console.log("      );");
+        console.log("    }\n");
+    }
+    else {
+        console.log("\n  Some tables are missing. Please run the migration SQL.");
+        const outputPath = path.join(process.cwd(), "autoship-migration.sql");
+        fs.writeFileSync(outputPath, migrationSql.trim());
+        console.log(`  Migration SQL saved to: ${outputPath}\n`);
+        process.exit(1);
+    }
+}
+export async function run(args) {
+    const options = parseArgs(args);
+    try {
+        // Load migrations from the bundled files
+        const migrationSql = loadMigrations();
+        const { url, serviceKey } = await getCredentials(options);
+        validateCredentials(url, serviceKey);
+        await runMigration(url, serviceKey, migrationSql);
+    }
+    catch (error) {
+        console.error("\n  Unexpected error:", error);
+        process.exit(1);
+    }
+}

package/dist/cli/setup.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=setup.d.ts.map

package/dist/cli/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/cli/setup.ts"],"names":[],"mappings":""}