imcp 0.0.1 → 0.0.2

package/dist/utils/versionUtils.js

@@ -0,0 +1,26 @@
+/**
+ * Utility functions for version comparison and management
+ */
+/**
+ * Compare two semantic version strings
+ * @param v1 First version
+ * @param v2 Second version
+ * @returns -1 if v1 < v2, 0 if v1 = v2, 1 if v1 > v2
+ *          (or more specifically, a negative number if v1 < v2,
+ *           a positive number if v1 > v2, 0 if equal)
+ */
+export function compareVersions(v1, v2) {
+    const v1Parts = v1.split('.').map(Number);
+    const v2Parts = v2.split('.').map(Number);
+    for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+        const v1Part = i < v1Parts.length ? v1Parts[i] : 0;
+        const v2Part = i < v2Parts.length ? v2Parts[i] : 0;
+        if (v1Part !== v2Part) {
+            // This returns the actual difference, which is:
+            // negative if v1Part < v2Part, positive if v1Part > v2Part
+            return v1Part - v2Part;
+        }
+    }
+    return 0;
+}
+//# sourceMappingURL=versionUtils.js.map

package/dist/web/public/js/modal.js

@@ -4,6 +4,27 @@ import { showToast, showConfirm } from './notifications.js';
 document.addEventListener('DOMContentLoaded', () => {
     setupModalOutsideClick();
 });
+/**
+ * Simple version comparison function
+ * @param {string} v1 First version
+ * @param {string} v2 Second version
+ * @returns {number} 1 if v1 > v2, -1 if v1 < v2, 0 if equal
+ */
+function compareVersions(v1, v2) {
+    const v1Parts = v1.split('.').map(Number);
+    const v2Parts = v2.split('.').map(Number);
+
+    for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+        const v1Part = v1Parts[i] || 0;
+        const v2Part = v2Parts[i] || 0;
+
+        if (v1Part > v2Part) return 1;
+        if (v1Part < v2Part) return -1;
+    }
+
+    return 0;
+}
+
 /** Delayed message queue for loading modal */
 let messageQueue = [];
 let isAppending = false;
@@ -147,8 +168,8 @@ async function showInstallModal(categoryName, serverName, callback) {
             const operationStatus = serverStatus.installedStatus[target] || { status: 'not-installed', type: 'check', target: 'server' };
 
             // Determine client status
-            let statusText = 'Not Installed';
-            let statusClass = 'not-installed';
+            let statusText = '';
+            let statusClass = '';
 
             if (operationStatus.status === 'completed' && operationStatus.type === 'install') {
                 statusText = 'Installed';
@@ -163,6 +184,7 @@ async function showInstallModal(categoryName, serverName, callback) {
                 statusText = 'Failed';
                 statusClass = 'not-installed';
             }
+            // Do not show not-installed status for targets that aren't installed
 
             const isConfigured = operationStatus.status === 'completed' && operationStatus.type === 'install';
 
@@ -222,14 +244,16 @@ async function showInstallModal(categoryName, serverName, callback) {
             // Add elements to client info
             clientInfo.appendChild(clientName);
 
-            // Status badge
-            const statusBadge = document.createElement('span');
-            statusBadge.className = `status-badge ${statusClass}`;
-            statusBadge.textContent = statusText;
-
-            // Add components to client item
+            // Add client info (name) to the item first
             clientItem.appendChild(clientInfo);
-            clientItem.appendChild(statusBadge);
+
+            // Status badge - only show if we have status text
+            if (statusText) {
+                const statusBadge = document.createElement('span');
+                statusBadge.className = `status-badge ${statusClass}`;
+                statusBadge.textContent = statusText;
+                clientItem.appendChild(statusBadge);
+            }
 
             // Add client item to target div
             targetDiv.appendChild(clientItem);
@@ -260,6 +284,9 @@ async function showInstallModal(categoryName, serverName, callback) {
             noEnvMessage.textContent = 'No environment variables required for this MCP server.';
             envInputsDiv.appendChild(noEnvMessage);
         } else {
+            // Get clientMcpSettings from the targets endpoint
+            let clientSettings = targetData.clientMcpSettings;
+
             // Create inputs for each environment variable
             Object.keys(envRequirements).forEach(key => {
                 const req = envRequirements[key];
@@ -277,7 +304,21 @@ async function showInstallModal(categoryName, serverName, callback) {
                 input.id = inputId;
                 input.name = key;
                 input.placeholder = req.Description || key;
-                input.value = req.Default || '';
+
+                // For default value, first check MSRooCode for the target server, then use the provided default
+                let defaultValue = req.Default || '';
+
+                // Check if we have settings from MSRooCode
+                if (clientSettings && clientSettings.MSRooCode &&
+                    clientSettings.MSRooCode.mcpServers &&
+                    clientSettings.MSRooCode.mcpServers[serverName] &&
+                    clientSettings.MSRooCode.mcpServers[serverName].env &&
+                    clientSettings.MSRooCode.mcpServers[serverName].env[key]) {
+                    defaultValue = clientSettings.MSRooCode.mcpServers[serverName].env[key];
+                    console.log(`Using MSRooCode value for ${key}: ${defaultValue}`);
+                }
+
+                input.value = defaultValue;
                 input.required = req.Required;
                 input.className = 'input-field';
 
@@ -302,10 +343,36 @@ async function showInstallModal(categoryName, serverName, callback) {
         if (serverRequirements.length > 0) {
             const reqHtml = serverRequirements.map(req => {
                 const status = requirements[req.name] || {};
-                const statusClass = status.installed
+                let statusClass = status.installed
                     ? 'text-green-600 bg-green-50'
                     : 'text-yellow-600 bg-yellow-50';
-                const statusText = status.installed ? 'Installed' : 'Required';
+                let statusText = status.installed ? 'Installed' : 'Required';
+                let versionDisplay = status.version ? ` • <span class="font-medium">${status.version}</span>` : '';
+                let updateToggle = '';
+
+                // Check if there's an available update
+                if (status.installed && status.availableUpdate && status.availableUpdate.version) {
+                    if (status.version && compareVersions(status.availableUpdate.version, status.version) > 0) {
+                        // Show version update information with yellow color and icon
+                        statusClass = 'text-yellow-600 bg-yellow-50';
+                        statusText = `<span style="color: #f59e0b; font-weight: bold; margin-right: 5px;">↑</span>${status.availableUpdate.version}`;
+
+                        // Create a toggle switch for update
+                        updateToggle = `
+                            <label class="inline-flex items-center cursor-pointer ml-2">
+                                <input type="checkbox" class="toggle-update sr-only"
+                                    data-name="${req.name}"
+                                    data-version="${status.availableUpdate.version}"
+                                    data-category="${categoryName}"
+                                    data-server="${serverName}">
+                                <div class="relative w-10 h-5 bg-gray-200 rounded-full toggle-bg">
+                                    <div class="absolute inset-y-0 left-0 w-5 h-5 bg-white rounded-full transition-transform duration-300 transform"></div>
+                                </div>
+                                <span class="ml-2 text-sm text-gray-700">Update</span>
+                            </label>
+                        `;
+                    }
+                }
 
                 return `
                     <div class="border border-gray-200 p-3 rounded-lg mb-2 hover:bg-gray-50">
@@ -313,12 +380,15 @@ async function showInstallModal(categoryName, serverName, callback) {
                             <div>
                                 <div class="font-semibold text-gray-800">${req.name}</div>
                                 <div class="text-sm text-gray-600 shadow-sm p-1 rounded bg-gray-50">
-                                    <span class="font-medium">${status.type || 'package'}</span>${status.version ? ` • <span class="font-medium">${status.version}</span>` : ''}
+                                    <span class="font-medium">${status.type || 'package'}</span>${versionDisplay}
                                 </div>
                             </div>
-                            <span class="${statusClass} inline-flex items-center px-3 py-1 rounded-full text-sm">
-                                ${statusText}
-                            </span>
+                            <div class="flex items-center">
+                                <span class="${statusClass} inline-flex items-center px-3 py-1 rounded-full text-sm">
+                                    ${statusText}
+                                </span>
+                                ${updateToggle}
+                            </div>
                         </div>
                     </div>
                 `;
@@ -333,6 +403,24 @@ async function showInstallModal(categoryName, serverName, callback) {
             modalRequirements.innerHTML = '<p class="text-gray-600">No additional dependencies required.</p>';
         }
 
+        // Add event listeners for update toggles
+        setTimeout(() => {
+            const updateToggles = modalRequirements.querySelectorAll('.toggle-update');
+            updateToggles.forEach(toggle => {
+                toggle.addEventListener('change', function () {
+                    // When toggled, update the visual appearance
+                    const toggleBg = this.parentElement.querySelector('.toggle-bg');
+                    if (this.checked) {
+                        toggleBg.classList.add('bg-blue-500');
+                        toggleBg.querySelector('div').classList.add('translate-x-5');
+                    } else {
+                        toggleBg.classList.remove('bg-blue-500');
+                        toggleBg.querySelector('div').classList.remove('translate-x-5');
+                    }
+                });
+            });
+        }, 100);
+
         // Set up the install form submit handler
         const installForm = document.getElementById('installForm');
         installForm.onsubmit = (e) => {
@@ -347,13 +435,27 @@ async function showInstallModal(categoryName, serverName, callback) {
                 }
             });
 
+            // Check for enabled update toggles and collect requirements to update
+            const requirementsToUpdate = [];
+            const updateToggles = modalRequirements.querySelectorAll('.toggle-update:checked');
+            updateToggles.forEach(toggle => {
+                requirementsToUpdate.push({
+                    name: toggle.dataset.name,
+                    version: toggle.dataset.version
+                });
+            });
+
             // Get selected clients
             const selectedTargets = window.selectedClients.length > 0 ?
                 window.selectedClients :
                 Array.from(document.querySelectorAll('.client-item.selected'))
                     .map(item => item.dataset.target);
 
-            if (selectedTargets.length === 0) {
+            // Check if we have any requirements selected for update
+            const hasRequirementsToUpdate = requirementsToUpdate.length > 0;
+
+            // Only require client selection if we don't have any requirements to update
+            if (selectedTargets.length === 0 && !hasRequirementsToUpdate) {
                 showToast('Please select at least one client to configure.', 'error');
                 return;
             }
@@ -367,7 +469,19 @@ async function showInstallModal(categoryName, serverName, callback) {
                 const msg = serverStatus.installedStatus?.[target]?.message;
                 if (msg) installingMessage = msg;
             }
-            handleBulkClientInstall(categoryName, serverName, selectedTargets, envVars, installingMessage, serverData);
+
+            // Add requirements to update to serverInstallOptions if any
+            const serverInstallOptions = {
+                targetClients: selectedTargets,
+                env: envVars
+            };
+
+            // Only add requirements if we have any to update
+            if (requirementsToUpdate.length > 0) {
+                serverInstallOptions.requirements = requirementsToUpdate;
+            }
+
+            handleBulkClientInstall(categoryName, serverName, selectedTargets, envVars, installingMessage, serverData, serverInstallOptions);
         };
 
     } catch (error) {
@@ -379,8 +493,8 @@ async function showInstallModal(categoryName, serverName, callback) {
 }
 
 // Function to handle bulk client installations
-async function handleBulkClientInstall(categoryName, serverName, targets, envVars = {}, installingMessage = "Starting installation...", serverData = null) {
-    console.log('[LoadingModal] handleBulkClientInstall called', { categoryName, serverName, targets, envVars });
+async function handleBulkClientInstall(categoryName, serverName, targets, envVars = {}, installingMessage = "Starting installation...", serverData = null, serverInstallOptions = null) {
+    console.log('[LoadingModal] handleBulkClientInstall called', { categoryName, serverName, targets, envVars, serverInstallOptions });
     // Hide install modal, show loading modal
     const installModal = document.getElementById('installModal');
     console.log('[LoadingModal] installModal:', installModal);
@@ -401,26 +515,29 @@ async function handleBulkClientInstall(categoryName, serverName, targets, envVar
         }
     }
 
-    showInstallLoadingModal(installingMessage);
-
+    showInstallLoadingModal();
     delayedAppendInstallLoadingMessage(installingMessage);
 
     try {
         delayedAppendInstallLoadingMessage("Installing, please wait...");
+
+        // Use serverInstallOptions if provided, otherwise build the traditional options
+        const requestBody = {
+            serverList: {
+                [serverName]: serverInstallOptions || {
+                    targetClients: targets,
+                    env: envVars
+                }
+            }
+        };
+
         const response = await fetch(`/api/categories/${categoryName}/install`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
                 'Accept': 'application/json'
             },
-            body: JSON.stringify({
-                serverList: {
-                    [serverName]: {
-                        targetClients: targets,
-                        env: envVars
-                    }
-                }
-            })
+            body: JSON.stringify(requestBody)
         });
 
         console.log('[LoadingModal] fetch install response:', response);
@@ -441,8 +558,9 @@ async function handleBulkClientInstall(categoryName, serverName, targets, envVar
         }
 
         // Optionally, you can refresh modal data here or trigger a callback
-        // Start polling for install status
-        pollInstallStatus(categoryName, serverName, targets);
+        // Start polling for install status, pass requirements if available
+        const requirements = serverInstallOptions?.requirements || [];
+        pollInstallStatus(categoryName, serverName, targets, 2000, 60, requirements);
     } catch (error) {
         console.error('[LoadingModal] Error applying configuration:', error);
         delayedAppendInstallLoadingMessage(`<span style="color:red;">Error: ${error.message}</span>`);
@@ -455,33 +573,86 @@ async function handleBulkClientInstall(categoryName, serverName, targets, envVar
     }
 }
 
-// Poll install status for the given server/targets
-async function pollInstallStatus(categoryName, serverName, targets, interval = 2000, maxTries = 60) {
+// Poll install status for the given server/targets and optional requirements
+async function pollInstallStatus(categoryName, serverName, targets, interval = 2000, maxTries = 60, requirements = []) {
     let tries = 0;
     let lastMessages = {};
+    let lastRequirementMessages = {};
     // Use global delayedAppendInstallLoadingMessage and queue logic
     while (tries < maxTries) {
         try {
             const resp = await fetch(`/api/categories/${categoryName}`);
             if (resp.ok) {
                 const data = await resp.json();
-                const serverStatuses = data?.data?.installationStatus?.serversStatus || {};
+                const installationStatus = data?.data?.installationStatus || {};
+                const serverStatuses = installationStatus.serversStatus || {};
+                const requirementsStatus = installationStatus.requirementsStatus || {};
                 const serverStatus = serverStatuses[serverName] || { installedStatus: {} };
-                let allCompleted = true;
-                for (const target of targets) {
-                    const status = serverStatus.installedStatus?.[target]?.status;
-                    const msg = serverStatus.installedStatus?.[target]?.message;
-                    // Only append new messages
-                    if (msg && lastMessages[target] !== msg) {
-                        delayedAppendInstallLoadingMessage(`[${target}] ${msg}`);
-                        lastMessages[target] = msg;
+
+                // First check requirements status if we have any
+                let allRequirementsCompleted = true;
+                let hasRequirements = requirements.length > 0;
+
+                for (const req of requirements) {
+                    const reqStatus = requirementsStatus[req.name] || {};
+                    const opStatus = reqStatus.operationStatus || {};
+                    const msg = opStatus.message;
+                    const status = opStatus.status;
+
+                    // Only append new messages for requirements
+                    if (msg && lastRequirementMessages[req.name] !== msg) {
+                        delayedAppendInstallLoadingMessage(`[Requirement: ${req.name}] ${msg}`);
+                        lastRequirementMessages[req.name] = msg;
                     }
-                    if (status !== "completed") {
-                        allCompleted = false;
+
+                    if (status !== "completed" && status !== "failed") {
+                        allRequirementsCompleted = false;
+                    }
+
+                    // If a requirement failed, show an error
+                    if (status === "failed") {
+                        delayedAppendInstallLoadingMessage(`<span style="color:red;">Requirement update failed: ${req.name} - ${msg || 'Unknown error'}</span>`);
+                    }
+                }
+
+                // Now check target statuses
+                let allTargetsCompleted = true;
+                let hasTargets = targets && targets.length > 0;
+
+                if (hasTargets) {
+                    for (const target of targets) {
+                        const status = serverStatus.installedStatus?.[target]?.status;
+                        const msg = serverStatus.installedStatus?.[target]?.message;
+                        // Only append new messages for targets
+                        if (msg && lastMessages[target] !== msg) {
+                            delayedAppendInstallLoadingMessage(`[Target: ${target}] ${msg}`);
+                            lastMessages[target] = msg;
+                        }
+                        if (status !== "completed") {
+                            allTargetsCompleted = false;
+                        }
                     }
                 }
+
+                // Complete if all operations are done
+                const allCompleted = (!hasRequirements || allRequirementsCompleted) &&
+                    (!hasTargets || allTargetsCompleted);
+
                 if (allCompleted) {
-                    delayedAppendInstallLoadingMessage(`<span style="color:green;">Configuration applied successfully for ${targets.length} client(s).</span>`);
+                    // Compose completion message based on what was processed
+                    let completionMessage = '';
+
+                    if (hasRequirements && hasTargets) {
+                        completionMessage = `Requirements updated and configuration applied successfully for ${targets.length} client(s).`;
+                    } else if (hasRequirements) {
+                        completionMessage = `Requirements updated successfully.`;
+                    } else if (hasTargets) {
+                        completionMessage = `Configuration applied successfully for ${targets.length} client(s).`;
+                    } else {
+                        completionMessage = `Operation completed successfully.`;
+                    }
+
+                    delayedAppendInstallLoadingMessage(`<span style="color:green;">${completionMessage}</span>`);
                     setTimeout(() => {
                         hideInstallLoadingModal();
                         setTimeout(() => {
@@ -568,5 +739,19 @@ window.showInstallLoadingModal = showInstallLoadingModal;
 window.appendInstallLoadingMessage = appendInstallLoadingMessage;
 window.hideInstallLoadingModal = hideInstallLoadingModal;
 
+// CSS styles for the toggle switch
+const styleElement = document.createElement('style');
+styleElement.textContent = `
+    .toggle-bg.bg-blue-500 {
+        background-color: #3b82f6;
+    }
+    .toggle-bg {
+        transition: background-color 0.3s;
+    }
+    .toggle-bg div {
+        transition: transform 0.3s;
+    }
+`;
+document.head.appendChild(styleElement);
 
 export { showInstallModal, closeModal, setupModalOutsideClick, uninstallTools };

package/dist/web/server.d.ts

@@ -1,4 +1,10 @@
 import { ServerInstallOptions } from '../core/types.js';
+export interface UpdateRequirementsRequestBody {
+    requirements: {
+        name: string;
+        updateVersion: string;
+    }[];
+}
 export interface InstallServersRequestBody {
     serverList: Record<string, ServerInstallOptions>;
 }

package/dist/web/server.js

@@ -5,6 +5,7 @@ import { SUPPORTED_CLIENT_NAMES } from '../core/constants.js';
 import { serverService } from '../services/ServerService.js';
 import { openBrowser } from '../utils/osUtils.js';
 import { Logger } from '../utils/logger.js';
+import { configProvider } from '../core/ConfigurationProvider.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const app = express();
 // Middleware
@@ -13,9 +14,13 @@ app.use(express.json());
 // Get available targets
 app.get('/api/targets', async (req, res) => {
     try {
+        // Get clientMcpSettings
+        const clientMcpSettings = await configProvider.getClientMcpSettings();
+        // Keep original format but add clientMcpSettings as additional property
         const response = {
             success: true,
-            data: SUPPORTED_CLIENT_NAMES
+            data: SUPPORTED_CLIENT_NAMES,
+            clientMcpSettings: clientMcpSettings
         };
         res.json(response);
     }

package/package.json

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

package/src/cli/commands/install.ts

@@ -27,11 +27,6 @@ Examples:
       '--name <name>',
       'Server name to install'
     )
-    .option(
-      '--force',
-      'Force installation even if server already exists',
-      false
-    )
     .option(
       '--clients <clients>',
       'Target clients (semicolon separated). Supported values: Cline, MSRooCode, GithubCopilot. If not specified, installs for all clients'
@@ -43,7 +38,6 @@ Examples:
     .action(async (options: {
       category: string;
       name: string;
-      force: boolean;
       clients?: string;
       envs?: string;
       verbose?: boolean;
@@ -55,19 +49,22 @@ Examples:
           Logger.log('Local feeds not found, syncing from remote...');
           await serverService.syncFeeds();
         }
-
-        const { category, name, verbose, force, clients, envs } = options;
+        const { category, name, verbose, clients, envs } = options;
         
-        Logger.debug(`Install options: ${JSON.stringify({ category, name, force, verbose, clients, envs })}`);
+        Logger.debug(`Install options: ${JSON.stringify({ category, name, verbose, clients, envs })}`);
         
         const serverName = name.trim();
         Logger.debug(`Server name: ${serverName}`);
 
         if (!await serverService.validateServerName(category, serverName)) {
-          Logger.error('Invalid server name or category provided', {
-            category,
-            serverName
-          });
+          Logger.error(
+            'Invalid server name or category provided.\n' +
+            'This could be because:\n' +
+            '  1. The server name or category is misspelled\n' +
+            '  2. Your local feeds are outdated\n\n' +
+            'Try running "imcp pull" to update your local feeds from remote.',
+            { category, serverName }
+          );
           process.exit(1);
         }
 
@@ -111,7 +108,7 @@ Examples:
         Logger.log(`Installing server: ${serverName}`);
 
         const installOptions: ServerInstallOptions = {
-          force: options.force,
+          force: false,
           ...(parsedClients?.length && { targetClients: parsedClients }),
           ...(Object.keys(parsedEnvs).length > 0 && { env: parsedEnvs })
         };

package/src/cli/index.ts

@@ -12,6 +12,7 @@ import axios from 'axios';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import fs from 'fs';
+import { compareVersions } from '../utils/versionUtils.js';
 
 // Custom error interface for Commander.js errors
 // ANSI color codes
@@ -32,7 +33,6 @@ async function main(): Promise<void> {
   program
     .name('imcp')
     .description('IMCP (Install Model Context Protocol) CLI')
-    .version('0.0.1')
     .option('--verbose', 'Show detailed logs for all commands');
 
   // Parse global options first
@@ -84,6 +84,7 @@ process.on('unhandledRejection', (error: unknown) => {
 /**
  * Check if there's a newer version of the package available
  */
+
 async function checkForUpdates(): Promise<void> {
   try {
     // Get the current package version
@@ -101,7 +102,8 @@ async function checkForUpdates(): Promise<void> {
       if (npmResponse.data && npmResponse.data['dist-tags'] && npmResponse.data['dist-tags'].latest) {
         const latestVersion = npmResponse.data['dist-tags'].latest;
 
-        if (latestVersion && latestVersion !== currentVersion) {
+        // Compare versions properly to ensure we're only notifying for newer versions
+        if (latestVersion && compareVersions(latestVersion, currentVersion) > 0) {
           console.log(`${COLORS.yellow}Update available for ${packageName}: ${currentVersion} → ${latestVersion}${COLORS.reset}`);
           console.log(`${COLORS.yellow}Run \`npm install -g ${packageName}@latest\` to update${COLORS.reset}`);
         }