@hasna/connectors 0.0.1 → 0.0.3

package/bin/index.js

@@ -3952,6 +3952,9 @@ function Header({ title = "Connectors", subtitle }) {
 import { Box as Box4, Text as Text4 } from "ink";
 
 // src/lib/registry.ts
+import { existsSync, readFileSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
 var CATEGORIES = [
   "AI & ML",
   "Developer Tools",
@@ -4415,6 +4418,29 @@ function searchConnectors(query) {
   const q = query.toLowerCase();
   return CONNECTORS.filter((c) => c.name.toLowerCase().includes(q) || c.displayName.toLowerCase().includes(q) || c.description.toLowerCase().includes(q) || c.tags.some((t) => t.includes(q)));
 }
+var versionsLoaded = false;
+function loadConnectorVersions() {
+  if (versionsLoaded)
+    return;
+  versionsLoaded = true;
+  const thisDir = dirname(fileURLToPath(import.meta.url));
+  const candidates = [
+    join(thisDir, "..", "connectors"),
+    join(thisDir, "..", "..", "connectors")
+  ];
+  const connectorsDir = candidates.find((d) => existsSync(d));
+  if (!connectorsDir)
+    return;
+  for (const connector of CONNECTORS) {
+    try {
+      const pkgPath = join(connectorsDir, `connect-${connector.name}`, "package.json");
+      if (existsSync(pkgPath)) {
+        const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+        connector.version = pkg.version || "0.0.0";
+      }
+    } catch {}
+  }
+}
 
 // src/cli/components/CategorySelect.tsx
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
@@ -4450,9 +4476,12 @@ function CategorySelect({ onSelect, onBack }) {
 }
 
 // src/cli/components/ConnectorSelect.tsx
-import { useState as useState2 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
+import { useState as useState2, useMemo } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var COL_CHECK = 5;
+var COL_NAME = 20;
+var COL_VERSION = 10;
 function ConnectorSelect({
   connectors,
   selected,
@@ -4460,79 +4489,173 @@ function ConnectorSelect({
   onConfirm,
   onBack
 }) {
-  const items = [
-    { label: "\u2190 Back to categories", value: "__back__" },
-    ...connectors.map((c) => ({
-      label: `${selected.has(c.name) ? "[x]" : "[ ]"} ${c.displayName}`,
-      value: c.name
-    })),
-    { label: "", value: "__sep__" },
-    {
-      label: `\u2713 Install selected (${selected.size})`,
-      value: "__confirm__"
-    }
-  ];
-  const handleSelect = (item) => {
-    if (item.value === "__back__") {
-      onBack();
-    } else if (item.value === "__confirm__") {
-      if (selected.size > 0) {
-        onConfirm();
+  const totalItems = connectors.length + 2;
+  const [cursor, setCursor] = useState2(0);
+  const maxVisible = 16;
+  const scrollOffset = useMemo(() => {
+    if (totalItems <= maxVisible)
+      return 0;
+    const half = Math.floor(maxVisible / 2);
+    if (cursor < half)
+      return 0;
+    if (cursor > totalItems - maxVisible + half)
+      return totalItems - maxVisible;
+    return cursor - half;
+  }, [cursor, totalItems]);
+  useInput2((input, key) => {
+    if (key.upArrow) {
+      setCursor((c) => c > 0 ? c - 1 : totalItems - 1);
+    } else if (key.downArrow) {
+      setCursor((c) => c < totalItems - 1 ? c + 1 : 0);
+    } else if (key.return) {
+      if (cursor === 0) {
+        onBack();
+      } else if (cursor === totalItems - 1) {
+        if (selected.size > 0)
+          onConfirm();
+      } else {
+        onToggle(connectors[cursor - 1].name);
       }
-    } else if (item.value !== "__sep__") {
-      onToggle(item.value);
+    } else if (input === " " && cursor > 0 && cursor < totalItems - 1) {
+      onToggle(connectors[cursor - 1].name);
     }
-  };
-  const [highlightedIndex, setHighlightedIndex] = useState2(1);
-  const currentConnector = connectors[highlightedIndex - 1];
+  });
+  const visibleStart = scrollOffset;
+  const visibleEnd = Math.min(scrollOffset + maxVisible, totalItems);
   return /* @__PURE__ */ jsxDEV3(Box5, {
     flexDirection: "column",
     children: [
       /* @__PURE__ */ jsxDEV3(Text5, {
         bold: true,
         marginBottom: 1,
-        children: "Select connectors (space to toggle, enter to confirm):"
+        children: "Select connectors to install:"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3(Box5, {
-        flexDirection: "row",
         children: [
           /* @__PURE__ */ jsxDEV3(Box5, {
-            flexDirection: "column",
-            width: "50%",
-            children: /* @__PURE__ */ jsxDEV3(SelectInput_default, {
-              items,
-              onSelect: handleSelect,
-              onHighlight: (item) => {
-                const idx = connectors.findIndex((c) => c.name === item.value);
-                if (idx >= 0)
-                  setHighlightedIndex(idx + 1);
-              }
+            width: COL_CHECK,
+            children: /* @__PURE__ */ jsxDEV3(Text5, {
+              dimColor: true,
+              children: " "
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3(Box5, {
-            flexDirection: "column",
-            marginLeft: 2,
-            width: "50%",
-            children: currentConnector && /* @__PURE__ */ jsxDEV3(Fragment, {
+            width: COL_NAME,
+            children: /* @__PURE__ */ jsxDEV3(Text5, {
+              bold: true,
+              dimColor: true,
+              children: "Connector"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Box5, {
+            width: COL_VERSION,
+            children: /* @__PURE__ */ jsxDEV3(Text5, {
+              bold: true,
+              dimColor: true,
+              children: "Version"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Text5, {
+            bold: true,
+            dimColor: true,
+            children: "Description"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box5, {
+        marginBottom: 0,
+        children: /* @__PURE__ */ jsxDEV3(Text5, {
+          dimColor: true,
+          children: "\u2500".repeat(70)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      visibleStart > 0 && /* @__PURE__ */ jsxDEV3(Text5, {
+        dimColor: true,
+        children: [
+          "  \u2191 ",
+          visibleStart,
+          " more"
+        ]
+      }, undefined, true, undefined, this),
+      Array.from({ length: visibleEnd - visibleStart }, (_, i) => {
+        const idx = visibleStart + i;
+        if (idx === 0) {
+          const isActive2 = cursor === 0;
+          return /* @__PURE__ */ jsxDEV3(Box5, {
+            children: /* @__PURE__ */ jsxDEV3(Text5, {
+              color: isActive2 ? "cyan" : undefined,
+              bold: isActive2,
               children: [
-                /* @__PURE__ */ jsxDEV3(Text5, {
-                  bold: true,
-                  color: "cyan",
-                  children: currentConnector.displayName
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3(Text5, {
-                  children: currentConnector.description
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3(Text5, {
-                  dimColor: true,
-                  children: [
-                    "Tags: ",
-                    currentConnector.tags.join(", ")
-                  ]
-                }, undefined, true, undefined, this)
+                isActive2 ? "\u276F " : "  ",
+                "\u2190 Back to categories"
               ]
             }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
+          }, "__back__", false, undefined, this);
+        }
+        if (idx === totalItems - 1) {
+          const isActive2 = cursor === totalItems - 1;
+          const hasSelection = selected.size > 0;
+          return /* @__PURE__ */ jsxDEV3(Box5, {
+            children: /* @__PURE__ */ jsxDEV3(Text5, {
+              color: isActive2 ? hasSelection ? "green" : "gray" : hasSelection ? "green" : "gray",
+              bold: isActive2,
+              dimColor: !hasSelection,
+              children: [
+                isActive2 ? "\u276F " : "  ",
+                "\u2713 Install selected (",
+                selected.size,
+                ")"
+              ]
+            }, undefined, true, undefined, this)
+          }, "__confirm__", false, undefined, this);
+        }
+        const c = connectors[idx - 1];
+        const isActive = cursor === idx;
+        const isChecked = selected.has(c.name);
+        return /* @__PURE__ */ jsxDEV3(Box5, {
+          children: [
+            /* @__PURE__ */ jsxDEV3(Box5, {
+              width: 2,
+              children: /* @__PURE__ */ jsxDEV3(Text5, {
+                color: isActive ? "cyan" : undefined,
+                children: isActive ? "\u276F" : " "
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Box5, {
+              width: COL_CHECK - 2,
+              children: /* @__PURE__ */ jsxDEV3(Text5, {
+                color: isChecked ? "green" : "gray",
+                children: isChecked ? "[\u2713]" : "[ ]"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Box5, {
+              width: COL_NAME,
+              children: /* @__PURE__ */ jsxDEV3(Text5, {
+                bold: isActive,
+                color: isActive ? "cyan" : undefined,
+                children: c.name
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Box5, {
+              width: COL_VERSION,
+              children: /* @__PURE__ */ jsxDEV3(Text5, {
+                dimColor: true,
+                children: c.version || "-"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Text5, {
+              wrap: "truncate",
+              children: c.description
+            }, undefined, false, undefined, this)
+          ]
+        }, c.name, true, undefined, this);
+      }),
+      visibleEnd < totalItems && /* @__PURE__ */ jsxDEV3(Text5, {
+        dimColor: true,
+        children: [
+          "  \u2193 ",
+          totalItems - visibleEnd,
+          " more"
         ]
       }, undefined, true, undefined, this),
       selected.size > 0 && /* @__PURE__ */ jsxDEV3(Box5, {
@@ -4544,13 +4667,20 @@ function ConnectorSelect({
             Array.from(selected).join(", ")
           ]
         }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box5, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text5, {
+          dimColor: true,
+          children: "\u2191\u2193 navigate  space toggle  enter confirm  esc back"
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
 // src/cli/components/SearchView.tsx
-import { useState as useState4, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect3, useMemo as useMemo2 } from "react";
 import { Box as Box6, Text as Text7, useInput as useInput4 } from "ink";
 
 // node_modules/ink-text-input/build/index.js
@@ -4647,6 +4777,9 @@ var build_default = TextInput;
 
 // src/cli/components/SearchView.tsx
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var COL_CHECK2 = 5;
+var COL_NAME2 = 20;
+var COL_VERSION2 = 10;
 function SearchView({
   selected,
   onToggle,
@@ -4656,13 +4789,28 @@ function SearchView({
   const [query, setQuery] = useState4("");
   const [results, setResults] = useState4([]);
   const [mode, setMode] = useState4("search");
+  const [cursor, setCursor] = useState4(0);
   useEffect3(() => {
     if (query.length >= 2) {
       setResults(searchConnectors(query));
+      setCursor(0);
     } else {
       setResults([]);
     }
   }, [query]);
+  const hasConfirm = selected.size > 0;
+  const totalItems = results.length + 1 + (hasConfirm ? 1 : 0);
+  const maxVisible = 14;
+  const scrollOffset = useMemo2(() => {
+    if (totalItems <= maxVisible)
+      return 0;
+    const half = Math.floor(maxVisible / 2);
+    if (cursor < half)
+      return 0;
+    if (cursor > totalItems - maxVisible + half)
+      return totalItems - maxVisible;
+    return cursor - half;
+  }, [cursor, totalItems]);
   useInput4((input, key) => {
     if (key.escape) {
       if (mode === "select") {
@@ -4670,34 +4818,43 @@ function SearchView({
       } else {
         onBack();
       }
+      return;
     }
-    if (key.downArrow && mode === "search" && results.length > 0) {
-      setMode("select");
+    if (mode === "search") {
+      if (key.downArrow && results.length > 0) {
+        setMode("select");
+        setCursor(0);
+      }
+      return;
     }
-  });
-  const items = [
-    { label: "\u2190 Back", value: "__back__" },
-    ...results.map((c) => ({
-      label: `${selected.has(c.name) ? "[x]" : "[ ]"} ${c.displayName} - ${c.description}`,
-      value: c.name
-    }))
-  ];
-  if (selected.size > 0) {
-    items.push({ label: "", value: "__sep__" });
-    items.push({
-      label: `\u2713 Install selected (${selected.size})`,
-      value: "__confirm__"
-    });
-  }
-  const handleSelect = (item) => {
-    if (item.value === "__back__") {
-      onBack();
-    } else if (item.value === "__confirm__") {
-      onConfirm();
-    } else if (item.value !== "__sep__") {
-      onToggle(item.value);
+    if (key.upArrow) {
+      if (cursor === 0) {
+        setMode("search");
+      } else {
+        setCursor((c) => c - 1);
+      }
+    } else if (key.downArrow) {
+      setCursor((c) => c < totalItems - 1 ? c + 1 : c);
+    } else if (key.return) {
+      if (cursor === 0) {
+        onBack();
+      } else if (hasConfirm && cursor === totalItems - 1) {
+        onConfirm();
+      } else {
+        const connectorIdx = cursor - 1;
+        if (connectorIdx < results.length) {
+          onToggle(results[connectorIdx].name);
+        }
+      }
+    } else if (input === " " && cursor > 0) {
+      const connectorIdx = cursor - 1;
+      if (connectorIdx < results.length) {
+        onToggle(results[connectorIdx].name);
+      }
     }
-  };
+  });
+  const visibleStart = scrollOffset;
+  const visibleEnd = Math.min(scrollOffset + maxVisible, totalItems);
   return /* @__PURE__ */ jsxDEV4(Box6, {
     flexDirection: "column",
     children: [
@@ -4711,7 +4868,8 @@ function SearchView({
           /* @__PURE__ */ jsxDEV4(build_default, {
             value: query,
             onChange: setQuery,
-            placeholder: "Type to search connectors..."
+            placeholder: "Type to search connectors...",
+            focus: mode === "search"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -4736,13 +4894,140 @@ function SearchView({
             children: [
               "Found ",
               results.length,
-              " connector(s):"
+              " connector(s)",
+              mode === "search" ? " \u2014 press \u2193 to select" : "",
+              ":"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(SelectInput_default, {
-            items,
-            onSelect: handleSelect
-          }, undefined, false, undefined, this)
+          /* @__PURE__ */ jsxDEV4(Box6, {
+            children: [
+              /* @__PURE__ */ jsxDEV4(Box6, {
+                width: COL_CHECK2,
+                children: /* @__PURE__ */ jsxDEV4(Text7, {
+                  dimColor: true,
+                  children: " "
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4(Box6, {
+                width: COL_NAME2,
+                children: /* @__PURE__ */ jsxDEV4(Text7, {
+                  bold: true,
+                  dimColor: true,
+                  children: "Connector"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4(Box6, {
+                width: COL_VERSION2,
+                children: /* @__PURE__ */ jsxDEV4(Text7, {
+                  bold: true,
+                  dimColor: true,
+                  children: "Version"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV4(Text7, {
+                bold: true,
+                dimColor: true,
+                children: "Description"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Box6, {
+            marginBottom: 0,
+            children: /* @__PURE__ */ jsxDEV4(Text7, {
+              dimColor: true,
+              children: "\u2500".repeat(70)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          visibleStart > 0 && /* @__PURE__ */ jsxDEV4(Text7, {
+            dimColor: true,
+            children: [
+              "  \u2191 ",
+              visibleStart,
+              " more"
+            ]
+          }, undefined, true, undefined, this),
+          Array.from({ length: visibleEnd - visibleStart }, (_, i) => {
+            const idx = visibleStart + i;
+            if (idx === 0) {
+              const isActive2 = mode === "select" && cursor === 0;
+              return /* @__PURE__ */ jsxDEV4(Box6, {
+                children: /* @__PURE__ */ jsxDEV4(Text7, {
+                  color: isActive2 ? "cyan" : undefined,
+                  bold: isActive2,
+                  children: [
+                    isActive2 ? "\u276F " : "  ",
+                    "\u2190 Back"
+                  ]
+                }, undefined, true, undefined, this)
+              }, "__back__", false, undefined, this);
+            }
+            if (hasConfirm && idx === totalItems - 1) {
+              const isActive2 = mode === "select" && cursor === totalItems - 1;
+              return /* @__PURE__ */ jsxDEV4(Box6, {
+                children: /* @__PURE__ */ jsxDEV4(Text7, {
+                  color: isActive2 ? "green" : "green",
+                  bold: isActive2,
+                  dimColor: !isActive2,
+                  children: [
+                    isActive2 ? "\u276F " : "  ",
+                    "\u2713 Install selected (",
+                    selected.size,
+                    ")"
+                  ]
+                }, undefined, true, undefined, this)
+              }, "__confirm__", false, undefined, this);
+            }
+            const c = results[idx - 1];
+            if (!c)
+              return null;
+            const isActive = mode === "select" && cursor === idx;
+            const isChecked = selected.has(c.name);
+            return /* @__PURE__ */ jsxDEV4(Box6, {
+              children: [
+                /* @__PURE__ */ jsxDEV4(Box6, {
+                  width: 2,
+                  children: /* @__PURE__ */ jsxDEV4(Text7, {
+                    color: isActive ? "cyan" : undefined,
+                    children: isActive ? "\u276F" : " "
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(Box6, {
+                  width: COL_CHECK2 - 2,
+                  children: /* @__PURE__ */ jsxDEV4(Text7, {
+                    color: isChecked ? "green" : "gray",
+                    children: isChecked ? "[\u2713]" : "[ ]"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(Box6, {
+                  width: COL_NAME2,
+                  children: /* @__PURE__ */ jsxDEV4(Text7, {
+                    bold: isActive,
+                    color: isActive ? "cyan" : undefined,
+                    children: c.name
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(Box6, {
+                  width: COL_VERSION2,
+                  children: /* @__PURE__ */ jsxDEV4(Text7, {
+                    dimColor: true,
+                    children: c.version || "-"
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(Text7, {
+                  wrap: "truncate",
+                  children: c.description
+                }, undefined, false, undefined, this)
+              ]
+            }, c.name, true, undefined, this);
+          }),
+          visibleEnd < totalItems && /* @__PURE__ */ jsxDEV4(Text7, {
+            dimColor: true,
+            children: [
+              "  \u2193 ",
+              totalItems - visibleEnd,
+              " more"
+            ]
+          }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
       selected.size > 0 && /* @__PURE__ */ jsxDEV4(Box6, {
@@ -4754,6 +5039,13 @@ function SearchView({
             Array.from(selected).join(", ")
           ]
         }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Box6, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV4(Text7, {
+          dimColor: true,
+          children: mode === "search" ? "type to search  \u2193 select results  esc back" : "\u2191\u2193 navigate  space toggle  enter confirm  esc search"
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -4786,29 +5078,38 @@ function Spinner({ type = "dots" }) {
 var build_default2 = Spinner;
 
 // src/lib/installer.ts
-import { existsSync, cpSync, mkdirSync, writeFileSync } from "fs";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-var __dirname2 = dirname(fileURLToPath(import.meta.url));
-var CONNECTORS_DIR = join(__dirname2, "..", "..", "connectors");
+import { existsSync as existsSync2, cpSync, mkdirSync, writeFileSync } from "fs";
+import { join as join2, dirname as dirname2 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+var __dirname2 = dirname2(fileURLToPath2(import.meta.url));
+function resolveConnectorsDir() {
+  const fromBin = join2(__dirname2, "..", "connectors");
+  if (existsSync2(fromBin))
+    return fromBin;
+  const fromSrc = join2(__dirname2, "..", "..", "connectors");
+  if (existsSync2(fromSrc))
+    return fromSrc;
+  return fromBin;
+}
+var CONNECTORS_DIR = resolveConnectorsDir();
 function getConnectorPath(name) {
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
-  return join(CONNECTORS_DIR, connectorName);
+  return join2(CONNECTORS_DIR, connectorName);
 }
 function installConnector(name, options = {}) {
   const { targetDir = process.cwd(), overwrite = false } = options;
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
   const sourcePath = getConnectorPath(name);
-  const destDir = join(targetDir, ".connectors");
-  const destPath = join(destDir, connectorName);
-  if (!existsSync(sourcePath)) {
+  const destDir = join2(targetDir, ".connectors");
+  const destPath = join2(destDir, connectorName);
+  if (!existsSync2(sourcePath)) {
     return {
       connector: name,
       success: false,
       error: `Connector '${name}' not found`
     };
   }
-  if (existsSync(destPath) && !overwrite) {
+  if (existsSync2(destPath) && !overwrite) {
     return {
       connector: name,
       success: false,
@@ -4817,7 +5118,7 @@ function installConnector(name, options = {}) {
     };
   }
   try {
-    if (!existsSync(destDir)) {
+    if (!existsSync2(destDir)) {
       mkdirSync(destDir, { recursive: true });
     }
     cpSync(sourcePath, destPath, { recursive: true });
@@ -4836,7 +5137,7 @@ function installConnector(name, options = {}) {
   }
 }
 function updateConnectorsIndex(connectorsDir) {
-  const indexPath = join(connectorsDir, "index.ts");
+  const indexPath = join2(connectorsDir, "index.ts");
   const { readdirSync } = __require("fs");
   const connectors = readdirSync(connectorsDir).filter((f) => f.startsWith("connect-") && !f.includes("."));
   const exports = connectors.map((c) => {
@@ -4854,22 +5155,22 @@ ${exports}
   writeFileSync(indexPath, content);
 }
 function getInstalledConnectors(targetDir = process.cwd()) {
-  const connectorsDir = join(targetDir, ".connectors");
-  if (!existsSync(connectorsDir)) {
+  const connectorsDir = join2(targetDir, ".connectors");
+  if (!existsSync2(connectorsDir)) {
     return [];
   }
   const { readdirSync, statSync } = __require("fs");
   return readdirSync(connectorsDir).filter((f) => {
-    const fullPath = join(connectorsDir, f);
+    const fullPath = join2(connectorsDir, f);
     return f.startsWith("connect-") && statSync(fullPath).isDirectory();
   }).map((f) => f.replace("connect-", ""));
 }
 function removeConnector(name, targetDir = process.cwd()) {
   const { rmSync } = __require("fs");
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
-  const connectorsDir = join(targetDir, ".connectors");
-  const connectorPath = join(connectorsDir, connectorName);
-  if (!existsSync(connectorPath)) {
+  const connectorsDir = join2(targetDir, ".connectors");
+  const connectorPath = join2(connectorsDir, connectorName);
+  if (!existsSync2(connectorPath)) {
     return false;
   }
   rmSync(connectorPath, { recursive: true });
@@ -5180,8 +5481,9 @@ function App({ initialConnectors, overwrite = false }) {
 
 // src/cli/index.tsx
 import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+loadConnectorVersions();
 var program2 = new Command;
-program2.name("connectors").description("Install API connectors for your project").version("0.0.1");
+program2.name("connectors").description("Install API connectors for your project").version("0.0.3");
 program2.command("interactive", { isDefault: true }).alias("i").description("Interactive connector browser").action(() => {
   render(/* @__PURE__ */ jsxDEV7(App, {}, undefined, false, undefined, this));
 });
@@ -5230,8 +5532,10 @@ Installed connectors (${installed.length}):
     console.log(chalk2.bold(`
 ${category} (${connectors.length}):
 `));
+    console.log(`  ${chalk2.dim("Name".padEnd(20))}${chalk2.dim("Version".padEnd(10))}${chalk2.dim("Description")}`);
+    console.log(chalk2.dim(`  ${"\u2500".repeat(60)}`));
     for (const c of connectors) {
-      console.log(`  ${chalk2.cyan(c.name)} - ${c.description}`);
+      console.log(`  ${chalk2.cyan(c.name.padEnd(20))}${chalk2.dim((c.version || "-").padEnd(10))}${c.description}`);
     }
     return;
   }
@@ -5241,8 +5545,10 @@ Available connectors (${CONNECTORS.length}):
   for (const category of CATEGORIES) {
     const connectors = getConnectorsByCategory(category);
     console.log(chalk2.bold(`${category} (${connectors.length}):`));
+    console.log(`  ${chalk2.dim("Name".padEnd(20))}${chalk2.dim("Version".padEnd(10))}${chalk2.dim("Description")}`);
+    console.log(chalk2.dim(`  ${"\u2500".repeat(60)}`));
     for (const c of connectors) {
-      console.log(`  ${chalk2.cyan(c.name)} - ${c.description}`);
+      console.log(`  ${chalk2.cyan(c.name.padEnd(20))}${chalk2.dim((c.version || "-").padEnd(10))}${c.description}`);
     }
     console.log();
   }
@@ -5256,9 +5562,10 @@ program2.command("search").argument("<query>", "Search term").description("Searc
   console.log(chalk2.bold(`
 Found ${results.length} connector(s):
 `));
+  console.log(`  ${chalk2.dim("Name".padEnd(20))}${chalk2.dim("Version".padEnd(10))}${chalk2.dim("Category".padEnd(20))}${chalk2.dim("Description")}`);
+  console.log(chalk2.dim(`  ${"\u2500".repeat(70)}`));
   for (const c of results) {
-    console.log(`  ${chalk2.cyan(c.name)} ${chalk2.dim(`[${c.category}]`)}`);
-    console.log(`    ${c.description}`);
+    console.log(`  ${chalk2.cyan(c.name.padEnd(20))}${chalk2.dim((c.version || "-").padEnd(10))}${chalk2.dim(c.category.padEnd(20))}${c.description}`);
   }
 });
 program2.command("remove").alias("rm").argument("<connector>", "Connector to remove").description("Remove an installed connector").action((connector) => {

package/dist/index.js

@@ -2,6 +2,9 @@
 var __require = import.meta.require;
 
 // src/lib/registry.ts
+import { existsSync, readFileSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
 var CATEGORIES = [
   "AI & ML",
   "Developer Tools",
@@ -468,33 +471,65 @@ function searchConnectors(query) {
 function getConnector(name) {
   return CONNECTORS.find((c) => c.name === name);
 }
+var versionsLoaded = false;
+function loadConnectorVersions() {
+  if (versionsLoaded)
+    return;
+  versionsLoaded = true;
+  const thisDir = dirname(fileURLToPath(import.meta.url));
+  const candidates = [
+    join(thisDir, "..", "connectors"),
+    join(thisDir, "..", "..", "connectors")
+  ];
+  const connectorsDir = candidates.find((d) => existsSync(d));
+  if (!connectorsDir)
+    return;
+  for (const connector of CONNECTORS) {
+    try {
+      const pkgPath = join(connectorsDir, `connect-${connector.name}`, "package.json");
+      if (existsSync(pkgPath)) {
+        const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+        connector.version = pkg.version || "0.0.0";
+      }
+    } catch {}
+  }
+}
 // src/lib/installer.ts
-import { existsSync, cpSync, mkdirSync, writeFileSync } from "fs";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-var __dirname2 = dirname(fileURLToPath(import.meta.url));
-var CONNECTORS_DIR = join(__dirname2, "..", "..", "connectors");
+import { existsSync as existsSync2, cpSync, mkdirSync, writeFileSync } from "fs";
+import { join as join2, dirname as dirname2 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+var __dirname2 = dirname2(fileURLToPath2(import.meta.url));
+function resolveConnectorsDir() {
+  const fromBin = join2(__dirname2, "..", "connectors");
+  if (existsSync2(fromBin))
+    return fromBin;
+  const fromSrc = join2(__dirname2, "..", "..", "connectors");
+  if (existsSync2(fromSrc))
+    return fromSrc;
+  return fromBin;
+}
+var CONNECTORS_DIR = resolveConnectorsDir();
 function getConnectorPath(name) {
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
-  return join(CONNECTORS_DIR, connectorName);
+  return join2(CONNECTORS_DIR, connectorName);
 }
 function connectorExists(name) {
-  return existsSync(getConnectorPath(name));
+  return existsSync2(getConnectorPath(name));
 }
 function installConnector(name, options = {}) {
   const { targetDir = process.cwd(), overwrite = false } = options;
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
   const sourcePath = getConnectorPath(name);
-  const destDir = join(targetDir, ".connectors");
-  const destPath = join(destDir, connectorName);
-  if (!existsSync(sourcePath)) {
+  const destDir = join2(targetDir, ".connectors");
+  const destPath = join2(destDir, connectorName);
+  if (!existsSync2(sourcePath)) {
     return {
       connector: name,
       success: false,
       error: `Connector '${name}' not found`
     };
   }
-  if (existsSync(destPath) && !overwrite) {
+  if (existsSync2(destPath) && !overwrite) {
     return {
       connector: name,
       success: false,
@@ -503,7 +538,7 @@ function installConnector(name, options = {}) {
     };
   }
   try {
-    if (!existsSync(destDir)) {
+    if (!existsSync2(destDir)) {
       mkdirSync(destDir, { recursive: true });
     }
     cpSync(sourcePath, destPath, { recursive: true });
@@ -525,7 +560,7 @@ function installConnectors(names, options = {}) {
   return names.map((name) => installConnector(name, options));
 }
 function updateConnectorsIndex(connectorsDir) {
-  const indexPath = join(connectorsDir, "index.ts");
+  const indexPath = join2(connectorsDir, "index.ts");
   const { readdirSync } = __require("fs");
   const connectors = readdirSync(connectorsDir).filter((f) => f.startsWith("connect-") && !f.includes("."));
   const exports = connectors.map((c) => {
@@ -543,22 +578,22 @@ ${exports}
   writeFileSync(indexPath, content);
 }
 function getInstalledConnectors(targetDir = process.cwd()) {
-  const connectorsDir = join(targetDir, ".connectors");
-  if (!existsSync(connectorsDir)) {
+  const connectorsDir = join2(targetDir, ".connectors");
+  if (!existsSync2(connectorsDir)) {
     return [];
   }
   const { readdirSync, statSync } = __require("fs");
   return readdirSync(connectorsDir).filter((f) => {
-    const fullPath = join(connectorsDir, f);
+    const fullPath = join2(connectorsDir, f);
     return f.startsWith("connect-") && statSync(fullPath).isDirectory();
   }).map((f) => f.replace("connect-", ""));
 }
 function removeConnector(name, targetDir = process.cwd()) {
   const { rmSync } = __require("fs");
   const connectorName = name.startsWith("connect-") ? name : `connect-${name}`;
-  const connectorsDir = join(targetDir, ".connectors");
-  const connectorPath = join(connectorsDir, connectorName);
-  if (!existsSync(connectorPath)) {
+  const connectorsDir = join2(targetDir, ".connectors");
+  const connectorPath = join2(connectorsDir, connectorName);
+  if (!existsSync2(connectorPath)) {
     return false;
   }
   rmSync(connectorPath, { recursive: true });
@@ -568,6 +603,7 @@ function removeConnector(name, targetDir = process.cwd()) {
 export {
   searchConnectors,
   removeConnector,
+  loadConnectorVersions,
   installConnectors,
   installConnector,
   getInstalledConnectors,

package/package.json

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