imcp 0.0.12 → 0.0.13

package/dist/services/ServerService.js

@@ -1,6 +1,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { Logger } from '../utils/logger.js';
+import { getServerSchemaProvider } from '../core/ServerSchemaProvider.js';
 import { mcpManager } from '../core/MCPManager.js';
 import { UPDATE_CHECK_INTERVAL_MS } from '../core/constants.js';
 import { updateCheckTracker } from '../utils/UpdateCheckTracker.js';
@@ -96,6 +97,20 @@ export class ServerService {
             }
         }
     }
+    /**
+     * Gets the schema for a specific server in a category
+     */
+    async getServerSchema(categoryName, serverName) {
+        try {
+            const provider = await getServerSchemaProvider();
+            const serverMcpConfig = await mcpManager.getServerMcpConfig(categoryName, serverName);
+            return await provider.getSchema(categoryName, serverMcpConfig?.schemas || `${serverName}.json`);
+        }
+        catch (error) {
+            Logger.error(`Failed to get schema for server ${serverName} in category ${categoryName}:`, error);
+            throw error;
+        }
+    }
     /**
      * Installs a specific mcp tool for a server.
      * TODO: This might require enhancing MCPManager to handle category-specific installs.

package/dist/utils/githubAuth.js

@@ -29,16 +29,6 @@ class GithubAuthError extends Error {
 export async function checkGithubAuth() {
     Logger.debug('Starting GitHub authentication check');
     try {
-        // Check if git is installed
-        if (!await isToolInstalled('git')) {
-            Logger.log('Installing required Git...');
-            await installCLI('git');
-            // Verify git was installed correctly, with retry mechanism
-            if (!await isToolInstalled('git')) {
-                throw new Error('Failed to install Git. Please install it manually and try again.');
-            }
-            Logger.debug('Git installed successfully and verified');
-        }
         // Check if gh CLI is installed
         if (!await isToolInstalled('gh')) {
             Logger.log('Installing required GitHub CLI...');

package/dist/utils/githubUtils.d.ts

@@ -1,4 +1,19 @@
 import { RegistryConfig, RequirementConfig } from '../core/types.js';
+interface DownloadGithubReleaseResult {
+    version: string;
+    downloadPath: string;
+}
+/**
+ * Downloads a GitHub release asset
+ * @param repo GitHub repository in format owner/repo
+ * @param version Version to download, can be "latest"
+ * @param assetsName Assets name pattern (optional, but either assetsName or assetName must be provided)
+ * @param assetName Asset name pattern (optional, but either assetsName or assetName must be provided)
+ * @param isFolder Whether to treat the downloaded asset as a folder (default: false)
+ * @param targetDirectory Target directory for downloads (default: SETTINGS_DIR/downloads)
+ * @returns Object containing version and download path
+ */
+export declare function downloadGithubRelease(repo: string, version: string, assetsName?: string, assetName?: string, isFolder?: boolean, targetDirectory?: string): Promise<DownloadGithubReleaseResult>;
 /**
  * Helper to handle GitHub release downloads
  * @param requirement The requirement configuration
@@ -9,3 +24,4 @@ export declare function handleGitHubRelease(requirement: RequirementConfig, regi
     resolvedVersion: string;
     resolvedPath: string;
 }>;
+export {};

package/dist/utils/githubUtils.js

@@ -3,78 +3,94 @@ import util from 'util';
 import fs from 'fs/promises';
 import path from 'path';
 import { extractZipFile } from './clientUtils.js';
-import { Logger } from './logger.js';
 import { SETTINGS_DIR } from '../core/constants.js';
 const execAsync = util.promisify(exec);
 /**
- * Helper to handle GitHub release downloads
- * @param requirement The requirement configuration
- * @param registry The GitHub release registry configuration
- * @returns The path to the downloaded file
+ * Downloads a GitHub release asset
+ * @param repo GitHub repository in format owner/repo
+ * @param version Version to download, can be "latest"
+ * @param assetsName Assets name pattern (optional, but either assetsName or assetName must be provided)
+ * @param assetName Asset name pattern (optional, but either assetsName or assetName must be provided)
+ * @param isFolder Whether to treat the downloaded asset as a folder (default: false)
+ * @param targetDirectory Target directory for downloads (default: SETTINGS_DIR/downloads)
+ * @returns Object containing version and download path
  */
-export async function handleGitHubRelease(requirement, registry) {
-    if (!registry) {
-        throw new Error('GitHub release registry configuration is required');
+export async function downloadGithubRelease(repo, version, assetsName, assetName, isFolder = false, targetDirectory) {
+    if (!repo) {
+        throw new Error('GitHub repository is required');
     }
-    const downloadsDir = path.join(SETTINGS_DIR, 'downloads');
-    await fs.mkdir(downloadsDir, { recursive: true });
-    const { repository, assetsName, assetName } = registry;
-    if (!repository) {
-        throw new Error('GitHub repository is required for GitHub release downloads');
+    if (!assetsName && !assetName) {
+        throw new Error('Either assetsName or assetName must be specified');
     }
-    let version = requirement.version;
-    let resolvedAssetName = assetName || '';
-    let resolvedAssetsName = assetsName || '';
-    const { stdout } = await execAsync(`gh release view --repo ${repository} --json tagName --jq .tagName`);
+    const downloadsDir = targetDirectory || path.join(SETTINGS_DIR, 'downloads');
+    await fs.mkdir(downloadsDir, { recursive: true });
+    // Get latest version if needed
+    const { stdout } = await execAsync(`gh release view --repo ${repo} --json tagName --jq .tagName`);
     const latestTag = stdout.trim();
     let latestVersion = latestTag;
     const tagWithVPrefix = latestVersion.startsWith('v');
     if (tagWithVPrefix)
         latestVersion = latestVersion.substring(1); // Remove 'v' prefix if present
-    version = version.includes("latest") ? latestVersion : version;
+    const resolvedVersion = version.includes("latest") ? latestVersion : version;
+    // Resolve asset names
+    let resolvedAssetsName = '';
+    let resolvedAssetName = '';
     if (assetsName) {
-        resolvedAssetsName = assetsName.replace('${latest}', version).replace('${version}', version);
+        resolvedAssetsName = assetsName.replace('${latest}', resolvedVersion).replace('${version}', resolvedVersion);
     }
     if (assetName) {
-        resolvedAssetName = assetName.replace('${latest}', version).replace('${version}', version);
+        resolvedAssetName = assetName.replace('${latest}', resolvedVersion).replace('${version}', resolvedVersion);
     }
-    Logger.debug(`Downloading ${requirement.name} from GitHub release ${repository} version ${version}`);
-    Logger.debug(`ResolvedAssetsName} ${resolvedAssetName}; ResolvedAsetName} ${resolvedAssetName}`);
-    const pattern = resolvedAssetsName ? resolvedAssetsName : resolvedAssetName;
-    Logger.debug(`Resolved pattern: ${pattern}`);
-    if (!pattern) {
-        throw new Error('Either assetsName or assetName must be specified for GitHub release downloads');
+    // Validate zip requirement for isFolder
+    const pattern = resolvedAssetsName || resolvedAssetName;
+    if (isFolder && (!resolvedAssetsName || !resolvedAssetsName.endsWith('.zip'))) {
+        throw new Error('When isFolder is true, assetsName must be provided and end with .zip');
     }
     // Download the release asset
     const downloadPath = path.join(downloadsDir, path.basename(pattern));
     if (!await fileExists(downloadPath)) {
-        await execAsync(`gh release download ${tagWithVPrefix ? `v${version}` : version} --repo ${repository} --pattern "${pattern}" -O "${downloadPath}"`);
+        await execAsync(`gh release download ${tagWithVPrefix ? `v${resolvedVersion}` : resolvedVersion} --repo ${repo} --pattern "${pattern}" -O "${downloadPath}"`);
     }
-    // Handle zip file extraction if the downloaded file is a zip
-    if (downloadPath.endsWith('.zip')) {
+    // Handle zip extraction if needed
+    if (isFolder && downloadPath.endsWith('.zip')) {
         const extractDir = path.join(downloadsDir, path.basename(pattern, '.zip'));
         await fs.mkdir(extractDir, { recursive: true });
-        // Extract the zip file
         await extractZipFile(downloadPath, { dir: extractDir });
-        let assetPath = '';
         // If resolvedAssetName is specified, look for it in the extracted directory
         if (resolvedAssetName) {
-            assetPath = path.join(extractDir, resolvedAssetName);
+            const assetPath = path.join(extractDir, resolvedAssetName);
             try {
                 await fs.access(assetPath);
-                return { resolvedVersion: version, resolvedPath: assetPath };
+                return { version: resolvedVersion, downloadPath: assetPath };
             }
             catch (error) {
                 throw new Error(`Asset ${resolvedAssetName} not found in extracted directory ${extractDir}`);
             }
         }
-        else {
-            assetPath = path.join(extractDir, path.basename(pattern, '.zip') + '.tgz');
-        }
-        // If no specific asset is required, return the extraction directory
-        return { resolvedVersion: version, resolvedPath: extractDir };
+        return { version: resolvedVersion, downloadPath: extractDir };
+    }
+    return { version: resolvedVersion, downloadPath };
+}
+/**
+ * Helper to handle GitHub release downloads
+ * @param requirement The requirement configuration
+ * @param registry The GitHub release registry configuration
+ * @returns The path to the downloaded file
+ */
+export async function handleGitHubRelease(requirement, registry) {
+    if (!registry) {
+        throw new Error('GitHub release registry configuration is required');
+    }
+    const { repository, assetsName, assetName } = registry;
+    if (!repository) {
+        throw new Error('GitHub repository is required for GitHub release downloads');
     }
-    return { resolvedVersion: version, resolvedPath: downloadPath };
+    const isZipAsset = assetsName?.endsWith('.zip') || false;
+    const result = await downloadGithubRelease(repository, requirement.version, assetsName, assetName, isZipAsset);
+    return {
+        resolvedVersion: result.version,
+        resolvedPath: result.downloadPath
+    };
 }
 async function fileExists(filePath) {
     try {

package/dist/web/public/css/detailsWidget.css

@@ -1,30 +1,75 @@
 .details-widget {
     transition: all 0.3s ease-in-out;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    display: block;
+    overflow: hidden;
 }
 
-.tools-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-    gap: 0.5rem;
-    padding: 0.5rem;
+.tools-list {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    padding: 0.1rem;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.tool-card {
+    width: 100%;
+    margin-bottom: -1px;
+    border-radius: 0;
+    box-sizing: border-box;
+}
+
+.tool-card:first-child {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.tool-card:last-child {
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+    margin-bottom: 0;
 }
 
 .tool-card {
     transition: all 0.3s ease-out;
     border: 1px solid #e5e7eb;
-    margin-bottom: 0.5rem;
-    padding: 0.75rem;
+    padding: 0.5rem;
+    background-color: white;
+    position: relative;
+    z-index: 1;
+    font-size: 0.9rem;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.tool-card .text-gray-600 {
+    font-size: 0.75rem;
+    line-height: 1.3;
 }
 
 .tool-card.active {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    border-left: 4px solid #3b82f6;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
+    border-color: transparent;
     background-color: #f8fafc;
 }
 
+.tool-card:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
 .tool-card-header {
     position: relative;
     padding-right: 2rem;
+    width: 100%;
+    box-sizing: border-box;
+    cursor: pointer;
 }
 
 .tool-card-header::after {
@@ -49,23 +94,33 @@
     max-height: 0;
     opacity: 0;
     overflow: hidden;
-    transition: all 0.3s ease-out;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    background-color: #f9fafb;
+    border-radius: 6px;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
 }
 
 .tool-details.visible {
-    max-height: 1500px;
+    max-height: 2000px;
     opacity: 1;
-    padding-top: 0.75rem;
-    margin-top: 0.75rem;
+    padding: 0.1rem;
+    margin-top: 0.5rem;
     border-top: 1px solid #e5e7eb;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
 }
 
 .property-item {
-    margin-bottom: 0.75rem;
-    padding-left: 0.75rem;
+    margin-bottom: 0.15rem;
+    padding: 0.5rem;
     border-left: 2px solid #e5e7eb;
-    transition: border-color 0.2s ease;
-    font-size: 0.9rem;
+    transition: all 0.2s ease;
+    font-size: 0.8rem;
+    background-color: white;
+    border-radius: 4px;
 }
 
 .property-item:hover {
@@ -73,38 +128,108 @@
 }
 
 .property-header {
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.25rem;
+}
+
+.property-title {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
 }
 
 .property-name {
     font-weight: 600;
     color: #1e293b;
+    font-size: 0.85rem;
+    background-color: #f8fafc;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+    display: inline-block;
 }
 
 .property-type {
     color: #64748b;
-    font-size: 0.875rem;
+    font-size: 0.65rem;
+    padding: 0.1rem 0.3rem;
+    background: #f1f5f9;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    margin-left: 0.3rem;
 }
 
 .property-desc {
-    color: #475569;
-    font-size: 0.8125rem;
-    line-height: 1.4;
-    margin-top: 0.25rem;
+    color: #6b7280;
+    font-size: 0.7rem;
+    margin-left: 0.5rem;
+    display: inline-block;
+    font-style: italic;
+}
+
+.property-default {
+    font-size: 0.75rem;
+    color: #6b7280;
+    margin-top: 0.15rem;
+}
+
+.property-default code {
+    background: #f1f5f9;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    font-family: 'Courier New', monospace;
+    font-size: 0.85rem;
 }
 
 .required-fields {
-    background-color: #fef3c7;
-    border-left: 4px solid #f59e0b;
-    padding: 0.5rem 0.75rem;
-    margin-bottom: 1rem;
-    font-size: 0.875rem;
+    border-left: 2px solid #64748b;
+    padding: 0.25rem 0.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.8rem;
+    border-radius: 2px;
+    color: #64748b;
+}
+.required-star {
+    color: #dc2626;
+    margin-left: 2px;
+    font-weight: bold;
+}
+
+
+/* Ensure proper container behavior for the widget */
+.details-widget-container {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
 }
 
 .nested-properties {
-    margin-left: 0.75rem;
-    padding-left: 0.75rem;
+    margin: 0.25rem 0 0.25rem 0.5rem;
+    padding-left: 0.5rem;
     border-left: 1px solid #e5e7eb;
-    margin-top: 0.5rem;
-    font-size: 0.875rem;
+    font-size: 0.8rem;
+}
+
+.nested-property-item {
+    margin-bottom: 0.5rem;
+    padding: 0.25rem 0.5rem;
+}
+
+.nested-property-item .property-name {
+    font-size: 0.85rem;
+}
+
+.nested-property-item .property-type {
+    font-size: 0.8rem;
+    padding: 0.1rem 0.3rem;
+}
+
+.nested-property-item .property-desc {
+    font-size: 0.8rem;
+    margin-top: 0.25rem;
+    color: #64748b;
 }

package/dist/web/public/css/serverDetails.css

@@ -1,24 +1,24 @@
 /* Server item container */
-.server-item {
+.server-item-content {
     cursor: pointer;
     position: relative;
     transition: all 0.2s ease;
-}
-
-.server-item-content {
-    position: relative;
     border: 1px solid #e5e7eb;
     border-radius: 0.5rem;
     padding: 1rem;
     padding-right: calc(120px + 3rem); /* Button width + spacing */
-    margin-bottom: 1rem;
+    box-sizing: border-box;
     background-color: #ffffff;
-    transition: all 0.2s ease;
+    z-index: 1;
+    margin-bottom: 1rem;
+    width: 100%;
+    max-width: 100%;
+    overflow: visible;
 }
 
-.server-item:hover .server-item-content {
-    border-color: #3b82f6;
-    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
+.server-item-content:hover {
+    border-color: transparent;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     transform: translateY(-1px);
 }
 
@@ -29,20 +29,33 @@
     transition: max-height 0.3s ease-out;
     background-color: #f8fafc;
     border-radius: 0 0 0.5rem 0.5rem;
-    margin-top: -1rem;
-    margin-bottom: 1rem;
+    margin: -1px 0 0;
     border: 1px solid #e5e7eb;
     border-top: none;
+    position: relative;
+    z-index: 0;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    left: 0;
+    right: 0;
 }
 
 .details-widget.expanded {
-    max-height: 800px; /* Increased height to accommodate more content */
-    border-color: #3b82f6;
-    transition: max-height 0.3s ease-in-out;
+    max-height: 2000px; /* Increased height to accommodate more content */
+    border-color: transparent;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transition: max-height 0.3s ease-in-out, box-shadow 0.2s ease;
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    display: block;
 }
 
 .details-widget-content {
     padding: 1rem;
+    width: 100%;
+    box-sizing: border-box;
 }
 
 .description-text {
@@ -53,9 +66,12 @@
 
 /* Expand/collapse animation */
 .server-item-content.expanded {
+    border-bottom: none;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    border-color: #3b82f6;
+    border-color: transparent;
+    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08);
+    margin-bottom: 0;
 }
 
 /* Server item layout */
@@ -84,13 +100,13 @@
 .action-buttons {
     position: absolute;
     right: 1rem;
-    top: 50%;
-    transform: translateY(-50%);
+    top: calc(2rem + 0.5rem); /* Align with description text (header height + margin-bottom) */
     margin: 0;
+    z-index: 2; /* Ensure buttons stay on top */
 }
 
 .action-buttons button {
-    min-width: 120px;
+    min-width: 100px;
     padding: 0.5rem 1.5rem;
     text-align: center;
     font-weight: 600;

package/dist/web/public/index.html

@@ -12,6 +12,8 @@
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="css/modal.css">
     <link rel="stylesheet" href="css/notifications.css">
+    <link rel="stylesheet" href="css/serverDetails.css">
+    <link rel="stylesheet" href="css/detailsWidget.css">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Alert container for notifications -->