imcp 0.0.7 → 0.0.9

package/README.md

@@ -11,7 +11,12 @@ IMCP allows you to:
 - (in progress) Distribute your own MCP servers to others
 
 ## Installation
+- Quick usage with latest version
+```
+npx -y imcp@latest serve
+```
 
+- Or install it globally
 ```bash
 npm install -g imcp
 ```

package/dist/core/ConfigurationLoader.js

@@ -105,10 +105,11 @@ export class ConfigurationLoader {
      * Synchronizes server categories with feeds
      */
     static async syncServerCategoriesWithFeeds(configuration) {
-        configuration.localServerCategories = configuration.localServerCategories.map(server => {
-            if (configuration.feeds[server.name]) {
-                server.feedConfiguration = configuration.feeds[server.name];
-            }
+        // Filter out categories that don't have corresponding feeds and update existing ones
+        configuration.localServerCategories = configuration.localServerCategories
+            .filter(server => configuration.feeds[server.name])
+            .map(server => {
+            server.feedConfiguration = configuration.feeds[server.name];
             if (!server.installationStatus ||
                 !server.installationStatus.requirementsStatus ||
                 Object.keys(server.installationStatus.requirementsStatus).length === 0 ||
@@ -118,6 +119,7 @@ export class ConfigurationLoader {
             }
             return server;
         });
+        // Add new categories for feeds that don't have a corresponding category
         const existingServerNames = new Set(configuration.localServerCategories.map(category => category.name));
         for (const [feedName, feedConfig] of Object.entries(configuration.feeds)) {
             if (!existingServerNames.has(feedName)) {

package/dist/core/installers/clients/ClientInstaller.js

@@ -45,38 +45,52 @@ export class ClientInstaller {
      */
     async isCommandAvailable(command) {
         try {
-            if (process.platform === 'win32') {
-                // Windows-specific command check
-                await execAsync(`where ${command}`);
-            }
-            else if (process.platform === 'darwin' && (command === 'code' || command === 'code-insiders')) {
-                // macOS-specific VS Code check
-                const vscodePath = command === 'code' ?
-                    '/Applications/Visual Studio Code.app' :
-                    '/Applications/Visual Studio Code - Insiders.app';
-                await execAsync(`test -d "${vscodePath}"`);
-            }
-            else {
-                // Unix-like systems
-                await execAsync(`which ${command}`);
-            }
-            return true;
-        }
-        catch (error) {
+            // For VS Code on macOS, check both command-line tool and app bundle
             if (process.platform === 'darwin' && (command === 'code' || command === 'code-insiders')) {
-                // Try checking in ~/Applications as well for macOS
                 try {
-                    const homedir = process.env.HOME;
-                    const vscodePath = command === 'code' ?
-                        `${homedir}/Applications/Visual Studio Code.app` :
-                        `${homedir}/Applications/Visual Studio Code - Insiders.app`;
-                    await execAsync(`test -d "${vscodePath}"`);
+                    // Try which command first
+                    await execAsync(`which ${command}`);
                     return true;
                 }
                 catch (error) {
-                    return false;
+                    // If which fails, check application bundles
+                    const systemVSCodePath = command === 'code' ?
+                        '/Applications/Visual Studio Code.app' :
+                        '/Applications/Visual Studio Code - Insiders.app';
+                    try {
+                        // Check system Applications first
+                        await execAsync(`test -d "${systemVSCodePath}"`);
+                        return true;
+                    }
+                    catch (error) {
+                        // If system Applications check fails, try user Applications
+                        const homedir = process.env.HOME;
+                        if (homedir) {
+                            const userVSCodePath = command === 'code' ?
+                                `${homedir}/Applications/Visual Studio Code.app` :
+                                `${homedir}/Applications/Visual Studio Code - Insiders.app`;
+                            try {
+                                await execAsync(`test -d "${userVSCodePath}"`);
+                                return true;
+                            }
+                            catch (error) {
+                                return false;
+                            }
+                        }
+                        return false;
+                    }
                 }
             }
+            // For Windows, use where command
+            if (process.platform === 'win32') {
+                await execAsync(`where ${command}`);
+                return true;
+            }
+            // For all other cases (Unix-like systems), use which command
+            await execAsync(`which ${command}`);
+            return true;
+        }
+        catch (error) {
             return false;
         }
     }

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

@@ -0,0 +1,98 @@
+/* Server item container */
+.server-item {
+    cursor: pointer;
+    position: relative;
+    transition: all 0.2s ease;
+}
+
+.server-item-content {
+    border: 1px solid #e5e7eb;
+    border-radius: 0.5rem;
+    padding: 1rem;
+    margin-bottom: 1rem;
+    background-color: #ffffff;
+    transition: all 0.2s ease;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: bottom; /* Center items vertically */
+}
+
+.server-item:hover .server-item-content {
+    border-color: #3b82f6;
+    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
+    transform: translateY(-1px);
+}
+
+/* Details widget */
+.details-widget {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease-out;
+    background-color: #f8fafc;
+    border-radius: 0 0 0.5rem 0.5rem;
+    margin-top: -1rem;
+    margin-bottom: 1rem;
+    border: 1px solid #e5e7eb;
+    border-top: none;
+}
+
+.details-widget.expanded {
+    max-height: 500px; /* Adjust based on content */
+    border-color: #3b82f6;
+}
+
+.details-widget-content {
+    padding: 1rem;
+}
+
+.description-text {
+    color: #4b5563;
+    line-height: 1.5;
+    font-size: 0.875rem;
+}
+
+/* Expand/collapse animation */
+.server-item-content.expanded {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-color: #3b82f6;
+}
+
+/* Server item content layout */
+.server-item-info {
+    flex: 1;
+    padding-right: 1rem;
+    min-width: 0; /* Prevent content from overflowing */
+}
+
+/* Install/Uninstall buttons positioning */
+.action-buttons {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    margin-left: 1rem; /* Add some space between content and button */
+}
+
+/* Ensure buttons stay in place on hover */
+.server-item:hover .action-buttons {
+    position: relative;
+    z-index: 2;
+}
+
+/* Button styles */
+.action-buttons button {
+    white-space: nowrap;
+    padding: 0.5rem 1rem; /* Slightly larger padding for better visibility */
+    min-width: 80px; /* Ensure consistent button width */
+    text-align: center;
+}
+
+/* Status badges layout */
+.server-item-info .flex-wrap {
+    margin: -0.25rem; /* Negative margin to offset badge spacing */
+}
+
+.server-item-info .flex-wrap > * {
+    margin: 0.25rem; /* Even spacing between badges */
+}

package/dist/web/public/js/detailsWidget.js

@@ -0,0 +1,48 @@
+export class DetailsWidget {
+    constructor(container) {
+        this.container = container;
+        this.isExpanded = false;
+        this.init();
+    }
+
+    init() {
+        // Create details widget elements
+        this.widgetElement = document.createElement('div');
+        this.widgetElement.className = 'details-widget';
+        this.contentElement = document.createElement('div');
+        this.contentElement.className = 'details-widget-content';
+        this.widgetElement.appendChild(this.contentElement);
+        this.container.appendChild(this.widgetElement);
+    }
+
+    setContent(description) {
+        this.contentElement.innerHTML = `
+            <div class="description-text">
+                ${description || 'No description available.'}
+            </div>
+        `;
+    }
+
+    toggle() {
+        this.isExpanded = !this.isExpanded;
+        if (this.isExpanded) {
+            this.expand();
+        } else {
+            this.collapse();
+        }
+    }
+
+    expand() {
+        this.widgetElement.classList.add('expanded');
+        this.container.querySelector('.server-item-content').classList.add('expanded');
+    }
+
+    collapse() {
+        this.widgetElement.classList.remove('expanded');
+        this.container.querySelector('.server-item-content').classList.remove('expanded');
+    }
+
+    isVisible() {
+        return this.isExpanded;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imcp",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Node.js SDK for Model Context Protocol (MCP)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/core/ConfigurationLoader.ts

@@ -133,24 +133,26 @@ export class ConfigurationLoader {
      * Synchronizes server categories with feeds
      */
     private static async syncServerCategoriesWithFeeds(configuration: MCPConfiguration): Promise<MCPConfiguration> {
-        configuration.localServerCategories = configuration.localServerCategories.map(server => {
-            if (configuration.feeds[server.name]) {
+        // Filter out categories that don't have corresponding feeds and update existing ones
+        configuration.localServerCategories = configuration.localServerCategories
+            .filter(server => configuration.feeds[server.name])
+            .map(server => {
                 server.feedConfiguration = configuration.feeds[server.name];
-            }
 
-            if (
-                !server.installationStatus ||
-                !server.installationStatus.requirementsStatus ||
-                Object.keys(server.installationStatus.requirementsStatus).length === 0 ||
-                !server.installationStatus.serversStatus ||
-                Object.keys(server.installationStatus.serversStatus).length < Object.keys(server.feedConfiguration?.mcpServers || []).length
-            ) {
-                server.installationStatus = ConfigurationLoader.initializeInstallationStatus(server.feedConfiguration);
-            }
+                if (
+                    !server.installationStatus ||
+                    !server.installationStatus.requirementsStatus ||
+                    Object.keys(server.installationStatus.requirementsStatus).length === 0 ||
+                    !server.installationStatus.serversStatus ||
+                    Object.keys(server.installationStatus.serversStatus).length < Object.keys(server.feedConfiguration?.mcpServers || []).length
+                ) {
+                    server.installationStatus = ConfigurationLoader.initializeInstallationStatus(server.feedConfiguration);
+                }
 
-            return server;
-        });
+                return server;
+            });
 
+        // Add new categories for feeds that don't have a corresponding category
         const existingServerNames = new Set(configuration.localServerCategories.map(category => category.name));
 
         for (const [feedName, feedConfig] of Object.entries(configuration.feeds)) {

package/src/core/installers/clients/ClientInstaller.ts

@@ -60,34 +60,52 @@ export class ClientInstaller {
      */
     private async isCommandAvailable(command: string): Promise<boolean> {
         try {
-            if (process.platform === 'win32') {
-                // Windows-specific command check
-                await execAsync(`where ${command}`);
-            } else if (process.platform === 'darwin' && (command === 'code' || command === 'code-insiders')) {
-                // macOS-specific VS Code check
-                const vscodePath = command === 'code' ?
-                    '/Applications/Visual Studio Code.app' :
-                    '/Applications/Visual Studio Code - Insiders.app';
-                await execAsync(`test -d "${vscodePath}"`);
-            } else {
-                // Unix-like systems
-                await execAsync(`which ${command}`);
-            }
-            return true;
-        } catch (error) {
+            // For VS Code on macOS, check both command-line tool and app bundle
             if (process.platform === 'darwin' && (command === 'code' || command === 'code-insiders')) {
-                // Try checking in ~/Applications as well for macOS
                 try {
-                    const homedir = process.env.HOME;
-                    const vscodePath = command === 'code' ?
-                        `${homedir}/Applications/Visual Studio Code.app` :
-                        `${homedir}/Applications/Visual Studio Code - Insiders.app`;
-                    await execAsync(`test -d "${vscodePath}"`);
+                    // Try which command first
+                    await execAsync(`which ${command}`);
                     return true;
                 } catch (error) {
-                    return false;
+                    // If which fails, check application bundles
+                    const systemVSCodePath = command === 'code' ?
+                        '/Applications/Visual Studio Code.app' :
+                        '/Applications/Visual Studio Code - Insiders.app';
+
+                    try {
+                        // Check system Applications first
+                        await execAsync(`test -d "${systemVSCodePath}"`);
+                        return true;
+                    } catch (error) {
+                        // If system Applications check fails, try user Applications
+                        const homedir = process.env.HOME;
+                        if (homedir) {
+                            const userVSCodePath = command === 'code' ?
+                                `${homedir}/Applications/Visual Studio Code.app` :
+                                `${homedir}/Applications/Visual Studio Code - Insiders.app`;
+
+                            try {
+                                await execAsync(`test -d "${userVSCodePath}"`);
+                                return true;
+                            } catch (error) {
+                                return false;
+                            }
+                        }
+                        return false;
+                    }
                 }
             }
+
+            // For Windows, use where command
+            if (process.platform === 'win32') {
+                await execAsync(`where ${command}`);
+                return true;
+            }
+
+            // For all other cases (Unix-like systems), use which command
+            await execAsync(`which ${command}`);
+            return true;
+        } catch (error) {
             return false;
         }
     }