userdispatch 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,4 +1,102 @@
 #!/usr/bin/env node
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/picocolors/picocolors.js
+var require_picocolors = __commonJS({
+  "node_modules/picocolors/picocolors.js"(exports, module) {
+    "use strict";
+    var p = process || {};
+    var argv = p.argv || [];
+    var env = p.env || {};
+    var isColorSupported = !(!!env.NO_COLOR || argv.includes("--no-color")) && (!!env.FORCE_COLOR || argv.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env.TERM !== "dumb" || !!env.CI);
+    var formatter = (open, close, replace = open) => (input) => {
+      let string = "" + input, index = string.indexOf(close, open.length);
+      return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+    };
+    var replaceClose = (string, close, replace, index) => {
+      let result = "", cursor = 0;
+      do {
+        result += string.substring(cursor, index) + replace;
+        cursor = index + close.length;
+        index = string.indexOf(close, cursor);
+      } while (~index);
+      return result + string.substring(cursor);
+    };
+    var createColors = (enabled = isColorSupported) => {
+      let f = enabled ? formatter : () => String;
+      return {
+        isColorSupported: enabled,
+        reset: f("\x1B[0m", "\x1B[0m"),
+        bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+        dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+        italic: f("\x1B[3m", "\x1B[23m"),
+        underline: f("\x1B[4m", "\x1B[24m"),
+        inverse: f("\x1B[7m", "\x1B[27m"),
+        hidden: f("\x1B[8m", "\x1B[28m"),
+        strikethrough: f("\x1B[9m", "\x1B[29m"),
+        black: f("\x1B[30m", "\x1B[39m"),
+        red: f("\x1B[31m", "\x1B[39m"),
+        green: f("\x1B[32m", "\x1B[39m"),
+        yellow: f("\x1B[33m", "\x1B[39m"),
+        blue: f("\x1B[34m", "\x1B[39m"),
+        magenta: f("\x1B[35m", "\x1B[39m"),
+        cyan: f("\x1B[36m", "\x1B[39m"),
+        white: f("\x1B[37m", "\x1B[39m"),
+        gray: f("\x1B[90m", "\x1B[39m"),
+        bgBlack: f("\x1B[40m", "\x1B[49m"),
+        bgRed: f("\x1B[41m", "\x1B[49m"),
+        bgGreen: f("\x1B[42m", "\x1B[49m"),
+        bgYellow: f("\x1B[43m", "\x1B[49m"),
+        bgBlue: f("\x1B[44m", "\x1B[49m"),
+        bgMagenta: f("\x1B[45m", "\x1B[49m"),
+        bgCyan: f("\x1B[46m", "\x1B[49m"),
+        bgWhite: f("\x1B[47m", "\x1B[49m"),
+        blackBright: f("\x1B[90m", "\x1B[39m"),
+        redBright: f("\x1B[91m", "\x1B[39m"),
+        greenBright: f("\x1B[92m", "\x1B[39m"),
+        yellowBright: f("\x1B[93m", "\x1B[39m"),
+        blueBright: f("\x1B[94m", "\x1B[39m"),
+        magentaBright: f("\x1B[95m", "\x1B[39m"),
+        cyanBright: f("\x1B[96m", "\x1B[39m"),
+        whiteBright: f("\x1B[97m", "\x1B[39m"),
+        bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+        bgRedBright: f("\x1B[101m", "\x1B[49m"),
+        bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+        bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+        bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+        bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+        bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+        bgWhiteBright: f("\x1B[107m", "\x1B[49m")
+      };
+    };
+    module.exports = createColors();
+    module.exports.createColors = createColors;
+  }
+});
 
 // src/index.ts
 import { intro as intro2, outro as outro2 } from "@clack/prompts";
@@ -7,6 +105,7 @@ import { intro as intro2, outro as outro2 } from "@clack/prompts";
 import { intro, log as log7 } from "@clack/prompts";
 
 // src/steps/auth.ts
+var import_picocolors = __toESM(require_picocolors(), 1);
 import { text, spinner, log, isCancel } from "@clack/prompts";
 import { exec } from "child_process";
 import { platform } from "os";
@@ -92,7 +191,8 @@ async function authStep(flags2) {
   let token = flags2.token;
   if (!token) {
     const authUrl = `${PROD_URL}/cli/auth`;
-    log.step("Step 1 of 6 \u2014 Authenticate");
+    log.step(import_picocolors.default.bold("Step 1 of 6 \u2014 Authenticate"));
+    log.info("Sign in to link this project to your UserDispatch account. We'll open your browser and generate a token you can paste back here.\n");
     log.info("Opening your browser to sign in with Google.");
     log.info("After signing in, copy the token shown on screen and paste it here.");
     openBrowser(authUrl);
@@ -133,6 +233,7 @@ async function authStep(flags2) {
 }
 
 // src/steps/setup.ts
+var import_picocolors2 = __toESM(require_picocolors(), 1);
 import { text as text2, spinner as spinner2, log as log2, isCancel as isCancel2 } from "@clack/prompts";
 import { basename } from "path";
 function slugify(str) {
@@ -144,18 +245,19 @@ async function promptForValue(message, defaultValue, placeholder) {
     defaultValue,
     placeholder: placeholder || defaultValue,
     validate(value) {
-      if (!value.trim()) return "This field is required.";
+      if (!value.trim() && !defaultValue) return "This field is required.";
     }
   });
   if (isCancel2(result)) {
     log2.warn("Setup cancelled.");
     process.exit(0);
   }
-  return result.trim();
+  return result.trim() || defaultValue;
 }
 async function setupStep(auth, flags2 = {}) {
   const s = spinner2();
-  log2.step("Step 2 of 6 \u2014 Set up your organization and app");
+  log2.step(import_picocolors2.default.bold("Step 2 of 6 \u2014 Set up your organization and app"));
+  log2.info("Create the organization and app that will receive feedback. You can add more apps later from the dashboard.\n");
   let orgName;
   let orgSlug;
   if (!auth.org) {
@@ -163,7 +265,9 @@ async function setupStep(auth, flags2 = {}) {
       orgName = flags2.org;
       orgSlug = slugify(flags2.org);
     } else {
+      log2.info("This is your team or company name \u2014 shown in the dashboard header.");
       orgName = await promptForValue("Organization name:", "My Organization");
+      log2.info("URL-friendly identifier \u2014 your dashboard will be at userdispatch.com/org/<slug>.");
       orgSlug = await promptForValue("Organization slug:", slugify(orgName));
     }
   } else {
@@ -176,7 +280,9 @@ async function setupStep(auth, flags2 = {}) {
     appName = flags2.app;
     appSlug = slugify(flags2.app);
   } else {
+    log2.info("The project you're collecting feedback for \u2014 shown in the widget and dashboard.");
     appName = await promptForValue("App name:", defaultAppName);
+    log2.info("URL-friendly identifier \u2014 feedback form will be at userdispatch.com/f/<org>/<app-slug>.");
     appSlug = await promptForValue("App slug:", slugify(appName));
   }
   s.start("Creating your setup...");
@@ -211,6 +317,7 @@ async function setupStep(auth, flags2 = {}) {
 }
 
 // src/steps/widget.ts
+var import_picocolors3 = __toESM(require_picocolors(), 1);
 import { spinner as spinner3, log as log3, confirm, isCancel as isCancel3 } from "@clack/prompts";
 import { execSync } from "child_process";
 import { existsSync as existsSync2, readFileSync as readFileSync2, writeFileSync } from "fs";
@@ -384,7 +491,8 @@ async function widgetStep(apiKey, flags2 = {}) {
   const s = spinner3();
   const pm = detectPackageManager(cwd);
   const detection = detectFramework(cwd);
-  log3.step("Step 3 of 6 \u2014 Install widget");
+  log3.step(import_picocolors3.default.bold("Step 3 of 6 \u2014 Install widget"));
+  log3.info("Add the feedback widget to your app. Users will see a floating button to submit bugs, feedback, and questions.\n");
   log3.info(`Detected framework: ${detection.label}`);
   let installed = false;
   if (!isAlreadyInstalled(cwd)) {
@@ -449,6 +557,7 @@ async function widgetStep(apiKey, flags2 = {}) {
 }
 
 // src/steps/mcp.ts
+var import_picocolors4 = __toESM(require_picocolors(), 1);
 import { multiselect, spinner as spinner4, log as log4, isCancel as isCancel4 } from "@clack/prompts";
 import { existsSync as existsSync3, readFileSync as readFileSync3, writeFileSync as writeFileSync2, mkdirSync } from "fs";
 import { dirname, relative } from "path";
@@ -496,7 +605,8 @@ async function mcpStep(token, flags2 = {}) {
   const cwd = process.cwd();
   const agents = detectAgents(cwd);
   const detected = agents.filter((a) => a.detected);
-  log4.step("Step 4 of 6 \u2014 Configure MCP for your coding agent");
+  log4.step(import_picocolors4.default.bold("Step 4 of 6 \u2014 Configure MCP for your coding agent"));
+  log4.info("Connect UserDispatch to your AI coding agent so it can triage bugs, reply to users, and generate digests.\n");
   if (detected.length === 0) {
     log4.info("No coding agents detected. You can configure MCP manually later.");
     return { configured: [], skipped: true };
@@ -541,10 +651,12 @@ async function mcpStep(token, flags2 = {}) {
 }
 
 // src/steps/verify.ts
+var import_picocolors5 = __toESM(require_picocolors(), 1);
 import { spinner as spinner5, log as log5 } from "@clack/prompts";
 async function verifyStep(apiKey) {
   const s = spinner5();
-  log5.step("Step 5 of 6 \u2014 Verify connection");
+  log5.step(import_picocolors5.default.bold("Step 5 of 6 \u2014 Verify connection"));
+  log5.info("Send a test submission to confirm everything is wired up correctly.\n");
   s.start("Sending a test submission to your dashboard...");
   try {
     await apiSubmission(
@@ -571,11 +683,12 @@ async function verifyStep(apiKey) {
 }
 
 // src/steps/summary.ts
+var import_picocolors6 = __toESM(require_picocolors(), 1);
 import { note, outro, log as log6 } from "@clack/prompts";
 function summaryStep(result) {
   const { setup, widget, mcp, verified, modifiedFiles } = result;
-  log6.step("Step 6 of 6 \u2014 Summary");
-  const maskedKey = setup.app.apiKey.slice(0, 7) + "..." + setup.app.apiKey.slice(-4);
+  log6.step(import_picocolors6.default.bold("Step 6 of 6 \u2014 Summary"));
+  const maskedKey = setup.app.apiKey ? setup.app.apiKey.slice(0, 7) + "..." + setup.app.apiKey.slice(-4) : "N/A";
   const lines = [];
   lines.push(`Organization:  ${setup.org.name} (${setup.org.slug})`);
   lines.push(`App:           ${setup.app.name} (${setup.app.slug})`);
@@ -615,49 +728,125 @@ function summaryStep(result) {
   outro("You're all set! Happy building.");
 }
 
+// src/lib/sentry.ts
+import * as Sentry from "@sentry/node";
+var SENTRY_DSN = "https://9611a3d31c8f0b5d8049c23924d0d4ad@o4510882392899584.ingest.us.sentry.io/4510965084127232";
+var SENSITIVE_PATTERNS = [/ud_[a-zA-Z0-9_-]+/g, /pk_[a-zA-Z0-9_-]+/g, /[^\s@]+@[^\s@]+\.[^\s@]+/g];
+function scrubSensitive(str) {
+  let result = str;
+  for (const pattern of SENSITIVE_PATTERNS) {
+    result = result.replace(pattern, "[REDACTED]");
+  }
+  return result;
+}
+function initSentry() {
+  Sentry.init({
+    dsn: SENTRY_DSN,
+    environment: process.env.NODE_ENV || "production",
+    release: `userdispatch-cli@${process.env.npm_package_version || "unknown"}`,
+    beforeSend(event) {
+      if (event.exception?.values) {
+        for (const ex of event.exception.values) {
+          if (ex.value) ex.value = scrubSensitive(ex.value);
+        }
+      }
+      if (event.breadcrumbs) {
+        for (const crumb of event.breadcrumbs) {
+          if (crumb.message) crumb.message = scrubSensitive(crumb.message);
+          if (crumb.data) {
+            for (const [key, val] of Object.entries(crumb.data)) {
+              if (typeof val === "string") {
+                crumb.data[key] = scrubSensitive(val);
+              }
+            }
+          }
+        }
+      }
+      return event;
+    }
+  });
+}
+function captureCliError(err, context) {
+  const safeContext = { ...context };
+  delete safeContext.token;
+  delete safeContext.apiKey;
+  delete safeContext.email;
+  Sentry.withScope((scope) => {
+    scope.setTag("cli_step", String(safeContext.step || "unknown"));
+    scope.setContext("cli", {
+      ...safeContext,
+      platform: process.platform,
+      arch: process.arch
+    });
+    if (err instanceof Error) {
+      Sentry.captureException(err);
+    } else {
+      Sentry.captureMessage(String(err), "error");
+    }
+  });
+}
+
 // src/commands/init.ts
 async function initCommand(flags2) {
+  initSentry();
   intro("UserDispatch Setup");
-  const auth = await authStep(flags2);
-  const setup = await setupStep(auth, flags2);
-  const modifiedFiles = [];
-  let widget;
+  log7.info("Collect user feedback. Let your AI agent handle it.");
+  log7.info("This wizard will authenticate you, create your app, install the widget, and connect your coding agent.\n");
+  let currentStep = "init";
   try {
-    widget = await widgetStep(setup.app.apiKey, flags2);
-    if (widget.file) modifiedFiles.push(widget.file);
-  } catch (err) {
-    log7.warn(`Widget setup encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
-    widget = {
-      installed: false,
-      injected: false,
-      framework: "unknown",
-      packageManager: "npm"
-    };
-  }
-  let mcp;
-  try {
-    mcp = await mcpStep(auth.token, flags2);
-    for (const agent of mcp.configured) {
-      modifiedFiles.push(agent.configPath);
+    currentStep = "auth";
+    const auth = await authStep(flags2);
+    currentStep = "setup";
+    const setup = await setupStep(auth, flags2);
+    const modifiedFiles = [];
+    currentStep = "widget";
+    let widget;
+    try {
+      widget = await widgetStep(setup.app.apiKey, flags2);
+      if (widget.file) modifiedFiles.push(widget.file);
+    } catch (err) {
+      captureCliError(err, { step: "widget", framework: flags2.framework, nodeVersion: process.version });
+      log7.warn(`Widget setup encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
+      widget = {
+        installed: false,
+        injected: false,
+        framework: "unknown",
+        packageManager: "npm"
+      };
+    }
+    currentStep = "mcp";
+    let mcp;
+    try {
+      mcp = await mcpStep(auth.token, flags2);
+      for (const agent of mcp.configured) {
+        modifiedFiles.push(agent.configPath);
+      }
+    } catch (err) {
+      captureCliError(err, { step: "mcp", nodeVersion: process.version });
+      log7.warn(`MCP setup encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
+      mcp = { configured: [], skipped: true };
     }
+    currentStep = "verify";
+    let verified = false;
+    try {
+      verified = await verifyStep(setup.app.apiKey);
+    } catch (err) {
+      captureCliError(err, { step: "verify", nodeVersion: process.version });
+      log7.warn(`Verification encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
+    }
+    currentStep = "summary";
+    summaryStep({
+      auth,
+      setup,
+      widget,
+      mcp,
+      verified,
+      modifiedFiles
+    });
   } catch (err) {
-    log7.warn(`MCP setup encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
-    mcp = { configured: [], skipped: true };
+    captureCliError(err, { step: currentStep, nodeVersion: process.version });
+    throw err;
   }
-  let verified = false;
-  try {
-    verified = await verifyStep(setup.app.apiKey);
-  } catch (err) {
-    log7.warn(`Verification encountered an issue: ${err instanceof Error ? err.message : String(err)}`);
-  }
-  summaryStep({
-    auth,
-    setup,
-    widget,
-    mcp,
-    verified,
-    modifiedFiles
-  });
 }
 
 // src/lib/args.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "userdispatch",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "CLI installer for UserDispatch feedback widget + MCP server",
   "bin": {
     "userdispatch": "dist/index.js"
@@ -19,7 +19,8 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@clack/prompts": "^0.9.0"
+    "@clack/prompts": "^0.9.0",
+    "@sentry/node": "^9.0.0"
   },
   "devDependencies": {
     "tsup": "^8.0.0",