@arjun-shah/agentbar-cli 0.1.8 → 0.1.10

package/README.md

@@ -20,9 +20,17 @@ npm install -g @arjun-shah/agentbar-cli
 agentbar init
 agentbar snippet
 agentbar set siteUrl https://your-site.com
+agentbar stats
 ```
 
-The CLI writes `agentbar.config.json` in your project directory.
+The CLI writes `agentbar.config.json` in your project directory. `agentbar init` only asks
+for your site URL and syncs settings to the hosted dashboard so your embed is a single line:
+
+```html
+<script src="https://agent-pug.vercel.app/agentbar.js" data-site-key="your-site-key"></script>
+```
+
+Open the deployed dashboard to edit settings and copy the snippet again.
 
 ## Customization
 

package/bin/agentbar.js

@@ -90,197 +90,59 @@ const saveConfig = (config) => {
   fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
 };
 
-const renderSnippet = (config) => {
-  const lines = [
-    "<script",
-    `  src=\"${config.apiBase.replace(/\/$/, "")}/agentbar.js\"`,
-    `  data-site=\"${config.siteUrl || "https://your-site.com"}\"`,
-    `  data-api=\"${config.apiBase.replace(/\/$/, "")}\"`,
-    `  data-depth=\"${config.depth}\"`,
-    `  data-max-pages=\"${config.maxPages}\"`,
-  ];
-  if (config.siteKey) {
-    lines.push(`  data-site-key=\"${config.siteKey}\"`);
-  }
-  if (config.themeColor) {
-    lines.push(`  data-theme-color=\"${config.themeColor}\"`);
-  }
-  if (config.position) {
-    lines.push(`  data-position=\"${config.position}\"`);
-  }
-  if (config.title) {
-    lines.push(`  data-title=\"${config.title}\"`);
-  }
-  if (config.subtitle) {
-    lines.push(`  data-subtitle=\"${config.subtitle}\"`);
-  }
-  if (config.buttonLabel) {
-    lines.push(`  data-button-label=\"${config.buttonLabel}\"`);
-  }
-  if (config.fontFamily) {
-    lines.push(`  data-font-family=\"${config.fontFamily}\"`);
-  }
-  if (config.panelBackground) {
-    lines.push(`  data-panel-background=\"${config.panelBackground}\"`);
-  }
-  if (config.textColor) {
-    lines.push(`  data-text-color=\"${config.textColor}\"`);
-  }
-  if (config.mutedTextColor) {
-    lines.push(`  data-muted-text-color=\"${config.mutedTextColor}\"`);
-  }
-  if (config.borderColor) {
-    lines.push(`  data-border-color=\"${config.borderColor}\"`);
-  }
-  if (config.buttonBackground) {
-    lines.push(`  data-button-background=\"${config.buttonBackground}\"`);
-  }
-  if (config.buttonTextColor) {
-    lines.push(`  data-button-text-color=\"${config.buttonTextColor}\"`);
-  }
-  if (config.accentTextColor) {
-    lines.push(`  data-accent-text-color=\"${config.accentTextColor}\"`);
-  }
-  if (config.buttonShadow) {
-    lines.push(`  data-button-shadow=\"${config.buttonShadow}\"`);
-  }
-  if (config.panelShadow) {
-    lines.push(`  data-panel-shadow=\"${config.panelShadow}\"`);
-  }
-  if (config.badgeLabel) {
-    lines.push(`  data-badge-label=\"${config.badgeLabel}\"`);
-  }
-  if (config.badgeBackground) {
-    lines.push(`  data-badge-background=\"${config.badgeBackground}\"`);
-  }
-  if (config.badgeTextColor) {
-    lines.push(`  data-badge-text-color=\"${config.badgeTextColor}\"`);
-  }
-  if (config.userBubbleBackground) {
-    lines.push(`  data-user-bubble-background=\"${config.userBubbleBackground}\"`);
-  }
-  if (config.userBubbleText) {
-    lines.push(`  data-user-bubble-text=\"${config.userBubbleText}\"`);
-  }
-  if (config.userBubbleBorder) {
-    lines.push(`  data-user-bubble-border=\"${config.userBubbleBorder}\"`);
-  }
-  if (config.assistantBubbleBackground) {
-    lines.push(`  data-assistant-bubble-background=\"${config.assistantBubbleBackground}\"`);
-  }
-  if (config.assistantBubbleText) {
-    lines.push(`  data-assistant-bubble-text=\"${config.assistantBubbleText}\"`);
-  }
-  if (config.assistantBubbleBorder) {
-    lines.push(`  data-assistant-bubble-border=\"${config.assistantBubbleBorder}\"`);
-  }
-  if (config.panelWidth) {
-    lines.push(`  data-panel-width=\"${config.panelWidth}\"`);
-  }
-  if (config.panelMaxHeight) {
-    lines.push(`  data-panel-max-height=\"${config.panelMaxHeight}\"`);
-  }
-  if (config.panelRadius) {
-    lines.push(`  data-panel-radius=\"${config.panelRadius}\"`);
-  }
-  if (config.buttonRadius) {
-    lines.push(`  data-button-radius=\"${config.buttonRadius}\"`);
-  }
-  if (typeof config.offsetX === "number") {
-    lines.push(`  data-offset-x=\"${config.offsetX}\"`);
-  }
-  if (typeof config.offsetY === "number") {
-    lines.push(`  data-offset-y=\"${config.offsetY}\"`);
-  }
-  if (config.inputPlaceholder) {
-    lines.push(`  data-input-placeholder=\"${config.inputPlaceholder}\"`);
-  }
-  if (config.sendLabel) {
-    lines.push(`  data-send-label=\"${config.sendLabel}\"`);
-  }
-  if (config.suggestions?.length) {
-    lines.push(`  data-suggestions=\"${config.suggestions.join(" | ")}\"`);
-  }
-  if (config.greeting) {
-    lines.push(`  data-greeting=\"${config.greeting}\"`);
-  }
-  if (typeof config.draggable === "boolean") {
-    lines.push(`  data-draggable=\"${config.draggable}\"`);
-  }
-  if (typeof config.dragOffset === "number" && config.dragOffset !== 0) {
-    lines.push(`  data-drag-offset=\"${config.dragOffset}\"`);
-  }
-  if (typeof config.persistPosition === "boolean") {
-    lines.push(`  data-persist-position=\"${config.persistPosition}\"`);
-  }
-  if (config.positionKey) {
-    lines.push(`  data-position-key=\"${config.positionKey}\"`);
-  }
-  if (config.openOnLoad) {
-    lines.push(`  data-open=\"${config.openOnLoad}\"`);
-  }
-  if (config.showReset) {
-    lines.push(`  data-show-reset=\"${config.showReset}\"`);
+const syncConfig = async (config) => {
+  const apiBase = (config.apiBase || DEFAULT_CONFIG.apiBase).replace(/\/$/, "");
+  const siteKey = resolveSiteKey(config);
+  if (!siteKey) {
+    return;
   }
-  if (config.persist) {
-    lines.push(`  data-persist=\"${config.persist}\"`);
-  }
-  if (config.storageKey) {
-    lines.push(`  data-storage-key=\"${config.storageKey}\"`);
-  }
-  if (typeof config.showTypingIndicator === "boolean") {
-    lines.push(`  data-show-typing-indicator=\"${config.showTypingIndicator}\"`);
-  }
-  if (typeof config.showExport === "boolean") {
-    lines.push(`  data-show-export=\"${config.showExport}\"`);
-  }
-  if (config.exportLabel) {
-    lines.push(`  data-export-label=\"${config.exportLabel}\"`);
-  }
-  if (typeof config.showScrollButton === "boolean") {
-    lines.push(`  data-show-scroll-button=\"${config.showScrollButton}\"`);
-  }
-  if (config.scrollLabel) {
-    lines.push(`  data-scroll-label=\"${config.scrollLabel}\"`);
-  }
-  if (typeof config.showMinimize === "boolean") {
-    lines.push(`  data-show-minimize=\"${config.showMinimize}\"`);
-  }
-  if (typeof config.minimizedOnLoad === "boolean") {
-    lines.push(`  data-minimized-on-load=\"${config.minimizedOnLoad}\"`);
-  }
-  if (config.minimizeLabel) {
-    lines.push(`  data-minimize-label=\"${config.minimizeLabel}\"`);
-  }
-  if (config.expandLabel) {
-    lines.push(`  data-expand-label=\"${config.expandLabel}\"`);
-  }
-  if (typeof config.showTimestamps === "boolean") {
-    lines.push(`  data-show-timestamps=\"${config.showTimestamps}\"`);
-  }
-  if (config.timestampLocale) {
-    lines.push(`  data-timestamp-locale=\"${config.timestampLocale}\"`);
+  try {
+    await fetch(`${apiBase}/api/config`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        siteKey,
+        config: { ...config, siteKey },
+      }),
+    });
+  } catch (_error) {
+    console.warn("Could not sync settings to the hosted dashboard.");
   }
-  if (typeof config.autoScroll === "boolean") {
-    lines.push(`  data-auto-scroll=\"${config.autoScroll}\"`);
+};
+
+const normalizeUrl = (value) => {
+  if (!value || typeof value !== "string") {
+    return "";
   }
-  if (typeof config.autoScrollThreshold === "number") {
-    lines.push(`  data-auto-scroll-threshold=\"${config.autoScrollThreshold}\"`);
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
   }
-  if (config.messageMaxWidth) {
-    lines.push(`  data-message-max-width=\"${config.messageMaxWidth}\"`);
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) {
+    return trimmed;
   }
-  if (config.launcherTooltip) {
-    lines.push(`  data-launcher-tooltip=\"${config.launcherTooltip}\"`);
+  return `https://${trimmed}`;
+};
+
+const resolveSiteKey = (config) => {
+  if (config.siteKey) {
+    return config.siteKey;
   }
-  if (typeof config.autoIngest === "boolean") {
-    lines.push(`  data-auto-ingest=\"${config.autoIngest}\"`);
+  const normalized = normalizeUrl(config.siteUrl);
+  if (!normalized) {
+    return "";
   }
-  if (typeof config.closeOnOutsideClick === "boolean") {
-    lines.push(`  data-close-on-outside-click=\"${config.closeOnOutsideClick}\"`);
+  try {
+    return new URL(normalized).hostname;
+  } catch {
+    return "";
   }
-  lines.push("></script>");
-  return lines.join("\n");
+};
+
+const renderSnippet = (config) => {
+  const apiBase = (config.apiBase || DEFAULT_CONFIG.apiBase).replace(/\/$/, "");
+  const siteKey = resolveSiteKey(config) || "your-site-key";
+  return `<script src="${apiBase}/agentbar.js" data-site-key="${siteKey}"></script>`;
 };
 
 const printHelp = () => {
@@ -289,6 +151,7 @@ const printHelp = () => {
   console.log("  agentbar init           Interactive setup and snippet output");
   console.log("  agentbar snippet        Print current embed snippet");
   console.log("  agentbar set <key> <v>  Update config value");
+  console.log("  agentbar stats          Fetch indexing status from the API");
   console.log("  agentbar config         Print config JSON");
   console.log("  agentbar help           Show help\n");
   console.log("Config keys:");
@@ -343,70 +206,63 @@ const init = async () => {
   });
 
   try {
-    config.siteUrl = await ask(rl, "Site URL", config.siteUrl || "https://your-site.com");
-    config.apiBase = await ask(rl, "API base URL", config.apiBase);
-    config.depth = Number(await ask(rl, "Crawl depth", String(config.depth)) || config.depth);
-    config.maxPages = Number(
-      await ask(rl, "Max pages", String(config.maxPages)) || config.maxPages
-    );
-    config.siteKey = await ask(rl, "Site key (optional)", config.siteKey);
-    config.themeColor = await ask(rl, "Theme color", config.themeColor);
-    config.position = await ask(rl, "Position (left/right/bottom)", config.position);
-    config.title = await ask(rl, "Widget title", config.title);
-    config.subtitle = await ask(rl, "Widget subtitle", config.subtitle);
-    config.buttonLabel = await ask(rl, "Button label", config.buttonLabel);
-    config.fontFamily = await ask(rl, "Font family", config.fontFamily);
-    config.inputPlaceholder = await ask(rl, "Input placeholder", config.inputPlaceholder);
-    config.sendLabel = await ask(rl, "Send button label", config.sendLabel);
-    const suggestionInput = await ask(
-      rl,
-      "Suggestions (pipe or comma separated)",
-      config.suggestions.join(" | ")
-    );
-    config.suggestions = suggestionInput
-      .split(/[|,]/)
-      .map((value) => value.trim())
-      .filter(Boolean);
-    config.greeting = await ask(rl, "Greeting (optional)", config.greeting);
-    config.draggable =
-      (await ask(rl, "Draggable launcher (true/false)", String(config.draggable))) === "true";
-    config.persistPosition =
-      (await ask(rl, "Persist position (true/false)", String(config.persistPosition))) === "true";
-    config.openOnLoad = (await ask(rl, "Open on load (true/false)", String(config.openOnLoad))) === "true";
-    config.showReset = (await ask(rl, "Show reset button (true/false)", String(config.showReset))) === "true";
-    config.persist = (await ask(rl, "Persist chat (true/false)", String(config.persist))) === "true";
-    config.showTypingIndicator =
-      (await ask(rl, "Show typing indicator (true/false)", String(config.showTypingIndicator))) ===
-      "true";
-    config.showExport =
-      (await ask(rl, "Show export button (true/false)", String(config.showExport))) === "true";
-    config.exportLabel = await ask(rl, "Export label", config.exportLabel);
-    config.showScrollButton =
-      (await ask(rl, "Show scroll button (true/false)", String(config.showScrollButton))) ===
-      "true";
-    config.scrollLabel = await ask(rl, "Scroll button label", config.scrollLabel);
-    config.showMinimize =
-      (await ask(rl, "Show minimize button (true/false)", String(config.showMinimize))) ===
-      "true";
-    config.minimizedOnLoad =
-      (await ask(rl, "Minimized on load (true/false)", String(config.minimizedOnLoad))) ===
-      "true";
-    config.showTimestamps =
-      (await ask(rl, "Show timestamps (true/false)", String(config.showTimestamps))) === "true";
-    config.autoScroll =
-      (await ask(rl, "Auto scroll (true/false)", String(config.autoScroll))) === "true";
-    config.autoIngest = (await ask(rl, "Auto ingest (true/false)", String(config.autoIngest))) === "true";
+    const siteUrlInput = await ask(rl, "Site URL", config.siteUrl || "https://your-site.com");
+    config.siteUrl = normalizeUrl(siteUrlInput);
+    if (!config.siteUrl) {
+      config.siteUrl = "https://your-site.com";
+    }
+    config.siteKey = resolveSiteKey(config);
   } finally {
     rl.close();
   }
 
   saveConfig(config);
+  await syncConfig(config);
   console.log("\nSaved config to", configPath);
   console.log("\nEmbed snippet:\n");
   console.log(renderSnippet(config));
+  console.log(`\nDashboard: ${(config.apiBase || DEFAULT_CONFIG.apiBase).replace(/\/$/, "")}\n`);
 };
 
-const setValue = (key, value) => {
+const printStats = async () => {
+  const config = loadConfig();
+  const apiBase = (config.apiBase || DEFAULT_CONFIG.apiBase).replace(/\/$/, "");
+  const siteKey = resolveSiteKey(config);
+
+  if (!siteKey) {
+    console.error("Missing siteUrl. Run `agentbar init` or `agentbar set siteUrl <url>` first.");
+    process.exit(1);
+  }
+
+  try {
+    const response = await fetch(`${apiBase}/api/status`);
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data?.error || `Status request failed (${response.status})`);
+    }
+    const data = await response.json();
+    const items = Array.isArray(data?.items) ? data.items : [];
+    const matched = items.filter((item) => item.key === siteKey);
+    if (!matched.length) {
+      console.log("No indexed content found for", siteKey);
+      console.log("Send a message in the widget to trigger ingest.");
+      return;
+    }
+    matched.forEach((item) => {
+      console.log(`Site: ${item.url}`);
+      console.log(`Pages indexed: ${item.pages?.length ?? 0}`);
+      console.log(`Chunks: ${item.chunkCount ?? 0}`);
+      console.log(`Updated: ${item.updatedAt ? new Date(item.updatedAt).toLocaleString() : "N/A"}`);
+      console.log("");
+    });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Failed to load stats.";
+    console.error(message);
+    process.exit(1);
+  }
+};
+
+const setValue = async (key, value) => {
   if (!key || typeof value === "undefined") {
     console.error("Usage: agentbar set <key> <value>");
     process.exit(1);
@@ -463,11 +319,15 @@ const setValue = (key, value) => {
       .split(/[|,]/)
       .map((item) => item.trim())
       .filter(Boolean);
+  } else if (key === "siteUrl") {
+    config[key] = normalizeUrl(value);
+    config.siteKey = resolveSiteKey(config);
   } else {
     config[key] = value;
   }
 
   saveConfig(config);
+  await syncConfig(config);
   console.log("Updated", key, "in", configPath);
 };
 
@@ -483,8 +343,11 @@ const main = async () => {
       console.log(renderSnippet(config));
       return;
     }
+    case "stats":
+      await printStats();
+      return;
     case "set":
-      setValue(arg1, arg2);
+      await setValue(arg1, arg2);
       return;
     case "config":
       console.log(JSON.stringify(loadConfig(), null, 2));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arjun-shah/agentbar-cli",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "type": "module",
   "description": "Agent Plugin Bar CLI helper.",
   "bin": {