@nikitadmitrieff/feedback-chat 0.1.3 → 0.2.0

package/dist/cli/deploy-agent.js

@@ -0,0 +1,177 @@
+#!/usr/bin/env node
+
+// src/cli/deploy-agent.ts
+import prompts from "prompts";
+import { existsSync, readFileSync } from "fs";
+import { join, resolve } from "path";
+import { execSync } from "child_process";
+function checkCommand(cmd) {
+  try {
+    execSync(`which ${cmd}`, { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function readEnvFile(cwd) {
+  const envPath = join(cwd, ".env.local");
+  if (!existsSync(envPath)) return {};
+  const content = readFileSync(envPath, "utf-8");
+  const vars = {};
+  for (const line of content.split("\n")) {
+    const match = line.match(/^([A-Z_]+)=(.+)$/);
+    if (match) vars[match[1]] = match[2];
+  }
+  return vars;
+}
+async function main() {
+  const cwd = resolve(process.cwd());
+  console.error();
+  console.error("  feedback-chat agent deployment script generator");
+  console.error("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.error();
+  const hasRailway = checkCommand("railway");
+  const hasGh = checkCommand("gh");
+  if (!hasRailway) {
+    console.error("  \u2717 Railway CLI not found. Install: npm install -g @railway/cli");
+    process.exit(1);
+  }
+  if (!hasGh) {
+    console.error("  \u2717 GitHub CLI not found. Install: https://cli.github.com/");
+    process.exit(1);
+  }
+  const envVars = readEnvFile(cwd);
+  const githubToken = envVars["GITHUB_TOKEN"] || "";
+  const githubRepo = envVars["GITHUB_REPO"] || "";
+  const anthropicKey = envVars["ANTHROPIC_API_KEY"] || "";
+  if (!githubToken || !githubRepo) {
+    console.error("  \u2717 GITHUB_TOKEN and GITHUB_REPO must be set in .env.local");
+    console.error("  Run `npx feedback-chat init` first with the +GitHub or +Pipeline tier.");
+    process.exit(1);
+  }
+  const { authMethod } = await prompts({
+    type: "select",
+    name: "authMethod",
+    message: "Claude authentication for the agent",
+    choices: [
+      {
+        title: "Claude Max subscription ($0/run)",
+        description: "Uses OAuth credentials from your local keychain",
+        value: "max"
+      },
+      {
+        title: "API key (pay per token)",
+        description: "Uses ANTHROPIC_API_KEY from .env.local",
+        value: "api"
+      }
+    ]
+  });
+  if (!authMethod) {
+    console.error("  Cancelled.");
+    process.exit(0);
+  }
+  let credentialsJson = "";
+  if (authMethod === "max") {
+    console.error();
+    console.error("  To get your Claude credentials, run:");
+    console.error('    security find-generic-password -s "Claude Code-credentials" -a "$USER" -w');
+    console.error();
+    console.error("  Copy the JSON output (the claudeAiOauth portion).");
+    console.error();
+    const { creds } = await prompts({
+      type: "text",
+      name: "creds",
+      message: "Paste your Claude credentials JSON (or press Enter to include a placeholder)"
+    });
+    credentialsJson = creds || "${CLAUDE_CREDENTIALS_JSON}";
+  }
+  const webhookSecret = "$(openssl rand -hex 32)";
+  const envLocalPath = join(cwd, ".env.local");
+  const authLine = authMethod === "max" ? `
+  CLAUDE_CREDENTIALS_JSON='${credentialsJson.replace(/'/g, "'\\''")}'` : anthropicKey ? `
+  ANTHROPIC_API_KEY="${anthropicKey}"` : "";
+  const script = `#!/usr/bin/env bash
+set -euo pipefail
+
+# \u2500\u2500 feedback-chat agent deployment script \u2500\u2500
+# Generated by: npx feedback-chat deploy-agent
+# Review this script before running it.
+
+echo "==> Cloning feedback-chat agent..."
+TMPDIR=$(mktemp -d)
+trap 'rm -rf "$TMPDIR"' EXIT
+git clone --depth 1 https://github.com/NikitaDmitrieff/feedback-chat "$TMPDIR/feedback-chat"
+cd "$TMPDIR/feedback-chat/packages/agent"
+
+echo "==> Creating Railway project..."
+railway init
+
+echo "==> First deploy (creates the service)..."
+DEPLOY_OUTPUT=$(railway up --detach 2>&1)
+echo "$DEPLOY_OUTPUT"
+
+echo "==> Waiting for service to register..."
+sleep 5
+
+echo "==> Finding and linking service..."
+SERVICE_NAME=$(railway service status --all 2>&1 | grep -oE '^[a-z][-a-z0-9]*' | head -1)
+if [ -z "$SERVICE_NAME" ]; then
+  echo "\u2717 Could not detect service name. Run 'railway service status --all' manually."
+  exit 1
+fi
+echo "   Linking service: $SERVICE_NAME"
+railway service link "$SERVICE_NAME"
+
+echo "==> Setting environment variables..."
+WEBHOOK_SECRET=${webhookSecret}
+railway variables set \\
+  GITHUB_TOKEN="${githubToken}" \\
+  GITHUB_REPO="${githubRepo}" \\
+  WEBHOOK_SECRET="$WEBHOOK_SECRET"${authLine ? ` \\${authLine}` : ""}
+
+echo "==> Getting public domain..."
+DOMAIN_OUTPUT=$(railway domain 2>&1)
+AGENT_URL=$(echo "$DOMAIN_OUTPUT" | grep -oE 'https://[^ ]+')
+if [ -z "$AGENT_URL" ]; then
+  echo "\u2717 Could not extract domain URL. Output was:"
+  echo "$DOMAIN_OUTPUT"
+  exit 1
+fi
+echo "   Agent URL: $AGENT_URL"
+
+echo "==> Setting up GitHub webhook..."
+REPO_OWNER=$(echo "${githubRepo}" | cut -d/ -f1)
+REPO_NAME=$(echo "${githubRepo}" | cut -d/ -f2)
+gh api "repos/$REPO_OWNER/$REPO_NAME/hooks" \\
+  -f name=web -f active=true \\
+  -f "config[url]=$AGENT_URL/webhook/github" \\
+  -f "config[content_type]=json" \\
+  -f "config[secret]=$WEBHOOK_SECRET" \\
+  -f 'events[]=issues'
+
+echo "==> Updating consumer .env.local..."
+echo "AGENT_URL=$AGENT_URL" >> "${envLocalPath}"
+
+echo ""
+echo "==> Done! Summary:"
+echo "   Agent URL:      $AGENT_URL"
+echo "   Webhook:        $AGENT_URL/webhook/github"
+echo "   Webhook secret: $WEBHOOK_SECRET"
+echo ""
+echo "   Next steps:"
+echo "   1. Wait for Railway deploy to finish"
+echo "   2. Verify: curl $AGENT_URL/health"
+echo "   3. Test by submitting feedback through the widget"
+`;
+  process.stdout.write(script);
+  console.error();
+  console.error("  Script generated! To run it:");
+  console.error("    npx feedback-chat deploy-agent | bash");
+  console.error("  Or save and review first:");
+  console.error("    npx feedback-chat deploy-agent > deploy.sh && chmod +x deploy.sh && cat deploy.sh");
+  console.error();
+}
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/dist/cli/init.js

@@ -4,27 +4,79 @@
 import prompts from "prompts";
 import { existsSync, writeFileSync, appendFileSync, readFileSync, mkdirSync } from "fs";
 import { join, resolve } from "path";
-var CHAT_ROUTE_TEMPLATE = (hasGithub) => `import { createFeedbackHandler } from '@nikitadmitrieff/feedback-chat/server'
+import { execSync } from "child_process";
+var CHAT_ROUTE_TEMPLATE = (tier) => `import { createFeedbackHandler } from '@nikitadmitrieff/feedback-chat/server'
 
 const handler = createFeedbackHandler({
-  password: process.env.FEEDBACK_PASSWORD!,${hasGithub ? `
+  password: process.env.FEEDBACK_PASSWORD!,${tier !== "chat" ? `
   github: {
     token: process.env.GITHUB_TOKEN!,
     repo: process.env.GITHUB_REPO!,
   },` : ""}
+  // projectContext: 'Describe your app here so the AI gives better responses',
 })
 
 export const POST = handler.POST
 `;
-var STATUS_ROUTE_TEMPLATE = `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+var STATUS_ROUTE_TEMPLATE = (tier) => {
+  if (tier === "chat") {
+    return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
 
 const handler = createStatusHandler({
   password: process.env.FEEDBACK_PASSWORD!,
 })
 
 export const { GET, POST } = handler
+`;
+  }
+  if (tier === "github") {
+    return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+
+const handler = createStatusHandler({
+  password: process.env.FEEDBACK_PASSWORD!,
+  github: {
+    token: process.env.GITHUB_TOKEN!,
+    repo: process.env.GITHUB_REPO!,
+  },
+})
+
+export const { GET, POST } = handler
+`;
+  }
+  return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+
+const handler = createStatusHandler({
+  password: process.env.FEEDBACK_PASSWORD!,
+  github: {
+    token: process.env.GITHUB_TOKEN!,
+    repo: process.env.GITHUB_REPO!,
+  },
+  agentUrl: process.env.AGENT_URL,
+})
+
+export const { GET, POST } = handler
+`;
+};
+var FEEDBACK_BUTTON_TEMPLATE = `'use client'
+
+import { useState } from 'react'
+import { FeedbackPanel } from '@nikitadmitrieff/feedback-chat'
+import '@nikitadmitrieff/feedback-chat/styles.css'
+
+export function FeedbackButton() {
+  const [open, setOpen] = useState(false)
+  return <FeedbackPanel isOpen={open} onToggle={() => setOpen(!open)} />
+}
 `;
 var SOURCE_DIRECTIVE = '@source "../node_modules/@nikitadmitrieff/feedback-chat/dist/**/*.js";';
+var GITHUB_LABELS = [
+  { name: "feedback-bot", color: "0E8A16", description: "Created by feedback widget" },
+  { name: "auto-implement", color: "1D76DB", description: "Agent should implement this" },
+  { name: "in-progress", color: "FBCA04", description: "Agent is working on this" },
+  { name: "agent-failed", color: "D93F0B", description: "Agent build/lint failed" },
+  { name: "preview-pending", color: "C5DEF5", description: "PR ready, preview deploying" },
+  { name: "rejected", color: "E4E669", description: "User rejected changes" }
+];
 function findAppDir(cwd) {
   const candidates = [
     join(cwd, "src", "app"),
@@ -84,12 +136,65 @@ function appendEnvVar(envPath, key, value) {
   appendFileSync(envPath, `${key}=${value}
 `);
 }
+function checkReactVersion(cwd) {
+  const reactPkgPath = join(cwd, "node_modules", "react", "package.json");
+  if (!existsSync(reactPkgPath)) return;
+  try {
+    const pkg = JSON.parse(readFileSync(reactPkgPath, "utf-8"));
+    const version = pkg.version;
+    if (version === "19.1.0" || version === "19.1.1") {
+      console.error(`  \u2717 react@${version} detected \u2014 @ai-sdk/react excludes this version.`);
+      console.error("    Fix: npm install react@latest react-dom@latest");
+      console.error();
+      process.exit(1);
+    }
+  } catch {
+  }
+}
+function hasGhCli() {
+  try {
+    execSync("which gh", { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function createGitHubLabels(cwd) {
+  if (!hasGhCli()) {
+    console.log("  \u26A0 GitHub CLI (gh) not found. Create these labels manually:");
+    console.log();
+    for (const label of GITHUB_LABELS) {
+      console.log(`    gh label create ${label.name} --color ${label.color} --description "${label.description}" --force`);
+    }
+    console.log();
+    return;
+  }
+  console.log("  Creating GitHub labels...");
+  for (const label of GITHUB_LABELS) {
+    try {
+      execSync(
+        `gh label create ${label.name} --color ${label.color} --description "${label.description}" --force`,
+        { cwd, stdio: "ignore" }
+      );
+      console.log(`    Created label: ${label.name}`);
+    } catch {
+      console.log(`    \u26A0 Could not create label: ${label.name}`);
+    }
+  }
+}
+function detectComponentsDir(cwd) {
+  if (existsSync(join(cwd, "src", "app"))) {
+    return join(cwd, "src", "components");
+  }
+  return join(cwd, "components");
+}
 async function main() {
   const cwd = resolve(process.cwd());
   console.log();
   console.log("  feedback-chat setup wizard");
   console.log("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
+  checkReactVersion(cwd);
   const appDir = findAppDir(cwd);
   if (!appDir) {
     console.error("  Could not find app/ or src/app/ directory.");
@@ -98,7 +203,26 @@ async function main() {
   }
   console.log(`  Found Next.js app directory: ${appDir}`);
   console.log();
-  console.log("  \u2500\u2500 Widget Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log("  \u2500\u2500 Tier Selection \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log();
+  const tierAnswer = await prompts({
+    type: "select",
+    name: "tier",
+    message: "Choose your tier",
+    choices: [
+      { title: "Chat only (AI conversations, localStorage persistence)", value: "chat" },
+      { title: "+ GitHub (Chat + auto-creates GitHub issues)", value: "github" },
+      { title: "+ Pipeline (Chat + GitHub + agent \u2192 PR \u2192 preview \u2192 approve)", value: "pipeline" }
+    ],
+    initial: 0
+  });
+  if (tierAnswer.tier === void 0) {
+    console.log("  Cancelled.");
+    process.exit(0);
+  }
+  const tier = tierAnswer.tier;
+  console.log();
+  console.log("  \u2500\u2500 Widget Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
   const widgetAnswers = await prompts([
     {
@@ -116,23 +240,17 @@ async function main() {
     console.log("  Cancelled.");
     process.exit(0);
   }
-  console.log();
-  console.log("  \u2500\u2500 GitHub Integration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
-  console.log();
-  const githubAnswer = await prompts({
-    type: "confirm",
-    name: "enabled",
-    message: "Enable GitHub issues? (feedback creates issues for tracking)",
-    initial: true
-  });
   let githubToken = "";
   let githubRepo = "";
-  if (githubAnswer.enabled) {
+  if (tier !== "chat") {
+    console.log();
+    console.log("  \u2500\u2500 GitHub Integration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+    console.log();
     const ghAnswers = await prompts([
       {
         type: "password",
         name: "token",
-        message: "GitHub token (needs repo scope)"
+        message: "GitHub token (needs repo scope, must start with ghp_)"
       },
       {
         type: "text",
@@ -143,7 +261,18 @@ async function main() {
     githubToken = ghAnswers.token || "";
     githubRepo = ghAnswers.repo || "";
   }
-  const hasGithub = !!(githubToken && githubRepo);
+  let agentUrl = "";
+  if (tier === "pipeline") {
+    console.log();
+    console.log("  \u2500\u2500 Agent Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+    console.log();
+    const agentAnswer = await prompts({
+      type: "text",
+      name: "url",
+      message: "Agent URL (e.g., https://your-agent.railway.app)"
+    });
+    agentUrl = agentAnswer.url || "";
+  }
   let overwrite = false;
   const chatRoutePath = join(appDir, "api", "feedback", "chat", "route.ts");
   const statusRoutePath = join(appDir, "api", "feedback", "status", "route.ts");
@@ -157,12 +286,17 @@ async function main() {
     overwrite = overwriteAnswer.overwrite ?? false;
   }
   console.log();
-  if (safeWriteFile(chatRoutePath, CHAT_ROUTE_TEMPLATE(hasGithub), overwrite)) {
+  if (safeWriteFile(chatRoutePath, CHAT_ROUTE_TEMPLATE(tier), overwrite)) {
     console.log(`  Created ${chatRoutePath}`);
   }
-  if (safeWriteFile(statusRoutePath, STATUS_ROUTE_TEMPLATE, overwrite)) {
+  if (safeWriteFile(statusRoutePath, STATUS_ROUTE_TEMPLATE(tier), overwrite)) {
     console.log(`  Created ${statusRoutePath}`);
   }
+  const componentsDir = detectComponentsDir(cwd);
+  const feedbackButtonPath = join(componentsDir, "FeedbackButton.tsx");
+  if (safeWriteFile(feedbackButtonPath, FEEDBACK_BUTTON_TEMPLATE, overwrite)) {
+    console.log(`  Created ${feedbackButtonPath}`);
+  }
   const globalsCss = findGlobalsCss(cwd);
   if (globalsCss) {
     if (injectSourceDirective(globalsCss)) {
@@ -178,28 +312,43 @@ async function main() {
   const envPath = join(cwd, ".env.local");
   appendEnvVar(envPath, "ANTHROPIC_API_KEY", widgetAnswers.apiKey);
   appendEnvVar(envPath, "FEEDBACK_PASSWORD", widgetAnswers.password);
-  if (hasGithub) {
-    appendEnvVar(envPath, "GITHUB_TOKEN", githubToken);
-    appendEnvVar(envPath, "GITHUB_REPO", githubRepo);
+  if (tier !== "chat") {
+    if (githubToken) appendEnvVar(envPath, "GITHUB_TOKEN", githubToken);
+    if (githubRepo) appendEnvVar(envPath, "GITHUB_REPO", githubRepo);
+  }
+  if (tier === "pipeline" && agentUrl) {
+    appendEnvVar(envPath, "AGENT_URL", agentUrl);
   }
   console.log(`  Updated ${envPath}`);
+  if (tier !== "chat") {
+    console.log();
+    createGitHubLabels(cwd);
+  }
   console.log();
-  console.log("  \u2500\u2500 Add to your layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log("  \u2500\u2500 Next Steps \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
-  console.log("    // Create a client component (e.g., components/FeedbackButton.tsx):");
-  console.log("    'use client'");
-  console.log("    import { useState } from 'react'");
-  console.log("    import { FeedbackPanel } from '@nikitadmitrieff/feedback-chat'");
-  console.log("    import '@nikitadmitrieff/feedback-chat/styles.css'");
+  const usesSrc = existsSync(join(cwd, "src", "app"));
+  const importPath = usesSrc ? "@/components/FeedbackButton" : "@/components/FeedbackButton";
+  console.log("  1. Add to your layout.tsx:");
   console.log();
-  console.log("    export function FeedbackButton() {");
-  console.log("      const [open, setOpen] = useState(false)");
-  console.log("      return <FeedbackPanel isOpen={open} onToggle={() => setOpen(!open)} />");
-  console.log("    }");
+  console.log(`     import { FeedbackButton } from '${importPath}'`);
   console.log();
-  console.log("    // Then in your layout.tsx:");
-  console.log("    import { FeedbackButton } from '@/components/FeedbackButton'");
-  console.log("    // Inside <body>: <FeedbackButton />");
+  console.log("     // Inside <body>:");
+  console.log("     <FeedbackButton />");
+  console.log();
+  if (tier === "chat") {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Click the feedback bar at the bottom, enter your password, and chat.");
+  } else if (tier === "github") {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Submit feedback to see issues created on your repo.");
+  } else {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Submit feedback to see issues created on your repo.");
+    console.log();
+    console.log("  3. Deploy the agent service:");
+    console.log("     See docs/agent-deployment.md or run: npx feedback-chat deploy-agent");
+  }
   console.log();
   console.log("  Done.");
   console.log();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nikitadmitrieff/feedback-chat",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "type": "module",
   "main": "./dist/client/index.js",
   "types": "./dist/client/index.d.ts",
@@ -21,7 +21,8 @@
     }
   },
   "bin": {
-    "feedback-chat": "./dist/cli/init.js"
+    "feedback-chat": "./dist/cli/init.js",
+    "feedback-chat-deploy-agent": "./dist/cli/deploy-agent.js"
   },
   "files": ["dist", "README.md"],
   "scripts": {