imcp 0.0.6 → 0.0.8

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/ConfigurationProvider.js

@@ -48,17 +48,24 @@ export class ConfigurationProvider {
             const configDir = path.dirname(this.configPath);
             await fs.mkdir(configDir, { recursive: true });
             try {
-                const config = JSON.parse(await fs.readFile(this.configPath, 'utf8'));
-                this.configuration = config;
-                await this.loadFeedsIntoConfiguration(); // Load feeds into configuration
-                await this.loadClientMCPSettings(); // Load MCP settings for each client
+                try {
+                    const config = JSON.parse(await fs.readFile(this.configPath, 'utf8'));
+                    this.configuration = config;
+                }
+                catch (error) {
+                    if (error.code !== 'ENOENT') {
+                        throw error;
+                    }
+                    // File doesn't exist, use default empty configuration
+                    await this.saveConfiguration();
+                }
+                // Always load feeds and client settings, whether file existed or not
+                await this.loadFeedsIntoConfiguration();
+                await this.loadClientMCPSettings();
             }
             catch (error) {
-                if (error.code !== 'ENOENT') {
-                    throw error;
-                }
-                // File doesn't exist, use default empty configuration
-                await this.saveConfiguration();
+                Logger.error('Error during initialization', error);
+                throw error;
             }
         });
     }
@@ -256,7 +263,7 @@ export class ConfigurationProvider {
                     });
                 }
                 Logger.debug('Updating local feeds...');
-                // await fs.rm(LOCAL_FEEDS_DIR, { recursive: true, force: true });
+                await fs.rm(LOCAL_FEEDS_DIR, { recursive: true, force: true });
                 const sourceFeedsDir = path.join(this.tempDir, GITHUB_REPO.feedsPath);
                 try {
                     await fs.access(sourceFeedsDir);

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.6",
+  "version": "0.0.8",
   "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/ConfigurationProvider.ts

@@ -63,16 +63,23 @@ export class ConfigurationProvider {
             await fs.mkdir(configDir, { recursive: true });
 
             try {
-                const config = JSON.parse(await fs.readFile(this.configPath, 'utf8'));
-                this.configuration = config;
-                await this.loadFeedsIntoConfiguration(); // Load feeds into configuration
-                await this.loadClientMCPSettings(); // Load MCP settings for each client
-            } catch (error) {
-                if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
-                    throw error;
+                try {
+                    const config = JSON.parse(await fs.readFile(this.configPath, 'utf8'));
+                    this.configuration = config;
+                } catch (error) {
+                    if ((error as NodeJS.ErrnoException).code !== 'ENOENT') {
+                        throw error;
+                    }
+                    // File doesn't exist, use default empty configuration
+                    await this.saveConfiguration();
                 }
-                // File doesn't exist, use default empty configuration
-                await this.saveConfiguration();
+
+                // Always load feeds and client settings, whether file existed or not
+                await this.loadFeedsIntoConfiguration();
+                await this.loadClientMCPSettings();
+            } catch (error) {
+                Logger.error('Error during initialization', error);
+                throw error;
             }
         });
     }
@@ -314,7 +321,7 @@ export class ConfigurationProvider {
                 }
 
                 Logger.debug('Updating local feeds...');
-                // await fs.rm(LOCAL_FEEDS_DIR, { recursive: true, force: true });
+                await fs.rm(LOCAL_FEEDS_DIR, { recursive: true, force: true });
                 const sourceFeedsDir = path.join(this.tempDir, GITHUB_REPO.feedsPath);
 
                 try {