@stephenov/feedbackwidget 0.1.0 → 0.2.0

package/dist/cli.d.mts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.js

@@ -0,0 +1,211 @@
+#!/usr/bin/env node
+"use strict";
+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 __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
+));
+
+// src/cli.ts
+var import_http = __toESM(require("http"));
+var import_open = __toESM(require("open"));
+var import_crypto = require("crypto");
+var import_fs = __toESM(require("fs"));
+var import_path = __toESM(require("path"));
+var API_BASE = "https://feedbackwidget-api.vercel.app";
+var CLI_PORT = 9876;
+async function main() {
+  const args = process.argv.slice(2);
+  const command = args[0];
+  if (command === "init") {
+    await initProject();
+  } else if (command === "whoami") {
+    await whoami();
+  } else {
+    showHelp();
+  }
+}
+async function initProject() {
+  console.log("\n\u{1F3A4} feedbackwidget - Voice-first feedback for your app\n");
+  const existingKey = getStoredApiKey();
+  if (existingKey) {
+    console.log("\u2705 Already configured!");
+    console.log(`   API Key: ${existingKey.slice(0, 20)}...`);
+    console.log("\n   To reconfigure, delete .feedbackwidgetrc and run again.\n");
+    return;
+  }
+  const state = (0, import_crypto.randomBytes)(16).toString("hex");
+  const apiKey = await new Promise((resolve, reject) => {
+    const server = import_http.default.createServer((req, res) => {
+      const url = new URL(req.url, `http://localhost:${CLI_PORT}`);
+      if (url.pathname === "/callback") {
+        const receivedState = url.searchParams.get("state");
+        const key = url.searchParams.get("key");
+        const error = url.searchParams.get("error");
+        if (error) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(errorPage(error));
+          server.close();
+          reject(new Error(error));
+          return;
+        }
+        if (receivedState !== state) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(errorPage("Invalid state - possible CSRF attack"));
+          server.close();
+          reject(new Error("Invalid state"));
+          return;
+        }
+        if (key) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(successPage());
+          server.close();
+          resolve(key);
+        }
+      }
+    });
+    server.listen(CLI_PORT, () => {
+      const authUrl = `${API_BASE}/cli/auth?state=${state}&port=${CLI_PORT}`;
+      console.log("Opening browser to authenticate...\n");
+      console.log(`   If browser doesn't open, visit:
+   ${authUrl}
+`);
+      (0, import_open.default)(authUrl);
+    });
+    setTimeout(() => {
+      server.close();
+      reject(new Error("Authentication timed out"));
+    }, 5 * 60 * 1e3);
+  });
+  saveApiKey(apiKey);
+  console.log("\u2705 Authenticated successfully!\n");
+  console.log(`   API Key: ${apiKey.slice(0, 20)}...`);
+  console.log("   Saved to .feedbackwidgetrc\n");
+  console.log("   Add to your app:\n");
+  console.log('   import { FeedbackWidget } from "@stephenov/feedbackwidget"');
+  console.log(`   <FeedbackWidget apiKey="${apiKey}" />
+`);
+}
+async function whoami() {
+  const apiKey = getStoredApiKey();
+  if (!apiKey) {
+    console.log("\nNot logged in. Run: npx @stephenov/feedbackwidget init\n");
+    return;
+  }
+  try {
+    const res = await fetch(`${API_BASE}/api/v1/validate`, {
+      headers: { Authorization: `Bearer ${apiKey}` }
+    });
+    const data = await res.json();
+    if (data.valid) {
+      console.log(`
+Logged in as: ${data.project?.name || "Unknown"}`);
+      console.log(`Plan: ${data.limits?.submissions || 100} submissions/month
+`);
+    } else {
+      console.log("\nInvalid API key. Run: npx @stephenov/feedbackwidget init\n");
+    }
+  } catch {
+    console.log("\nCouldn't verify API key. Check your connection.\n");
+  }
+}
+function showHelp() {
+  console.log(`
+\u{1F3A4} feedbackwidget CLI
+
+Commands:
+  init      Authenticate and get your API key
+  whoami    Show current project info
+
+Usage:
+  npx @stephenov/feedbackwidget init
+  npx @stephenov/feedbackwidget whoami
+`);
+}
+function getStoredApiKey() {
+  const rcPath = import_path.default.join(process.cwd(), ".feedbackwidgetrc");
+  try {
+    const content = import_fs.default.readFileSync(rcPath, "utf-8");
+    const match = content.match(/FEEDBACKWIDGET_API_KEY=(.+)/);
+    return match ? match[1].trim() : null;
+  } catch {
+    return null;
+  }
+}
+function saveApiKey(apiKey) {
+  const rcPath = import_path.default.join(process.cwd(), ".feedbackwidgetrc");
+  import_fs.default.writeFileSync(rcPath, `FEEDBACKWIDGET_API_KEY=${apiKey}
+`);
+  const gitignorePath = import_path.default.join(process.cwd(), ".gitignore");
+  try {
+    const gitignore = import_fs.default.readFileSync(gitignorePath, "utf-8");
+    if (!gitignore.includes(".feedbackwidgetrc")) {
+      import_fs.default.appendFileSync(gitignorePath, "\n.feedbackwidgetrc\n");
+    }
+  } catch {
+  }
+}
+function successPage() {
+  return `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>feedbackwidget - Authenticated</title>
+  <style>
+    body { font-family: -apple-system, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: white; padding: 48px; border-radius: 16px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
+    h1 { font-size: 24px; margin: 0 0 16px; }
+    p { color: #666; margin: 0; }
+    .emoji { font-size: 48px; margin-bottom: 24px; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="emoji">\u2705</div>
+    <h1>Authenticated!</h1>
+    <p>You can close this window and return to your terminal.</p>
+  </div>
+</body>
+</html>`;
+}
+function errorPage(error) {
+  return `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>feedbackwidget - Error</title>
+  <style>
+    body { font-family: -apple-system, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: white; padding: 48px; border-radius: 16px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
+    h1 { font-size: 24px; margin: 0 0 16px; color: #e00; }
+    p { color: #666; margin: 0; }
+    .emoji { font-size: 48px; margin-bottom: 24px; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="emoji">\u274C</div>
+    <h1>Authentication Failed</h1>
+    <p>${error}</p>
+  </div>
+</body>
+</html>`;
+}
+main().catch(console.error);

package/dist/cli.mjs

@@ -0,0 +1,188 @@
+#!/usr/bin/env node
+
+// src/cli.ts
+import http from "http";
+import open from "open";
+import { randomBytes } from "crypto";
+import fs from "fs";
+import path from "path";
+var API_BASE = "https://feedbackwidget-api.vercel.app";
+var CLI_PORT = 9876;
+async function main() {
+  const args = process.argv.slice(2);
+  const command = args[0];
+  if (command === "init") {
+    await initProject();
+  } else if (command === "whoami") {
+    await whoami();
+  } else {
+    showHelp();
+  }
+}
+async function initProject() {
+  console.log("\n\u{1F3A4} feedbackwidget - Voice-first feedback for your app\n");
+  const existingKey = getStoredApiKey();
+  if (existingKey) {
+    console.log("\u2705 Already configured!");
+    console.log(`   API Key: ${existingKey.slice(0, 20)}...`);
+    console.log("\n   To reconfigure, delete .feedbackwidgetrc and run again.\n");
+    return;
+  }
+  const state = randomBytes(16).toString("hex");
+  const apiKey = await new Promise((resolve, reject) => {
+    const server = http.createServer((req, res) => {
+      const url = new URL(req.url, `http://localhost:${CLI_PORT}`);
+      if (url.pathname === "/callback") {
+        const receivedState = url.searchParams.get("state");
+        const key = url.searchParams.get("key");
+        const error = url.searchParams.get("error");
+        if (error) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(errorPage(error));
+          server.close();
+          reject(new Error(error));
+          return;
+        }
+        if (receivedState !== state) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(errorPage("Invalid state - possible CSRF attack"));
+          server.close();
+          reject(new Error("Invalid state"));
+          return;
+        }
+        if (key) {
+          res.writeHead(200, { "Content-Type": "text/html" });
+          res.end(successPage());
+          server.close();
+          resolve(key);
+        }
+      }
+    });
+    server.listen(CLI_PORT, () => {
+      const authUrl = `${API_BASE}/cli/auth?state=${state}&port=${CLI_PORT}`;
+      console.log("Opening browser to authenticate...\n");
+      console.log(`   If browser doesn't open, visit:
+   ${authUrl}
+`);
+      open(authUrl);
+    });
+    setTimeout(() => {
+      server.close();
+      reject(new Error("Authentication timed out"));
+    }, 5 * 60 * 1e3);
+  });
+  saveApiKey(apiKey);
+  console.log("\u2705 Authenticated successfully!\n");
+  console.log(`   API Key: ${apiKey.slice(0, 20)}...`);
+  console.log("   Saved to .feedbackwidgetrc\n");
+  console.log("   Add to your app:\n");
+  console.log('   import { FeedbackWidget } from "@stephenov/feedbackwidget"');
+  console.log(`   <FeedbackWidget apiKey="${apiKey}" />
+`);
+}
+async function whoami() {
+  const apiKey = getStoredApiKey();
+  if (!apiKey) {
+    console.log("\nNot logged in. Run: npx @stephenov/feedbackwidget init\n");
+    return;
+  }
+  try {
+    const res = await fetch(`${API_BASE}/api/v1/validate`, {
+      headers: { Authorization: `Bearer ${apiKey}` }
+    });
+    const data = await res.json();
+    if (data.valid) {
+      console.log(`
+Logged in as: ${data.project?.name || "Unknown"}`);
+      console.log(`Plan: ${data.limits?.submissions || 100} submissions/month
+`);
+    } else {
+      console.log("\nInvalid API key. Run: npx @stephenov/feedbackwidget init\n");
+    }
+  } catch {
+    console.log("\nCouldn't verify API key. Check your connection.\n");
+  }
+}
+function showHelp() {
+  console.log(`
+\u{1F3A4} feedbackwidget CLI
+
+Commands:
+  init      Authenticate and get your API key
+  whoami    Show current project info
+
+Usage:
+  npx @stephenov/feedbackwidget init
+  npx @stephenov/feedbackwidget whoami
+`);
+}
+function getStoredApiKey() {
+  const rcPath = path.join(process.cwd(), ".feedbackwidgetrc");
+  try {
+    const content = fs.readFileSync(rcPath, "utf-8");
+    const match = content.match(/FEEDBACKWIDGET_API_KEY=(.+)/);
+    return match ? match[1].trim() : null;
+  } catch {
+    return null;
+  }
+}
+function saveApiKey(apiKey) {
+  const rcPath = path.join(process.cwd(), ".feedbackwidgetrc");
+  fs.writeFileSync(rcPath, `FEEDBACKWIDGET_API_KEY=${apiKey}
+`);
+  const gitignorePath = path.join(process.cwd(), ".gitignore");
+  try {
+    const gitignore = fs.readFileSync(gitignorePath, "utf-8");
+    if (!gitignore.includes(".feedbackwidgetrc")) {
+      fs.appendFileSync(gitignorePath, "\n.feedbackwidgetrc\n");
+    }
+  } catch {
+  }
+}
+function successPage() {
+  return `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>feedbackwidget - Authenticated</title>
+  <style>
+    body { font-family: -apple-system, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: white; padding: 48px; border-radius: 16px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
+    h1 { font-size: 24px; margin: 0 0 16px; }
+    p { color: #666; margin: 0; }
+    .emoji { font-size: 48px; margin-bottom: 24px; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="emoji">\u2705</div>
+    <h1>Authenticated!</h1>
+    <p>You can close this window and return to your terminal.</p>
+  </div>
+</body>
+</html>`;
+}
+function errorPage(error) {
+  return `
+<!DOCTYPE html>
+<html>
+<head>
+  <title>feedbackwidget - Error</title>
+  <style>
+    body { font-family: -apple-system, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: white; padding: 48px; border-radius: 16px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
+    h1 { font-size: 24px; margin: 0 0 16px; color: #e00; }
+    p { color: #666; margin: 0; }
+    .emoji { font-size: 48px; margin-bottom: 24px; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="emoji">\u274C</div>
+    <h1>Authentication Failed</h1>
+    <p>${error}</p>
+  </div>
+</body>
+</html>`;
+}
+main().catch(console.error);

package/dist/index.js

@@ -632,7 +632,7 @@ function VoiceRecorder({
 }
 
 // src/api/client.ts
-var API_BASE = "https://api.feedbackwidget.dev/v1";
+var API_BASE = "https://feedbackwidget-api.vercel.app/api/v1";
 var FeedbackApiClient = class {
   constructor(apiKey, baseUrl) {
     this.apiKey = apiKey;

package/dist/index.mjs

@@ -587,7 +587,7 @@ function VoiceRecorder({
 }
 
 // src/api/client.ts
-var API_BASE = "https://api.feedbackwidget.dev/v1";
+var API_BASE = "https://feedbackwidget-api.vercel.app/api/v1";
 var FeedbackApiClient = class {
   constructor(apiKey, baseUrl) {
     this.apiKey = apiKey;

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@stephenov/feedbackwidget",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Voice-first feedback widget with AI analysis, GitHub, and Slack integration",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "bin": {
+    "feedbackwidget": "./dist/cli.js"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -17,8 +20,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "build": "tsup src/index.ts src/cli.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts src/cli.ts --format cjs,esm --dts --watch",
     "lint": "eslint src/",
     "clean": "rm -rf dist"
   },
@@ -26,7 +29,11 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "dependencies": {
+    "open": "^10.0.0"
+  },
   "devDependencies": {
+    "@types/node": "^20.0.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "react": "^18.2.0",
@@ -42,12 +49,13 @@
     "react",
     "github",
     "slack",
-    "ai"
+    "ai",
+    "cli"
   ],
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/outcomeview/feedbackwidget"
+    "url": "https://github.com/stephennewman/feedbackwidget"
   },
-  "homepage": "https://feedbackwidget.dev"
+  "homepage": "https://feedbackwidget-api.vercel.app"
 }