imcp 0.0.18 → 0.1.1

package/src/web/public/js/serverCategoryList.js

@@ -3,6 +3,9 @@ import { showServerDetails } from './serverCategoryDetails.js'; // Still needed
 import { showToast } from './notifications.js';
 import { buildUrlWithFlights } from './flights/flights.js';
 
+// Store state for categories
+let pinnedCategories = {};
+
 // Wait for data to be loaded
 async function waitForData() {
     if (allServerCategoriesData && allServerCategoriesData.length > 0) {
@@ -12,6 +15,54 @@ async function waitForData() {
     return allServerCategoriesData && allServerCategoriesData.length > 0;
 }
 
+// Load pinned state from localStorage
+function loadPinnedState() {
+    const saved = localStorage.getItem('pinnedCategories');
+    if (saved) {
+        try {
+            pinnedCategories = JSON.parse(saved);
+        } catch (e) {
+            console.error('Error parsing pinned categories from localStorage:', e);
+            pinnedCategories = {};
+        }
+    }
+}
+
+// Save pinned state to localStorage
+function savePinnedState() {
+    localStorage.setItem('pinnedCategories', JSON.stringify(pinnedCategories));
+}
+
+// Toggle pin status for a category
+function togglePinCategory(categoryName, event) {
+    // Stop propagation to prevent navigation
+    event.stopPropagation();
+    
+    // Toggle pin status
+    if (pinnedCategories[categoryName]) {
+        delete pinnedCategories[categoryName];
+    } else {
+        pinnedCategories[categoryName] = true;
+    }
+    
+    // Save to localStorage
+    savePinnedState();
+    
+    // Find the server item element and add a temporary animation class
+    const serverItem = event.target.closest('.server-item');
+    if (serverItem) {
+        serverItem.classList.add('pin-animation');
+        setTimeout(() => {
+            serverItem.classList.remove('pin-animation');
+        }, 300); // Animation duration
+    }
+    
+    // Re-render list with updated pin status
+    if (allServerCategoriesData && allServerCategoriesData.length > 0) {
+        renderServerCategoryList(allServerCategoriesData);
+    }
+}
+
 // Function to show the last selected category on page load
 async function loadLastSelectedCategory() {
     const lastSelected = localStorage.getItem('lastSelectedCategory');
@@ -33,8 +84,24 @@ function renderServerCategoryList(servers) {
         document.getElementById('serverCategoryDetails').innerHTML = '<p>Select a server from the list to see details.</p>'; // Clear details
         return;
     }
+    
+    // Load pinned state
+    loadPinnedState();
+    
+    // Create a copy of the servers array to avoid modifying the original
+    const sortedServers = [...servers];
+    
+    // Sort servers with pinned ones at the top
+    sortedServers.sort((a, b) => {
+        const isPinnedA = pinnedCategories[a.name] === true;
+        const isPinnedB = pinnedCategories[b.name] === true;
+        
+        if (isPinnedA && !isPinnedB) return -1;
+        if (!isPinnedA && isPinnedB) return 1;
+        return 0; // Keep original order for items with same pin status
+    });
 
-    serverCategoryList.innerHTML = servers.map(server => {
+    serverCategoryList.innerHTML = sortedServers.map(server => {
         let statusHtml = '';
 
         // Add tool status summary if available
@@ -80,13 +147,27 @@ function renderServerCategoryList(servers) {
             }
             systemTagsHtml += '</div>';
         }
+          // Check if this server is pinned
+        const isPinned = pinnedCategories[server.name] === true;
+        const pinnedClass = isPinned ? 'pinned' : '';
+        
+        // Pin/unpin button with appropriate icon
+        const pinIcon = isPinned 
+            ? '<i class="bx bxs-pin"></i>' // Solid pin icon for pinned items
+            : '<i class="bx bx-pin"></i>';  // Outline pin icon for unpinned items
 
         return `
-        <div class="server-item border border-gray-200 p-3 rounded hover:bg-gray-50 cursor-pointer transition duration-150 ease-in-out"
-             onclick="navigateToCategory('${server.name}')"
+        <div class="server-item border border-gray-200 p-3 rounded hover:bg-gray-50 cursor-pointer transition duration-150 ease-in-out ${pinnedClass}"
              data-server-name="${server.name}">
-            <h3 class="font-semibold text-gray-800">${server.displayName || server.name}</h3>
-            <div class="text-sm text-gray-500 flex items-center mt-1">
+            <div class="flex justify-between items-center">
+                <h3 class="font-semibold text-gray-800" onclick="navigateToCategory('${server.name}')">${server.displayName || server.name}</h3>
+                <div class="flex items-center">
+                    <div class="pin-button ${pinnedClass}" onclick="togglePinCategoryItem('${server.name}', event)" title="${isPinned ? 'Unpin' : 'Pin'} this category">
+                        ${pinIcon}
+                    </div>
+                </div>
+            </div>
+            <div class="text-sm text-gray-500 flex items-center mt-1" onclick="navigateToCategory('${server.name}')">
                 ${statusHtml}
                 ${systemTagsHtml}
             </div>
@@ -101,6 +182,9 @@ function renderServerCategoryList(servers) {
 // Setup search functionality
 function setupSearch() {
     const searchBox = document.getElementById('searchBox');
+    
+    // Load pinned state on page load
+    loadPinnedState();
 
     searchBox.addEventListener('input', async function () {
         const searchTerm = this.value.toLowerCase();
@@ -151,7 +235,7 @@ function navigateToCategory(categoryName) {
 // Alternatively, attach event listeners dynamically after rendering the list.
 // For simplicity with current structure, we'll make it global.
 window.navigateToCategory = navigateToCategory;
-
+window.togglePinCategoryItem = togglePinCategory;
 
 // Export functions
-export { renderServerCategoryList, setupSearch, loadLastSelectedCategory };
+export { renderServerCategoryList, setupSearch, loadLastSelectedCategory, togglePinCategory };

package/src/web/public/onboard.html

@@ -106,8 +106,8 @@
                                     placeholder="e.g., Coder Tools">
                             </div>
                             <div class="md:col-span-2">
-                                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
-                                <textarea name="description" rows="3"
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Description*</label>
+                                <textarea name="description" rows="3" required
                                     class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                                     placeholder="Describe the purpose and capabilities of this server category"></textarea>
                             </div>

package/src/web/server.ts

@@ -25,7 +25,7 @@ import { SUPPORTED_CLIENT_NAMES } from '../core/metadatas/constants.js';
 import { serverService } from '../services/ServerService.js';
 import { feedOnboardService } from '../core/onboard/FeedOnboardService.js';
 import { openBrowser } from '../utils/osUtils.js';
-import { Logger } from '../utils/logger.js';
+import { Logger, EventType, EventStatus } from '../utils/logger.js';
 import { configProvider } from '../core/loaders/ConfigurationProvider.js';
 import { onboardStatusManager } from '../core/onboard/OnboardStatusManager.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -368,10 +368,20 @@ export async function startWebServer(port = 3000): Promise<void> {
         console.warn(`Failed to open browser: ${err.message}`);
       });
 
+      // Track IMCP serve event
+      Logger.trackEvent(EventType.IMCP_SERVE, {
+        status: EventStatus.SUCCESS,
+        port: port,
+      });
       resolve();
     });
 
     server.on('error', (error) => {
+      Logger.trackEvent(EventType.IMCP_SERVE, {
+        status: EventStatus.FAILED,
+        errorMessage: error instanceof Error ? error.message : String(error),
+        port: port
+      });
       reject(error);
     });
   });

package/dist/cli/commands/start.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare function createStartCommand(): Command;

package/dist/cli/commands/start.js

@@ -1,32 +0,0 @@
-import { Command } from 'commander';
-import { startWebServer } from '../../web/server.js';
-import { mcpManager } from '../../core/MCPManager.js';
-export function createStartCommand() {
-    return new Command('start')
-        .description('Start local web interface')
-        .option('-p, --port <port>', 'Port to run the server on', '3000')
-        .action(async (options) => {
-        try {
-            // Sync feeds before start the local UI
-            await mcpManager.syncFeeds();
-            // Ensure MCP manager is initialized before starting the web server
-            await mcpManager.initialize();
-            const port = parseInt(options.port, 10);
-            if (isNaN(port) || port < 1 || port > 65535) {
-                throw new Error('Invalid port number');
-            }
-            await startWebServer(port);
-            // The server is running, keep the process alive
-            process.on('SIGINT', () => {
-                console.log('\nShutting down server...');
-                process.exit(0);
-            });
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : 'Unknown error';
-            console.error('Failed to start web server:', message);
-            process.exit(1);
-        }
-    });
-}
-//# sourceMappingURL=start.js.map

package/dist/cli/commands/sync.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare function createSyncCommand(): Command;

package/dist/cli/commands/sync.js

@@ -1,17 +0,0 @@
-import { Command } from 'commander';
-import { serverService } from '../../services/ServerService.js';
-export function createSyncCommand() {
-    return new Command('sync')
-        .description('Sync MCP server configurations from remote feed source')
-        .action(async () => {
-        try {
-            await serverService.syncFeeds();
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : 'Unknown error';
-            console.error('Error syncing configurations:', message);
-            process.exit(1);
-        }
-    });
-}
-//# sourceMappingURL=sync.js.map

package/dist/core/ConfigurationLoader.d.ts

@@ -1,32 +0,0 @@
-import { MCPConfiguration } from './types.js';
-export declare class ConfigurationLoader {
-    /**
-     * Updates the installed status for a server and client combination
-     */
-    private static updateServerInstalledStatus;
-    /**
-     * Removes a client's status from a server
-     */
-    private static removeClientStatus;
-    /**
-     * Synchronizes server categories with client MCP settings.
-     * Uses clientMCPSettings as source of truth for installation status.
-     */
-    static syncServerCategoriesWithClientSettings(configuration: MCPConfiguration): MCPConfiguration;
-    /**
-     * Initializes installation status for a feed configuration
-     */
-    private static initializeInstallationStatus;
-    /**
-     * Synchronizes server categories with feeds
-     */
-    private static syncServerCategoriesWithFeeds;
-    /**
-     * Loads feed configurations into the MCP configuration
-     */
-    static loadFeedsIntoConfiguration(configuration: MCPConfiguration, feedFile?: string): Promise<MCPConfiguration>;
-    /**
-     * Loads MCP client settings into the configuration
-     */
-    static loadClientMCPSettings(configuration: MCPConfiguration): Promise<MCPConfiguration>;
-}

package/dist/core/ConfigurationLoader.js

@@ -1,236 +0,0 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { LOCAL_FEEDS_DIR, SUPPORTED_CLIENTS } from './constants.js';
-import { Logger } from '../utils/logger.js';
-import { readJsonFile } from '../utils/clientUtils.js';
-export class ConfigurationLoader {
-    /**
-     * Updates the installed status for a server and client combination
-     */
-    static updateServerInstalledStatus(serverStatus, clientName, operationStatus) {
-        if (!serverStatus.installedStatus) {
-            serverStatus.installedStatus = {};
-        }
-        serverStatus.installedStatus[clientName] = operationStatus;
-    }
-    /**
-     * Removes a client's status from a server
-     */
-    static removeClientStatus(serverStatus, clientName) {
-        if (serverStatus.installedStatus && serverStatus.installedStatus[clientName]) {
-            delete serverStatus.installedStatus[clientName];
-        }
-    }
-    /**
-     * Synchronizes server categories with client MCP settings.
-     * Uses clientMCPSettings as source of truth for installation status.
-     */
-    static syncServerCategoriesWithClientSettings(configuration) {
-        if (!configuration.clientMCPSettings) {
-            return configuration;
-        }
-        configuration.localServerCategories = configuration.localServerCategories.map(category => {
-            if (!category.installationStatus?.serversStatus) {
-                return category;
-            }
-            const updatedServerStatus = { ...category.installationStatus.serversStatus };
-            const clientSettings = configuration.clientMCPSettings;
-            for (const [clientName, settings] of Object.entries(clientSettings)) {
-                const clientServers = clientName === 'GithubCopilot'
-                    ? settings.servers || {}
-                    : settings.mcpServers || {};
-                Object.keys(updatedServerStatus).forEach(serverName => {
-                    if (clientServers[serverName]) {
-                        if (!updatedServerStatus[serverName].installedStatus[clientName]) {
-                            const operationStatus = {
-                                status: 'completed',
-                                type: 'install',
-                                target: 'server',
-                                message: `Server ${serverName} is configured for client ${clientName}`
-                            };
-                            ConfigurationLoader.updateServerInstalledStatus(updatedServerStatus[serverName], clientName, operationStatus);
-                        }
-                    }
-                    else {
-                        ConfigurationLoader.removeClientStatus(updatedServerStatus[serverName], clientName);
-                    }
-                });
-            }
-            return {
-                ...category,
-                installationStatus: {
-                    ...category.installationStatus,
-                    serversStatus: updatedServerStatus,
-                    lastUpdated: new Date().toISOString()
-                }
-            };
-        });
-        return configuration;
-    }
-    /**
-     * Initializes installation status for a feed configuration
-     */
-    static initializeInstallationStatus(feedConfig) {
-        const requirementsStatus = {};
-        const serversStatus = {};
-        if (feedConfig) {
-            if (feedConfig.requirements) {
-                for (const req of feedConfig.requirements) {
-                    requirementsStatus[req.name] = {
-                        name: req.name,
-                        type: req.type,
-                        installed: false,
-                        version: req.version,
-                        error: undefined
-                    };
-                }
-            }
-            if (feedConfig.mcpServers) {
-                for (const mcp of feedConfig.mcpServers) {
-                    serversStatus[mcp.name] = {
-                        name: mcp.name,
-                        error: undefined,
-                        installedStatus: {}
-                    };
-                }
-            }
-        }
-        return {
-            requirementsStatus,
-            serversStatus,
-            lastUpdated: new Date().toISOString()
-        };
-    }
-    /**
-     * Synchronizes server categories with feeds
-     */
-    static async syncServerCategoriesWithFeeds(configuration) {
-        // 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);
-            }
-            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)) {
-                const newServerCategory = {
-                    name: feedName,
-                    displayName: feedConfig.displayName || feedName,
-                    type: 'local',
-                    description: feedConfig.description || `Local MCP server category: ${feedName}`,
-                    installationStatus: ConfigurationLoader.initializeInstallationStatus(feedConfig),
-                    feedConfiguration: feedConfig
-                };
-                configuration.localServerCategories.push(newServerCategory);
-                console.log(`Created new local server entry for feed: ${feedName}`);
-            }
-        }
-        return configuration;
-    }
-    /**
-     * Loads feed configurations into the MCP configuration
-     */
-    static async loadFeedsIntoConfiguration(configuration, feedFile) {
-        try {
-            await fs.mkdir(LOCAL_FEEDS_DIR, { recursive: true });
-            const feeds = {};
-            // Load provided feed file if specified
-            if (feedFile) {
-                try {
-                    const content = await fs.readFile(feedFile, 'utf8');
-                    const config = JSON.parse(content);
-                    if (config && config.name) {
-                        feeds[config.name] = config;
-                        console.log(`Loaded feed configuration from provided file: ${feedFile}`);
-                    }
-                }
-                catch (error) {
-                    console.log(`Error loading feed configuration from provided file ${feedFile}:`, error);
-                }
-            }
-            // Load feeds from LOCAL_FEEDS_DIR
-            const files = await fs.readdir(LOCAL_FEEDS_DIR);
-            const jsonFiles = files.filter(file => file.endsWith('.json'));
-            if (jsonFiles.length === 0 && !feedFile) {
-                console.log(`No feed configuration files found in ${LOCAL_FEEDS_DIR}`);
-                return configuration;
-            }
-            for (const file of jsonFiles) {
-                try {
-                    const filePath = path.join(LOCAL_FEEDS_DIR, file);
-                    const content = await fs.readFile(filePath, 'utf8');
-                    const config = JSON.parse(content);
-                    if (config && config.name) {
-                        // If feed exists from provided file, skip the local one
-                        if (!feeds[config.name]) {
-                            feeds[config.name] = config;
-                        }
-                        else {
-                            console.log(`Skipping local feed ${config.name} as it was provided via --feed-file`);
-                        }
-                    }
-                }
-                catch (error) {
-                    console.warn(`Error loading feed configuration from ${file}:`, error);
-                }
-            }
-            configuration.feeds = feeds;
-            return await ConfigurationLoader.syncServerCategoriesWithFeeds(configuration);
-        }
-        catch (error) {
-            console.error("Error loading feed configurations:", error);
-            throw error;
-        }
-    }
-    /**
-     * Loads MCP client settings into the configuration
-     */
-    static async loadClientMCPSettings(configuration) {
-        try {
-            Logger.debug('Starting to load MCP client settings...');
-            const settings = {};
-            for (const [clientName, clientSettings] of Object.entries(SUPPORTED_CLIENTS)) {
-                const settingPath = process.env.CODE_INSIDERS
-                    ? clientSettings.codeInsiderSettingPath
-                    : clientSettings.codeSettingPath;
-                try {
-                    let content = await readJsonFile(settingPath, true);
-                    if (clientName === 'GithubCopilot') {
-                        if (!content.mcp) {
-                            content = {
-                                servers: {},
-                                inputs: []
-                            };
-                        }
-                        else {
-                            content = content.mcp;
-                        }
-                    }
-                    settings[clientName] = content;
-                    Logger.debug(`Successfully loaded MCP settings for ${clientName}`);
-                }
-                catch (error) {
-                    Logger.debug(`Warning: Could not load MCP settings for client ${clientName}: ${error instanceof Error ? error.message : String(error)}`);
-                    settings[clientName] = {};
-                }
-            }
-            configuration.clientMCPSettings = settings;
-            return ConfigurationLoader.syncServerCategoriesWithClientSettings(configuration);
-        }
-        catch (error) {
-            Logger.error('Error loading client MCP settings:', error);
-            throw error;
-        }
-    }
-}
-//# sourceMappingURL=ConfigurationLoader.js.map

package/dist/core/ConfigurationProvider.d.ts

@@ -1,35 +0,0 @@
-import { MCPServerCategory, FeedConfiguration, InstallationStatus, RequirementStatus, MCPServerStatus, OperationStatus, McpConfig } from './types.js';
-export declare class ConfigurationProvider {
-    private static instance;
-    private configPath;
-    private configuration;
-    private configLock;
-    private tempDir;
-    private constructor();
-    static getInstance(): ConfigurationProvider;
-    private withLock;
-    initialize(feedFile?: string): Promise<void>;
-    private saveConfiguration;
-    getServerCategories(): Promise<MCPServerCategory[]>;
-    getServerCategory(categoryName: string): Promise<MCPServerCategory | undefined>;
-    getClientMcpSettings(): Promise<Record<string, Record<string, any>> | undefined>;
-    getFeedConfiguration(categoryName: string): Promise<FeedConfiguration | undefined>;
-    getServerMcpConfig(categoryName: string, serverName: string): Promise<McpConfig | undefined>;
-    getInstallationStatus(categoryName: string): Promise<InstallationStatus | undefined>;
-    getServerStatus(categoryName: string, serverName: string): Promise<MCPServerStatus | undefined>;
-    getRequirementStatus(categoryName: string, requirementName: string): Promise<RequirementStatus | undefined>;
-    updateInstallationStatus(categoryName: string, requirementStatus: Record<string, RequirementStatus>, serverStatus: Record<string, MCPServerStatus>): Promise<boolean>;
-    updateRequirementStatus(categoryName: string, requirementName: string, status: RequirementStatus): Promise<boolean>;
-    updateRequirementOperationStatus(categoryName: string, requirementName: string, operationStatus: OperationStatus): Promise<boolean>;
-    updateServerStatus(categoryName: string, serverName: string, status: MCPServerStatus): Promise<boolean>;
-    updateServerOperationStatus(categoryName: string, serverName: string, clientName: string, operationStatus: OperationStatus): Promise<boolean>;
-    isRequirementsReady(categoryName: string, serverName: string): Promise<boolean>;
-    GetServerRequirementStatus(categoryName: string, serverName: string): Promise<RequirementStatus[]>;
-    isServerReady(categoryName: string, serverName: string, clients: string[]): Promise<boolean>;
-    syncFeeds(): Promise<void>;
-    private loadFeedsIntoConfiguration;
-    private loadClientMCPSettings;
-    reloadClientMCPSettings(): Promise<void>;
-    removeServerFromClientMCPSettings(serverName: string, target?: string): Promise<void>;
-}
-export declare const configProvider: ConfigurationProvider;