@stephenov/feedbackwidget 0.2.2 → 0.3.1

package/dist/cli.js

@@ -27,7 +27,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var import_http = __toESM(require("http"));
 var import_open = __toESM(require("open"));
 var import_crypto = require("crypto");
-var import_child_process = require("child_process");
 var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
 var API_BASE = "https://feedbackwidget-api.vercel.app";
@@ -95,25 +94,26 @@ async function initProject() {
       reject(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
-  saveApiKey(apiKey);
-  const snippet = `import { FeedbackWidget } from "@stephenov/feedbackwidget"
-
-<FeedbackWidget apiKey="${apiKey}" />`;
-  try {
-    await copyToClipboard(snippet);
-    console.log("\u2705 Authenticated successfully!\n");
-    console.log(`   API Key: ${apiKey.slice(0, 20)}...`);
-    console.log("   Saved to .feedbackwidgetrc\n");
-    console.log("   \u{1F4CB} Code snippet copied to clipboard! Just paste into your app.\n");
-  } catch {
-    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}" />
+  const saved = saveApiKeyToEnv(apiKey);
+  console.log("\u2705 Authenticated successfully!\n");
+  console.log(`   API Key: ${apiKey}
 `);
+  if (saved) {
+    console.log(`   \u2713 Saved to ${saved}
+`);
+    console.log("   Add ONE line to your app's root layout:\n");
+    console.log('   import "@stephenov/feedbackwidget/auto"\n');
+  } else {
+    console.log("   Add to your .env.local (or .env):\n");
+    console.log(`   NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=${apiKey}
+`);
+    console.log("   Then add to your app's root layout:\n");
+    console.log('   import "@stephenov/feedbackwidget/auto"\n');
   }
+  console.log("   Or use directly:\n");
+  console.log('   import { FeedbackWidget } from "@stephenov/feedbackwidget"');
+  console.log(`   <FeedbackWidget apiKey="${apiKey}" />
+`);
 }
 async function whoami() {
   const apiKey = getStoredApiKey();
@@ -152,26 +152,45 @@ Usage:
 `);
 }
 function getStoredApiKey() {
-  const rcPath = import_path.default.join(process.cwd(), ".feedbackwidgetrc");
+  const envPath = import_path.default.join(process.cwd(), ".env.local");
   try {
-    const content = import_fs.default.readFileSync(rcPath, "utf-8");
-    const match = content.match(/FEEDBACKWIDGET_API_KEY=(.+)/);
+    const content = import_fs.default.readFileSync(envPath, "utf-8");
+    const match = content.match(/NEXT_PUBLIC_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}
+function saveApiKeyToEnv(apiKey) {
+  const envVar = `NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=${apiKey}`;
+  const envFiles = [".env.local", ".env"];
+  for (const envFile of envFiles) {
+    const envPath = import_path.default.join(process.cwd(), envFile);
+    try {
+      const content = import_fs.default.readFileSync(envPath, "utf-8");
+      if (content.includes("NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=")) {
+        const updated = content.replace(
+          /NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=.*/,
+          envVar
+        );
+        import_fs.default.writeFileSync(envPath, updated);
+      } else {
+        import_fs.default.appendFileSync(envPath, `
+${envVar}
 `);
-  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");
+      }
+      return envFile;
+    } catch {
+      continue;
     }
+  }
+  try {
+    const envPath = import_path.default.join(process.cwd(), ".env.local");
+    import_fs.default.writeFileSync(envPath, `${envVar}
+`);
+    return ".env.local";
   } catch {
+    return null;
   }
 }
 function successPage() {
@@ -220,30 +239,4 @@ function errorPage(error) {
 </body>
 </html>`;
 }
-async function copyToClipboard(text) {
-  return new Promise((resolve, reject) => {
-    const platform = process.platform;
-    let cmd;
-    let args = [];
-    if (platform === "darwin") {
-      cmd = "pbcopy";
-    } else if (platform === "linux") {
-      cmd = "xclip";
-      args = ["-selection", "clipboard"];
-    } else if (platform === "win32") {
-      cmd = "clip";
-    } else {
-      reject(new Error("Unsupported platform"));
-      return;
-    }
-    const proc = (0, import_child_process.spawn)(cmd, args);
-    proc.stdin.write(text);
-    proc.stdin.end();
-    proc.on("close", (code) => {
-      if (code === 0) resolve();
-      else reject(new Error(`Clipboard failed with code ${code}`));
-    });
-    proc.on("error", reject);
-  });
-}
 main().catch(console.error);

package/dist/cli.mjs

@@ -4,7 +4,6 @@
 import http from "http";
 import open from "open";
 import { randomBytes } from "crypto";
-import { spawn } from "child_process";
 import fs from "fs";
 import path from "path";
 var API_BASE = "https://feedbackwidget-api.vercel.app";
@@ -72,25 +71,26 @@ async function initProject() {
       reject(new Error("Authentication timed out"));
     }, 5 * 60 * 1e3);
   });
-  saveApiKey(apiKey);
-  const snippet = `import { FeedbackWidget } from "@stephenov/feedbackwidget"
-
-<FeedbackWidget apiKey="${apiKey}" />`;
-  try {
-    await copyToClipboard(snippet);
-    console.log("\u2705 Authenticated successfully!\n");
-    console.log(`   API Key: ${apiKey.slice(0, 20)}...`);
-    console.log("   Saved to .feedbackwidgetrc\n");
-    console.log("   \u{1F4CB} Code snippet copied to clipboard! Just paste into your app.\n");
-  } catch {
-    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}" />
+  const saved = saveApiKeyToEnv(apiKey);
+  console.log("\u2705 Authenticated successfully!\n");
+  console.log(`   API Key: ${apiKey}
 `);
+  if (saved) {
+    console.log(`   \u2713 Saved to ${saved}
+`);
+    console.log("   Add ONE line to your app's root layout:\n");
+    console.log('   import "@stephenov/feedbackwidget/auto"\n');
+  } else {
+    console.log("   Add to your .env.local (or .env):\n");
+    console.log(`   NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=${apiKey}
+`);
+    console.log("   Then add to your app's root layout:\n");
+    console.log('   import "@stephenov/feedbackwidget/auto"\n');
   }
+  console.log("   Or use directly:\n");
+  console.log('   import { FeedbackWidget } from "@stephenov/feedbackwidget"');
+  console.log(`   <FeedbackWidget apiKey="${apiKey}" />
+`);
 }
 async function whoami() {
   const apiKey = getStoredApiKey();
@@ -129,26 +129,45 @@ Usage:
 `);
 }
 function getStoredApiKey() {
-  const rcPath = path.join(process.cwd(), ".feedbackwidgetrc");
+  const envPath = path.join(process.cwd(), ".env.local");
   try {
-    const content = fs.readFileSync(rcPath, "utf-8");
-    const match = content.match(/FEEDBACKWIDGET_API_KEY=(.+)/);
+    const content = fs.readFileSync(envPath, "utf-8");
+    const match = content.match(/NEXT_PUBLIC_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}
+function saveApiKeyToEnv(apiKey) {
+  const envVar = `NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=${apiKey}`;
+  const envFiles = [".env.local", ".env"];
+  for (const envFile of envFiles) {
+    const envPath = path.join(process.cwd(), envFile);
+    try {
+      const content = fs.readFileSync(envPath, "utf-8");
+      if (content.includes("NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=")) {
+        const updated = content.replace(
+          /NEXT_PUBLIC_FEEDBACKWIDGET_API_KEY=.*/,
+          envVar
+        );
+        fs.writeFileSync(envPath, updated);
+      } else {
+        fs.appendFileSync(envPath, `
+${envVar}
 `);
-  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");
+      }
+      return envFile;
+    } catch {
+      continue;
     }
+  }
+  try {
+    const envPath = path.join(process.cwd(), ".env.local");
+    fs.writeFileSync(envPath, `${envVar}
+`);
+    return ".env.local";
   } catch {
+    return null;
   }
 }
 function successPage() {
@@ -197,30 +216,4 @@ function errorPage(error) {
 </body>
 </html>`;
 }
-async function copyToClipboard(text) {
-  return new Promise((resolve, reject) => {
-    const platform = process.platform;
-    let cmd;
-    let args = [];
-    if (platform === "darwin") {
-      cmd = "pbcopy";
-    } else if (platform === "linux") {
-      cmd = "xclip";
-      args = ["-selection", "clipboard"];
-    } else if (platform === "win32") {
-      cmd = "clip";
-    } else {
-      reject(new Error("Unsupported platform"));
-      return;
-    }
-    const proc = spawn(cmd, args);
-    proc.stdin.write(text);
-    proc.stdin.end();
-    proc.on("close", (code) => {
-      if (code === 0) resolve();
-      else reject(new Error(`Clipboard failed with code ${code}`));
-    });
-    proc.on("error", reject);
-  });
-}
 main().catch(console.error);