@autoship/react 0.5.1 → 0.6.1

package/README.md

@@ -35,13 +35,14 @@ The CLI will prompt you for credentials. You can provide them in two ways:
 
 ```bash
 # Find this in Supabase Dashboard > Project Settings > Database > Connection string > URI
-npx @autoship/react init --database-url "postgresql://postgres.xxx:password@aws-0-region.pooler.supabase.com:6543/postgres"
+npx @autoship/react init --database-url "postgresql://postgres:password@db.xxxx.supabase.co:5432/postgres"
 ```
 
-**Option B: Supabase URL + Database Password**
+**Option B: Project Ref + Database Password**
 
 ```bash
-npx @autoship/react init --supabase-url https://xxx.supabase.co --db-password yourpassword
+# Find project ref in Supabase Dashboard > Project Settings > General > Reference ID
+npx @autoship/react init --project-ref abcdefghijklmnop --db-password yourpassword
 ```
 
 **Using environment variables:**
@@ -51,7 +52,7 @@ npx @autoship/react init --supabase-url https://xxx.supabase.co --db-password yo
 DATABASE_URL="postgresql://..." npx @autoship/react init
 
 # Option B
-SUPABASE_URL="https://xxx.supabase.co" DB_PASSWORD="yourpassword" npx @autoship/react init
+SUPABASE_PROJECT_REF="abcdefghijklmnop" DB_PASSWORD="yourpassword" npx @autoship/react init
 ```
 
 ### 3. Expose the Autoship Schema in Supabase
@@ -137,6 +138,33 @@ export SUPABASE_SERVICE_KEY="your-service-key"
 claude "Use the autoship-mcp tools to list pending tasks"
 ```
 
+## AI Prompt
+
+Use this prompt with an AI coding assistant (like Claude Code) to automatically set up Autoship in your project:
+
+```
+I want to add Autoship to this project - an autonomous coding agent that lets users submit tasks via React components and implements them via GitHub Actions.
+
+Please do the following:
+
+1. Install the package:
+   npm install @autoship/react
+
+2. Copy the required files from the Autoship repo (https://github.com/morlinbrot/autoship):
+   - Copy `mcp-servers/autoship-mcp/` directory to `mcp-servers/autoship-mcp/` in this project
+   - Copy `.github/workflows/claude-agent.yml` to `.github/workflows/claude-agent.yml`
+
+3. Find the main App component (or root layout) and integrate the Autoship components:
+   - Import AutoshipProvider and AutoshipButton from '@autoship/react'
+   - Wrap the app content with AutoshipProvider
+   - Add the AutoshipButton component inside the provider (it renders a floating button)
+
+I will take care of:
+- Running `npx @autoship/react init` to set up the database
+- Adding the autoship schema to Supabase's exposed schemas
+- Adding the required GitHub secrets (ANTHROPIC_API_KEY, SUPABASE_URL, SUPABASE_SERVICE_KEY)
+```
+
 ## Manual Trigger
 
 You can manually trigger the agent from the GitHub Actions tab, optionally with a custom prompt:

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

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

package/dist/cli/init.js

@@ -35,8 +35,8 @@ function parseArgs(args) {
         if (arg === "--database-url" && args[i + 1]) {
             options.databaseUrl = args[++i];
         }
-        else if (arg === "--supabase-url" && args[i + 1]) {
-            options.supabaseUrl = args[++i];
+        else if (arg === "--project-ref" && args[i + 1]) {
+            options.projectRef = args[++i];
         }
         else if (arg === "--db-password" && args[i + 1]) {
             options.dbPassword = args[++i];
@@ -59,36 +59,38 @@ Usage:
   npx @autoship/react init [options]
 
 Options:
-  --database-url <url>  Full PostgreSQL connection URL (includes password)
-  --supabase-url <url>  Supabase project URL (used to construct DATABASE_URL)
-  --db-password <pwd>   Database password (used with --supabase-url)
-  -y, --non-interactive Skip confirmation prompts
-  -h, --help            Show this help message
+  --database-url <url>   Full PostgreSQL connection URL (includes password)
+  --project-ref <ref>    Supabase project ref (used to construct DATABASE_URL)
+  --db-password <pwd>    Database password (used with --project-ref)
+  -y, --non-interactive  Skip confirmation prompts
+  -h, --help             Show this help message
 
 Environment Variables:
-  DATABASE_URL          Full PostgreSQL connection URL (preferred)
-  SUPABASE_URL          Supabase project URL (fallback, requires DB_PASSWORD)
-  DB_PASSWORD           Database password (used with SUPABASE_URL)
+  DATABASE_URL           Full PostgreSQL connection URL (preferred)
+  SUPABASE_PROJECT_REF   Supabase project ref (fallback, requires DB_PASSWORD)
+  DB_PASSWORD            Database password (used with SUPABASE_PROJECT_REF)
 
 Connection Methods:
-  1. Provide DATABASE_URL directly (recommended):
-     DATABASE_URL=postgresql://postgres.xxx:[password]@aws-0-region.pooler.supabase.com:6543/postgres
+  1. Provide DATABASE_URL directly:
+     Find in Supabase Dashboard > Project Settings > Database > Connection string > URI
 
-  2. Provide SUPABASE_URL + DB_PASSWORD:
-     The CLI will construct the DATABASE_URL from your Supabase project URL.
+  2. Provide SUPABASE_PROJECT_REF + DB_PASSWORD:
+     Find project ref in Supabase Dashboard > Project Settings > General > Reference ID
+     Find password in Supabase Dashboard > Project Settings > Database > Database password
 
 Examples:
   # Interactive mode (prompts for credentials)
   npx @autoship/react init
 
   # With full database URL
-  npx @autoship/react init --database-url "postgresql://postgres.xxx:password@aws-0-region.pooler.supabase.com:6543/postgres"
+  npx @autoship/react init --database-url "postgresql://postgres:password@db.xxxx.supabase.co:5432/postgres"
 
-  # With Supabase URL + password
-  npx @autoship/react init --supabase-url https://xxx.supabase.co --db-password mypassword
+  # With project ref + password
+  npx @autoship/react init --project-ref abcdefghijklmnop --db-password mypassword
 
   # Using environment variables
   DATABASE_URL="postgresql://..." npx @autoship/react init
+  SUPABASE_PROJECT_REF="abcdefghijklmnop" DB_PASSWORD="mypassword" npx @autoship/react init
 `);
 }
 function createReadlineInterface() {
@@ -143,28 +145,20 @@ async function promptSecret(rl, question) {
     });
 }
 /**
- * Constructs a DATABASE_URL from a Supabase project URL and password.
+ * Constructs a DATABASE_URL from a Supabase project ref and password.
  *
- * Supabase URL format: https://[project-ref].supabase.co
- * Database URL format: postgresql://postgres.[project-ref]:[password]@aws-0-[region].pooler.supabase.com:6543/postgres
+ * Project ref: The unique identifier for your Supabase project (e.g., "abcdefghijklmnop")
+ * Database URL format: postgresql://postgres:[password]@db.[project-ref].supabase.co:5432/postgres
  *
- * Note: We use the transaction pooler (port 6543) for compatibility.
- * The region is detected from the Supabase URL or defaults to us-east-1.
+ * Note: We use the direct connection (port 5432) instead of the pooler
+ * because the pooler requires region-specific endpoints.
  */
-function constructDatabaseUrl(supabaseUrl, password) {
-    const url = new URL(supabaseUrl);
-    const hostname = url.hostname; // e.g., "xxx.supabase.co"
-    const projectRef = hostname.split(".")[0];
+function constructDatabaseUrl(projectRef, password) {
     if (!projectRef) {
-        throw new Error("Could not extract project reference from Supabase URL");
+        throw new Error("Project ref is required");
     }
-    // Supabase uses different regional pooler endpoints
-    // Default to us-east-1, but this can be adjusted
-    // The actual region is embedded in the project, but we can't easily detect it
-    // Users can provide DATABASE_URL directly if they need a specific region
-    const region = "us-east-1";
     const encodedPassword = encodeURIComponent(password);
-    return `postgresql://postgres.${projectRef}:${encodedPassword}@aws-0-${region}.pooler.supabase.com:6543/postgres`;
+    return `postgresql://postgres:${encodedPassword}@db.${projectRef}.supabase.co:5432/postgres`;
 }
 async function getConnectionUrl(options) {
     // Priority: CLI args > env vars > interactive prompt
@@ -173,11 +167,11 @@ async function getConnectionUrl(options) {
     if (databaseUrl) {
         return databaseUrl;
     }
-    // Check for SUPABASE_URL + DB_PASSWORD combination
-    let supabaseUrl = options.supabaseUrl || process.env.SUPABASE_URL;
+    // Check for PROJECT_REF + DB_PASSWORD combination
+    let projectRef = options.projectRef || process.env.SUPABASE_PROJECT_REF;
     let dbPassword = options.dbPassword || process.env.DB_PASSWORD;
-    if (supabaseUrl && dbPassword) {
-        return constructDatabaseUrl(supabaseUrl, dbPassword);
+    if (projectRef && dbPassword) {
+        return constructDatabaseUrl(projectRef, dbPassword);
     }
     // Interactive mode
     const rl = createReadlineInterface();
@@ -186,8 +180,8 @@ async function getConnectionUrl(options) {
         console.log("  This will create the required tables in your Supabase database.\n");
         console.log("  You can provide credentials in two ways:");
         console.log("    1. Full DATABASE_URL (includes password)");
-        console.log("    2. Supabase URL + database password\n");
-        const choice = await prompt(rl, "  Enter (1) for DATABASE_URL or (2) for Supabase URL + password: ");
+        console.log("    2. Supabase project ref + database password\n");
+        const choice = await prompt(rl, "  Enter (1) for DATABASE_URL or (2) for project ref + password: ");
         if (choice === "1") {
             console.log("\n  Find your DATABASE_URL in Supabase Dashboard:");
             console.log("    Project Settings > Database > Connection string > URI\n");
@@ -195,18 +189,20 @@ async function getConnectionUrl(options) {
             return databaseUrl;
         }
         else {
-            if (!supabaseUrl) {
-                supabaseUrl = await prompt(rl, "\n  Supabase URL (e.g., https://xxx.supabase.co): ");
+            if (!projectRef) {
+                console.log("\n  Find your project ref in Supabase Dashboard:");
+                console.log("    Project Settings > General > Reference ID\n");
+                projectRef = await prompt(rl, "  Project ref: ");
             }
             else {
-                console.log(`\n  Supabase URL: ${supabaseUrl}`);
+                console.log(`\n  Project ref: ${projectRef}`);
             }
             if (!dbPassword) {
                 console.log("\n  Find your database password in Supabase Dashboard:");
                 console.log("    Project Settings > Database > Database password\n");
                 dbPassword = await promptSecret(rl, "  Database password: ");
             }
-            return constructDatabaseUrl(supabaseUrl, dbPassword);
+            return constructDatabaseUrl(projectRef, dbPassword);
         }
     }
     finally {

package/package.json

@@ -1,6 +1,16 @@
 {
   "name": "@autoship/react",
-  "version": "0.5.1",
+  "version": "0.6.1",
+  "description": "A drop-in autonomous coding agent that records tasks in your app and implements them in a GitHub Action",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/morlinbrot/autoship.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/morlinbrot/autoship#readme",
+  "bugs": {
+    "url": "https://github.com/morlinbrot/autoship/issues"
+  },
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",