npm - @hasna/connectors - Versions diffs - 0.5.9 → 0.6.1 - Mend

@hasna/connectors 0.5.9 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/bin/index.js CHANGED Viewed

@@ -5448,11 +5448,25 @@ Dashboard not found at: ${dashboardDir}`);
           const redirectUri = `http://localhost:${port}/oauth/${name}/callback`;
           await exchangeOAuthCode(name, code, redirectUri);
           logActivity("oauth_connected", name);
-          return htmlResponse(`<!DOCTYPE html><html><head><meta charset="utf-8"></head><body style="font-family:system-ui,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:#0a0a0a;color:#e5e5e5;">
-            <div style="text-align:center;">
-              <h2 style="color:#22c55e;">Connected!</h2>
-              <p style="color:#888;"><strong>${name}</strong> is now authenticated.</p>
-              <p style="color:#666;font-size:14px;">You can close this window and return to the dashboard.</p>
+          return htmlResponse(`<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+            <style>
+              * { margin:0; padding:0; box-sizing:border-box; }
+              body { font-family:ui-sans-serif,system-ui,-apple-system,sans-serif; display:flex; justify-content:center; align-items:center; min-height:100vh; background:#09090b; color:#fafafa; }
+              .card { background:#18181b; border:1px solid #27272a; border-radius:12px; padding:48px 40px; max-width:420px; text-align:center; }
+              .icon { width:64px; height:64px; border-radius:50%; background:#052e16; display:flex; align-items:center; justify-content:center; margin:0 auto 24px; }
+              .icon svg { width:32px; height:32px; color:#22c55e; }
+              h2 { font-size:24px; font-weight:600; margin-bottom:8px; color:#fafafa; }
+              .connector { color:#22c55e; font-weight:600; }
+              .subtitle { color:#a1a1aa; font-size:15px; margin-top:12px; line-height:1.5; }
+              .hint { color:#52525b; font-size:13px; margin-top:24px; }
+              .cmd { background:#27272a; color:#e4e4e7; padding:2px 8px; border-radius:4px; font-family:ui-monospace,monospace; font-size:12px; }
+            </style>
+          </head><body>
+            <div class="card">
+              <div class="icon"><svg fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg></div>
+              <h2>Connected!</h2>
+              <p class="subtitle"><span class="connector">${name}</span> is now authenticated and ready to use.</p>
+              <p class="hint">You can close this window.<br>Try <span class="cmd">connectors run ${name} --help</span></p>
               <script>
                 if (window.opener) {
                   window.opener.postMessage({ type: 'oauth-complete', connector: '${name}' }, 'http://localhost:${port}');
@@ -7370,7 +7384,7 @@ var PRESETS = {
   commerce: { description: "Commerce and finance", connectors: ["stripe", "shopify", "revolut", "mercury", "pandadoc"] }
 };
 var program2 = new Command;
-program2.name("connectors").description("Install API connectors for your project").version("0.5.9").enablePositionalOptions();
+program2.name("connectors").description("Install API connectors for your project").version("0.6.1").enablePositionalOptions();
 program2.command("interactive", { isDefault: true }).alias("i").description("Interactive connector browser").action(() => {
   if (!isTTY) {
     console.log(`Non-interactive environment detected. Use a subcommand:
@@ -8371,145 +8385,69 @@ Open this URL to authenticate:
   }
   process.exit(0);
 });
-program2.command("init").option("--json", "Output categories and connectors as JSON (non-interactive)", false).description("Guided onboarding: pick categories, choose connectors, install them").action(async (options) => {
-  if (options.json) {
-    const data = CATEGORIES.map((category) => ({
-      name: category,
-      connectors: getConnectorsByCategory(category).map((c) => ({
-        name: c.name,
-        displayName: c.displayName,
-        description: c.description,
-        version: c.version || null
-      }))
-    }));
-    console.log(JSON.stringify(data, null, 2));
+program2.command("init").option("--json", "Output presets and suggestions as JSON (non-interactive)", false).description("Get started with Connectors \u2014 see suggestions, presets, and next steps").action(async (options) => {
+  const initPresets = [
+    { key: "ai", emoji: "\uD83E\uDD16", label: "AI & ML", connectors: ["anthropic", "openai", "groq", "mistral", "googlegemini", "elevenlabs"], description: "AI and ML models" },
+    { key: "communication", emoji: "\uD83D\uDCAC", label: "Communication", connectors: ["gmail", "slack", "discord", "resend", "twilio"], description: "Messaging and communication" },
+    { key: "devtools", emoji: "\uD83D\uDEE0", label: "Developer Tools", connectors: ["github", "vercel", "sentry", "docker", "cloudflare", "firecrawl"], description: "Developer tooling" },
+    { key: "commerce", emoji: "\uD83D\uDCB3", label: "Commerce", connectors: ["stripe", "shopify", "paypal", "revolut", "mercury"], description: "Commerce and finance" },
+    { key: "google", emoji: "\uD83D\uDCC1", label: "Google Workspace", connectors: ["gmail", "googledrive", "googlecalendar", "googledocs", "googlesheets"], description: "Google Workspace suite" }
+  ];
+  const connectorsHome = join6(homedir3(), ".connectors");
+  let configuredCount = 0;
+  const configuredNames = [];
+  try {
+    if (existsSync6(connectorsHome)) {
+      const entries = readdirSync4(connectorsHome).filter((e) => e.startsWith("connect-") && statSync3(join6(connectorsHome, e)).isDirectory());
+      for (const entry of entries) {
+        const profilesDir = join6(connectorsHome, entry, "profiles");
+        if (existsSync6(profilesDir)) {
+          configuredCount++;
+          configuredNames.push(entry.replace(/^connect-/, ""));
+        }
+      }
+    }
+  } catch {}
+  const jsonData = {
+    total: CONNECTORS.length,
+    configured: configuredCount,
+    configuredConnectors: configuredNames,
+    presets: initPresets.map((p) => ({
+      key: p.key,
+      label: p.label,
+      description: p.description,
+      connectors: p.connectors
+    }))
+  };
+  if (options.json || !isTTY) {
+    console.log(JSON.stringify(jsonData, null, 2));
     process.exit(0);
     return;
   }
-  if (!isTTY) {
-    console.error("Interactive mode requires a TTY. Use --json for non-interactive output.");
-    process.exit(1);
-    return;
-  }
-  function ask(question) {
-    return new Promise((resolve) => {
-      const rl = createInterface({ input: process.stdin, output: process.stdout });
-      rl.question(question, (answer) => {
-        rl.close();
-        resolve(answer.trim());
-      });
-    });
-  }
   console.log();
-  console.log(chalk2.bold("Welcome to Connectors!"));
-  console.log(chalk2.dim(`Let's get you set up with the API connectors you need.
-`));
-  console.log(chalk2.bold(`Available categories:
-`));
-  const categoryList = CATEGORIES.map((cat) => ({
-    name: cat,
-    connectors: getConnectorsByCategory(cat)
-  }));
-  for (let i = 0;i < categoryList.length; i++) {
-    const c = categoryList[i];
-    console.log(`  ${chalk2.cyan(String(i + 1).padStart(2))}. ${c.name} ${chalk2.dim(`(${c.connectors.length} connectors)`)}`);
-  }
+  console.log(chalk2.bold(`Welcome to Connectors! ${CONNECTORS.length} API connectors ready to use.`));
   console.log();
-  const catAnswer = await ask(chalk2.bold("Pick categories") + chalk2.dim(" (comma-separated numbers, e.g. 1,3,5): "));
-  if (!catAnswer) {
-    console.log(chalk2.dim(`
-No categories selected. Exiting.
-`));
-    process.exit(0);
-    return;
+  if (configuredCount > 0) {
+    console.log(chalk2.green(`  You already have ${configuredCount} connector${configuredCount === 1 ? "" : "s"} configured`) + chalk2.dim(` (${configuredNames.slice(0, 5).join(", ")}${configuredNames.length > 5 ? ", ..." : ""})`));
+    console.log();
   }
-  const catIndices = catAnswer.split(",").map((s) => parseInt(s.trim(), 10) - 1).filter((i) => i >= 0 && i < categoryList.length);
-  if (catIndices.length === 0) {
-    console.log(chalk2.red(`
-No valid categories selected. Exiting.
+  console.log(chalk2.bold(`Quick start bundles:
 `));
-    process.exit(1);
-    return;
-  }
-  const selectedCategories = catIndices.map((i) => categoryList[i]);
-  const seen = new Set;
-  const connectorPool = [];
-  for (const cat of selectedCategories) {
-    for (const c of cat.connectors) {
-      if (!seen.has(c.name)) {
-        seen.add(c.name);
-        connectorPool.push({
-          name: c.name,
-          displayName: c.displayName,
-          description: c.description,
-          category: cat.name
-        });
-      }
-    }
+  for (const preset of initPresets) {
+    console.log(`  ${preset.emoji}  ${chalk2.bold(preset.label)} ${chalk2.dim(`(${preset.connectors.length} connectors)`)}`);
+    console.log(`     ${chalk2.dim(preset.connectors.slice(0, 5).join(", ") + (preset.connectors.length > 5 ? ", ..." : ""))}`);
   }
   console.log();
-  console.log(chalk2.bold(`Connectors in ${selectedCategories.map((c) => c.name).join(", ")}:
-`));
-  const nameWidth = Math.max(12, ...connectorPool.map((c) => c.name.length)) + 2;
-  for (let i = 0;i < connectorPool.length; i++) {
-    const c = connectorPool[i];
-    console.log(`  ${chalk2.cyan(String(i + 1).padStart(3))}. ${c.name.padEnd(nameWidth)}${chalk2.dim(c.description)}`);
-  }
+  console.log(`Run ${chalk2.cyan("connectors install --preset ai")} to install a bundle, or ${chalk2.cyan("connectors setup <name> --key <key>")} to set up a specific connector.`);
   console.log();
-  const connAnswer = await ask(chalk2.bold("Install which connectors?") + chalk2.dim(" (comma-separated numbers, or 'all'): "));
-  if (!connAnswer) {
-    console.log(chalk2.dim(`
-No connectors selected. Exiting.
-`));
-    process.exit(0);
-    return;
-  }
-  let toInstall;
-  if (connAnswer.toLowerCase() === "all") {
-    toInstall = connectorPool.map((c) => c.name);
-  } else {
-    const connIndices = connAnswer.split(",").map((s) => parseInt(s.trim(), 10) - 1).filter((i) => i >= 0 && i < connectorPool.length);
-    if (connIndices.length === 0) {
-      console.log(chalk2.red(`
-No valid connectors selected. Exiting.
-`));
-      process.exit(1);
-      return;
-    }
-    toInstall = connIndices.map((i) => connectorPool[i].name);
-  }
-  console.log(chalk2.bold(`
-Installing ${toInstall.length} connector(s)...
+  console.log(chalk2.bold(`Next steps:
 `));
-  const results = toInstall.map((name) => installConnector(name, { overwrite: false }));
-  const succeeded = [];
-  for (const result of results) {
-    if (result.success) {
-      console.log(chalk2.green(`  \u2713 ${result.connector}`));
-      succeeded.push(result.connector);
-    } else {
-      console.log(chalk2.red(`  \u2717 ${result.connector}: ${result.error}`));
-    }
-  }
-  if (succeeded.length > 0) {
-    console.log(chalk2.bold(`
-Next steps:
-`));
-    console.log(`  ${chalk2.dim("1.")} Import in your code:`);
-    console.log(`     ${chalk2.cyan(`import { ${succeeded.slice(0, 3).join(", ")}${succeeded.length > 3 ? ", ..." : ""} } from './.connectors'`)}`);
-    console.log();
-    console.log(`  ${chalk2.dim("2.")} Configure authentication:`);
-    console.log(`     ${chalk2.cyan("connectors auth <name>")}  ${chalk2.dim("\u2014 set API keys interactively")}`);
-    console.log(`     ${chalk2.cyan("connectors serve")}        ${chalk2.dim("\u2014 open dashboard for OAuth setup")}`);
-    console.log();
-    console.log(`  ${chalk2.dim("3.")} Check connector docs:`);
-    console.log(`     ${chalk2.cyan(`connectors docs ${succeeded[0]}`)}  ${chalk2.dim("\u2014 see auth & env var details")}`);
-    console.log();
-    console.log(`  ${chalk2.dim("4.")} Verify everything works:`);
-    console.log(`     ${chalk2.cyan("connectors doctor")}       ${chalk2.dim("\u2014 health check all connectors")}`);
-  }
+  console.log(`  ${chalk2.cyan("connectors list")}              ${chalk2.dim(`\u2014 browse all ${CONNECTORS.length} connectors`)}`);
+  console.log(`  ${chalk2.cyan("connectors setup <name> --key <key>")}  ${chalk2.dim("\u2014 set up a connector")}`);
+  console.log(`  ${chalk2.cyan("connectors ops <name>")}         ${chalk2.dim("\u2014 see what a connector can do")}`);
+  console.log(`  ${chalk2.cyan("connectors serve")}              ${chalk2.dim("\u2014 open the auth dashboard")}`);
   console.log();
-  process.exit(results.every((r) => r.success) ? 0 : 1);
+  process.exit(0);
 });
 var SENSITIVE_FIELDS = new Set([
   "clientsecret",

package/bin/mcp.js CHANGED Viewed

@@ -20852,7 +20852,7 @@ async function getConnectorCommandHelp(name, command) {
 loadConnectorVersions();
 var server = new McpServer({
   name: "connectors",
-  version: "0.5.9"
+  version: "0.6.1"
 });
 server.registerTool("search_connectors", {
   title: "Search Connectors",

package/bin/serve.js CHANGED Viewed

@@ -1926,11 +1926,25 @@ Dashboard not found at: ${dashboardDir}`);
           const redirectUri = `http://localhost:${port}/oauth/${name}/callback`;
           await exchangeOAuthCode(name, code, redirectUri);
           logActivity("oauth_connected", name);
-          return htmlResponse(`<!DOCTYPE html><html><head><meta charset="utf-8"></head><body style="font-family:system-ui,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:#0a0a0a;color:#e5e5e5;">
-            <div style="text-align:center;">
-              <h2 style="color:#22c55e;">Connected!</h2>
-              <p style="color:#888;"><strong>${name}</strong> is now authenticated.</p>
-              <p style="color:#666;font-size:14px;">You can close this window and return to the dashboard.</p>
+          return htmlResponse(`<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+            <style>
+              * { margin:0; padding:0; box-sizing:border-box; }
+              body { font-family:ui-sans-serif,system-ui,-apple-system,sans-serif; display:flex; justify-content:center; align-items:center; min-height:100vh; background:#09090b; color:#fafafa; }
+              .card { background:#18181b; border:1px solid #27272a; border-radius:12px; padding:48px 40px; max-width:420px; text-align:center; }
+              .icon { width:64px; height:64px; border-radius:50%; background:#052e16; display:flex; align-items:center; justify-content:center; margin:0 auto 24px; }
+              .icon svg { width:32px; height:32px; color:#22c55e; }
+              h2 { font-size:24px; font-weight:600; margin-bottom:8px; color:#fafafa; }
+              .connector { color:#22c55e; font-weight:600; }
+              .subtitle { color:#a1a1aa; font-size:15px; margin-top:12px; line-height:1.5; }
+              .hint { color:#52525b; font-size:13px; margin-top:24px; }
+              .cmd { background:#27272a; color:#e4e4e7; padding:2px 8px; border-radius:4px; font-family:ui-monospace,monospace; font-size:12px; }
+            </style>
+          </head><body>
+            <div class="card">
+              <div class="icon"><svg fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg></div>
+              <h2>Connected!</h2>
+              <p class="subtitle"><span class="connector">${name}</span> is now authenticated and ready to use.</p>
+              <p class="hint">You can close this window.<br>Try <span class="cmd">connectors run ${name} --help</span></p>
               <script>
                 if (window.opener) {
                   window.opener.postMessage({ type: 'oauth-complete', connector: '${name}' }, 'http://localhost:${port}');

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hasna/connectors",
-  "version": "0.5.9",
+  "version": "0.6.1",
   "description": "Open source connector library - Install API connectors with a single command",
   "type": "module",
   "bin": {